"use strict";
(this["webpackChunk_wavemaker_ai_foundation_css"] = this["webpackChunk_wavemaker_ai_foundation_css"] || []).push([["src_tokens_web_components_spinner_spinner_json"],{

/***/ "./src/tokens/web/components/spinner/spinner.json"
/*!********************************************************!*\
  !*** ./src/tokens/web/components/spinner/spinner.json ***!
  \********************************************************/
(module) {

module.exports = /*#__PURE__*/JSON.parse('{"spinner":{"meta":{"mapping":{"selector":{"web":".app-spinner","mobile":".app-spinner"}}},"mapping":{"min-height":{"value":"6rem","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of loading spinners (animated indicators that show content is loading). This ensures the spinner area is always tall enough to be visible and properly centered.<br>CSS variable: --wm-spinner-min-height"}},"background":{"@":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of loading spinners (the overlay that appears behind the spinner animation). This creates a backdrop that dims the content while loading.<br>CSS variable: --wm-spinner-background"}},"opacity":{"value":"0.3","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the spinner background overlay. Lower values make the background more transparent, higher values make it more opaque.<br>CSS variable: --wm-spinner-background-opacity"}}},"loading-data-msg":{"background":{"@":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of loading data messages (text that appears with the spinner to explain what\'s loading). This creates a backdrop for the loading message.<br>CSS variable: --wm-spinner-loading-data-msg-background"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the loading data message background. This affects how visible the background overlay is behind the loading text.<br>CSS variable: --wm-spinner-loading-data-msg-background-opacity"}}},"color":{"value":"inherit","type":"color","attributes":{"subtype":"color","description":"Sets the text color of loading data messages (the text that appears with the spinner to explain what\'s loading). This determines the color of the loading message text.<br>CSS variable: --wm-spinner-loading-data-msg-color"}},"radius":{"value":"inherit","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of loading data messages (the text area that appears with the spinner). This makes the loading message area appear with rounded corners.<br>CSS variable: --wm-spinner-loading-data-msg-radius"}}}},"appearances":{}}}');

/***/ }

}]);