"use strict";
(this["webpackChunk_wavemaker_ai_foundation_css"] = this["webpackChunk_wavemaker_ai_foundation_css"] || []).push([["src_tokens_web_components_color-picker_color-picker_json"],{

/***/ "./src/tokens/web/components/color-picker/color-picker.json"
/*!******************************************************************!*\
  !*** ./src/tokens/web/components/color-picker/color-picker.json ***!
  \******************************************************************/
(module) {

module.exports = /*#__PURE__*/JSON.parse('{"color-picker":{"mapping":{"container":{"width":{"value":"48px","type":"space","attributes":{"subtype":"space","description":"Controls how wide the color picker button appears (the small colored square that users click to open the color selection dialog). This determines the size of the color preview button.<br>CSS variable: --wm-color-picker-container-width"}},"height":{"value":"48px","type":"space","attributes":{"subtype":"space","description":"Controls how tall the color picker button appears (the small colored square that users click to open the color selection dialog). This determines the size of the color preview button.<br>CSS variable: --wm-color-picker-container-height"}}}}}}');

/***/ }

}]);