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

/***/ "./src/tokens/mobile/components/bottomsheet/bottomsheet.json"
/*!*******************************************************************!*\
  !*** ./src/tokens/mobile/components/bottomsheet/bottomsheet.json ***!
  \*******************************************************************/
(module) {

module.exports = /*#__PURE__*/JSON.parse('{"bottomsheet":{"meta":{"mapping":{"selector":{"mobile":".app-bottomsheet"}}},"mapping":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of the bottom sheet. This determines how wide the bottom sheet appears on the screen. Acceptable units: px, %.<br>CSS variable: --wm-bottomsheet-width"}},"backdrop":{"background":{"value":"rgba(0,0,0,0.1)","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the bottom sheet backdrop. This is the semi-transparent overlay that appears behind the bottom sheet when it is open.<br>CSS variable: --wm-bottomsheet-backdrop-background"}}},"background":{"value":"{color.surface.bright.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the bottom sheet component. This is the main background color that appears behind all bottom sheet content.<br>CSS variable: --wm-bottomsheet-background"}},"border":{"radius":{"value":"{radius.lg.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius for rounded corners of the bottom sheet component. This makes the bottom sheet appear with rounded corners at the top.<br>CSS variable: --wm-bottomsheet-border-radius"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"border-width","description":"Controls the border width (all sides) of the bottom sheet component. This determines how thick the border around the bottom sheet appears. Acceptable units: px.<br>CSS variable: --wm-bottomsheet-border-width"}},"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the border color of the bottom sheet component. This determines what color the border around the bottom sheet appears in.<br>CSS variable: --wm-bottomsheet-border-color"}},"style":{"value":"{border.style.base.value}","type":"border","attributes":{"subtype":"border-style","description":"Sets the border style of the bottom sheet component. This determines what style the border around the bottom sheet appears in.<br>CSS variable: --wm-bottomsheet-border-style"}}},"margin":{"value":"{space.0.value} {space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the margin (top/bottom, left/right) of the bottom sheet component. This creates spacing around the bottom sheet. Acceptable units: px.<br>CSS variable: --wm-bottomsheet-margin"}},"handle":{"background":{"value":"{color.surface.bright.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the bottom sheet drag handle. This is the background color that appears behind the drag handle area.<br>CSS variable: --wm-bottomsheet-handle-background"}},"icon":{"width":{"value":"{space.9.value}","type":"space","attributes":{"subtype":"space","description":"Controls the width of the drag handle icon in the bottom sheet. This determines how wide the drag handle icon appears.<br>CSS variable: --wm-bottomsheet-handle-icon-width"}},"height":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the height of the drag handle icon in the bottom sheet. This determines how tall the drag handle icon appears.<br>CSS variable: --wm-bottomsheet-handle-icon-height"}},"background":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the drag handle icon in the bottom sheet. This determines what color the drag handle icon appears in.<br>CSS variable: --wm-bottomsheet-handle-icon-background"}}},"padding":{"value":"{space.4.value} {space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top/bottom, left/right) of the bottom sheet drag handle. This creates spacing around the drag handle area. Acceptable units: px.<br>CSS variable: --wm-bottomsheet-handle-padding"}},"border":{"width":{"value":"1","type":"radius","attributes":{"subtype":"border-width","description":"Controls the border thickness of the bottom sheet drag handle. This determines how thick the border around the drag handle appears.<br>CSS variable: --wm-bottomsheet-handle-border-width"}},"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the border color of the bottom sheet drag handle. This determines what color the border around the drag handle appears in.<br>CSS variable: --wm-bottomsheet-handle-border-color"}}}},"content":{"padding":{"value":"{space.0.value} {space.5.value} {space.5.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top, left/right, bottom) of the bottom sheet content area. This creates spacing around the content. Acceptable units: px.<br>CSS variable: --wm-bottomsheet-content-padding"}}}}}}');

/***/ }

}]);