datocms-react-ui 2.1.4 → 3.0.1-alpha.0

package/dist/cjs/SelectInput/index.js

@@ -54,19 +54,19 @@ var react_select_1 = __importDefault(require("react-select"));
 var async_1 = __importDefault(require("react-select/async"));
 var async_creatable_1 = __importDefault(require("react-select/async-creatable"));
 var creatable_1 = __importDefault(require("react-select/creatable"));
-var themeConfig = function (existing) { return (__assign(__assign({}, existing), { borderRadius: 0, colors: __assign(__assign({}, existing.colors), { primary25: 'var(--semi-transparent-accent-color)', 
+var themeConfig = function (existing) { return (__assign(__assign({}, existing), { borderRadius: 0, colors: __assign(__assign({}, existing.colors), { primary25: 'var(--color--surface-hover)', 
         // disabled
-        neutral10: 'var(--border-color)', 
+        neutral10: 'var(--color--border)', 
         // normal
-        neutral20: 'var(--border-color)', 
+        neutral20: 'var(--color--border)', 
         // focused
-        primary: 'var(--accent-color)', 
+        primary: 'var(--color--focus--border)', 
         // hover
-        neutral30: 'var(--darker-border-color)' }) })); };
+        neutral30: 'var(--color--border-hover)' }) })); };
 var useStyles = function (isDisabled, error) {
     return (0, react_1.useMemo)(function () {
         return {
-            placeholder: function (provided) { return (__assign(__assign({}, provided), { color: 'var(--placeholder-body-color)' })); },
+            placeholder: function (provided) { return (__assign(__assign({}, provided), { color: 'var(--color--ink-placeholder)' })); },
             container: function (provided) {
                 return __assign(__assign({}, provided), { fontSize: 'inherit' });
             },
@@ -75,32 +75,51 @@ var useStyles = function (isDisabled, error) {
                 var result = provided;
                 result = __assign(__assign({}, result), { minHeight: 40 });
                 if (isFocused) {
-                    return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', boxShadow: "0 0 0 3px ".concat(error
-                            ? 'rgba(var(--alert-color-rgb-components), 0.2)'
-                            : 'var(--semi-transparent-accent-color)'), '&:hover': {
-                            borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)',
+                    return __assign(__assign({}, result), { borderColor: error
+                            ? 'var(--color--feedback-fail--border)'
+                            : 'var(--color--focus--border)', backgroundColor: isDisabled
+                            ? 'var(--color--disabled--surface)'
+                            : 'var(--color--surface)', boxShadow: "0 0 0 3px ".concat(error
+                            ? 'var(--color--feedback-fail--outline)'
+                            : 'var(--color--focus--outline)'), '&:hover': {
+                            borderColor: error
+                                ? 'var(--color--feedback-fail--border)'
+                                : 'var(--color--focus--border)',
                         } });
                 }
-                return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--border-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', '&:hover': {
+                return __assign(__assign({}, result), { borderColor: error
+                        ? 'var(--color--feedback-fail--border)'
+                        : 'var(--color--border)', backgroundColor: isDisabled
+                        ? 'var(--color--disabled--surface)'
+                        : 'var(--color--surface)', '&:hover': {
                         borderColor: error
-                            ? 'var(--alert-color)'
-                            : 'var(--darker-border-color)',
+                            ? 'var(--color--feedback-fail--border)'
+                            : 'var(--color--border-hover)',
                     } });
             },
-            multiValueRemove: function (provided) { return (__assign(__assign({}, provided), { cursor: 'pointer' })); },
+            multiValueRemove: function (provided) { return (__assign(__assign({}, provided), { cursor: 'pointer', color: 'var(--color--tinted--ink)', ':hover': {
+                    backgroundColor: 'var(--color--tinted--surface-hover)',
+                    color: 'var(--color--tinted--ink)',
+                } })); },
             menu: function (provided) {
-                return __assign(__assign({}, provided), { zIndex: 1000, minWidth: 250 });
+                return __assign(__assign({}, provided), { zIndex: 1000, minWidth: 250, backgroundColor: 'var(--color--raised--surface)' });
             },
-            input: function (provided) {
-                var result = __assign(__assign({}, provided), { boxShadow: 'none', 'input:focus': {
-                        boxShadow: 'none',
-                    } });
-                return result;
+            singleValue: function (provided) { return (__assign(__assign({}, provided), { color: 'var(--color--ink)' })); },
+            input: function (provided) { return (__assign(__assign({}, provided), { color: 'var(--color--ink)', boxShadow: 'none', 'input:focus': {
+                    boxShadow: 'none',
+                } })); },
+            option: function (provided, _a) {
+                var isFocused = _a.isFocused, isSelected = _a.isSelected;
+                return (__assign(__assign({}, provided), { backgroundColor: isSelected
+                        ? 'var(--color--selected--surface)'
+                        : isFocused
+                            ? 'var(--color--surface-hover)'
+                            : undefined, color: 'var(--color--ink)' }));
             },
             multiValue: function (provided) {
-                return __assign(__assign({}, provided), { zIndex: 100, backgroundColor: 'var(--light-color)', userSelect: 'none' });
+                return __assign(__assign({}, provided), { zIndex: 100, backgroundColor: 'var(--color--tinted--surface)', userSelect: 'none' });
             },
-            multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { fontSize: 'inherit', padding: 3 })); },
+            multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { fontSize: 'inherit', padding: 3, color: 'var(--color--tinted--ink)' })); },
         };
     }, [isDisabled, error]);
 };

package/dist/cjs/SelectInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/SidebarPanel/index.js

@@ -29,15 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarPanel = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importStar(require("react"));
+var icons_1 = require("../icons");
 var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
-function ChevronDownIcon() {
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: "1em", height: "1em" },
-        react_1.default.createElement("path", { d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
-}
-function ChevronUpIcon() {
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: "1em", height: "1em" },
-        react_1.default.createElement("path", { d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" })));
-}
 /**
  * @example Basic example
  *
@@ -47,7 +40,7 @@ function ChevronUpIcon() {
  *     <div
  *       style={{
  *         width: '300px',
- *         borderRight: '1px solid var(--border-color)',
+ *         borderRight: '1px solid var(--color--border)',
  *       }}
  *     >
  *       <SidebarPanel title="Default">Content</SidebarPanel>
@@ -64,7 +57,7 @@ function ChevronUpIcon() {
  *         display: 'flex',
  *         justifyContent: 'center',
  *         alignItems: 'center',
- *         background: 'var(--light-bg-color)',
+ *         background: 'var(--color--surface-muted)',
  *       }}
  *     >
  *       Main content
@@ -83,7 +76,7 @@ function SidebarPanel(_a) {
     return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.SidebarPanel },
         title && (react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default.SidebarPanel__header, onClick: handleToggle },
             react_1.default.createElement("div", { className: styles_module_css_json_1.default.SidebarPanel__header__title }, title),
-            react_1.default.createElement("div", { className: styles_module_css_json_1.default.SidebarPanel__header__chevron }, open ? react_1.default.createElement(ChevronDownIcon, null) : react_1.default.createElement(ChevronUpIcon, null)))),
+            react_1.default.createElement("div", { className: styles_module_css_json_1.default.SidebarPanel__header__chevron }, open ? react_1.default.createElement(icons_1.CaretDownIcon, null) : react_1.default.createElement(icons_1.CaretUpIcon, null)))),
         open && (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default.SidebarPanel__content, (_b = {},
                 _b[styles_module_css_json_1.default['SidebarPanel__content--no-padding']] = noPadding,
                 _b)) }, children))));

package/dist/cjs/SidebarPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SidebarPanel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,6CAAwD;AACxD,oFAAyC;AAEzC,SAAS,eAAe;IACtB,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK;QAEZ,wCAAM,CAAC,EAAC,yRAAyR,GAAG,CAChS,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK;QAEZ,wCAAM,CAAC,EAAC,8RAA8R,GAAG,CACrS,CACP,CAAC;AACJ,CAAC;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAgB,YAAY,CAAC,EAKT;;QAJlB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA;IAEH,IAAA,KAAkB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;IAE5C,IAAM,YAAY,GAAG;QACnB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAC,CAAC,YAAY;QAC3B,KAAK,IAAI,CACR,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gCAAC,CAAC,oBAAoB,EACjC,OAAO,EAAE,YAAY;YAErB,uCAAK,SAAS,EAAE,gCAAC,CAAC,2BAA2B,IAAG,KAAK,CAAO;YAC5D,uCAAK,SAAS,EAAE,gCAAC,CAAC,6BAA6B,IAC5C,IAAI,CAAC,CAAC,CAAC,8BAAC,eAAe,OAAG,CAAC,CAAC,CAAC,8BAAC,aAAa,OAAG,CAC3C,CACC,CACV;QACA,IAAI,IAAI,CACP,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,qBAAqB;gBAC3C,GAAC,gCAAC,CAAC,mCAAmC,CAAC,IAAG,SAAS;oBACnD,IAED,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SidebarPanel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,6CAAwD;AACxD,kCAAsD;AACtD,oFAAyC;AASzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAgB,YAAY,CAAC,EAKT;;QAJlB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA;IAEH,IAAA,KAAkB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;IAE5C,IAAM,YAAY,GAAG;QACnB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAC,CAAC,YAAY;QAC3B,KAAK,IAAI,CACR,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gCAAC,CAAC,oBAAoB,EACjC,OAAO,EAAE,YAAY;YAErB,uCAAK,SAAS,EAAE,gCAAC,CAAC,2BAA2B,IAAG,KAAK,CAAO;YAC5D,uCAAK,SAAS,EAAE,gCAAC,CAAC,6BAA6B,IAC5C,IAAI,CAAC,CAAC,CAAC,8BAAC,qBAAa,OAAG,CAAC,CAAC,CAAC,8BAAC,mBAAW,OAAG,CACvC,CACC,CACV;QACA,IAAI,IAAI,CACP,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,qBAAqB;gBAC3C,GAAC,gCAAC,CAAC,mCAAmC,CAAC,IAAG,SAAS;oBACnD,IAED,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC"}

package/dist/cjs/SidebarPanel/styles.module.css.json

@@ -1 +1 @@
-{ "SidebarPanel": "_SidebarPanel_4uwco_1", "SidebarPanel__header": "_SidebarPanel__header_4uwco_5", "SidebarPanel__header__title": "_SidebarPanel__header__title_4uwco_30", "SidebarPanel__header__chevron": "_SidebarPanel__header__chevron_4uwco_36", "SidebarPanel__content": "_SidebarPanel__content_4uwco_42", "SidebarPanel__content--no-padding": "_SidebarPanel__content--no-padding_4uwco_47" }
+{ "SidebarPanel": "_SidebarPanel_q32h5_1", "SidebarPanel__header": "_SidebarPanel__header_q32h5_5", "SidebarPanel__header__title": "_SidebarPanel__header__title_q32h5_30", "SidebarPanel__header__chevron": "_SidebarPanel__header__chevron_q32h5_36", "SidebarPanel__content": "_SidebarPanel__content_q32h5_42", "SidebarPanel__content--no-padding": "_SidebarPanel__content--no-padding_q32h5_47" }

package/dist/cjs/Spinner/styles.module.css.json

@@ -1 +1 @@
-{ "Spinner--inline": "_Spinner--inline_oumod_1", "Spinner--centered": "_Spinner--centered_oumod_7", "Spinner__bar": "_Spinner__bar_oumod_13", "Spinner__spin": "_Spinner__spin_oumod_1" }
+{ "Spinner--inline": "_Spinner--inline_1u42l_1", "Spinner--centered": "_Spinner--centered_1u42l_7", "Spinner__bar": "_Spinner__bar_1u42l_13", "Spinner__spin": "_Spinner__spin_1u42l_1" }

package/dist/cjs/SplitView/SplitViewSash/styles.module.css.json

@@ -1 +1 @@
-{ "SplitViewSash": "_SplitViewSash_tds51_1", "SplitViewSash--dragging": "_SplitViewSash--dragging_tds51_15", "SplitViewSash__content": "_SplitViewSash__content_tds51_19", "SplitViewSash--no-resize": "_SplitViewSash--no-resize_tds51_24", "SplitViewSash--vertical": "_SplitViewSash--vertical_tds51_28", "SplitViewSash--horizontal": "_SplitViewSash--horizontal_tds51_32", "SplitViewSash__content__button": "_SplitViewSash__content__button_tds51_46" }
+{ "SplitViewSash": "_SplitViewSash_5k1ng_1", "SplitViewSash--dragging": "_SplitViewSash--dragging_5k1ng_15", "SplitViewSash__content": "_SplitViewSash__content_5k1ng_19", "SplitViewSash--no-resize": "_SplitViewSash--no-resize_5k1ng_24", "SplitViewSash--vertical": "_SplitViewSash--vertical_5k1ng_28", "SplitViewSash--horizontal": "_SplitViewSash--horizontal_5k1ng_32", "SplitViewSash__content__button": "_SplitViewSash__content__button_5k1ng_46" }

package/dist/cjs/SwitchField/styles.module.css.json

@@ -1 +1 @@
-{ "switchField__flex": "_switchField__flex_16z4j_1", "switchField__switchInput": "_switchField__switchInput_16z4j_6", "switchField__label": "_switchField__label_16z4j_10", "switchField__below": "_switchField__below_16z4j_22" }
+{ "switchField__flex": "_switchField__flex_ietsf_1", "switchField__switchInput": "_switchField__switchInput_ietsf_6", "switchField__label": "_switchField__label_ietsf_10", "switchField__below": "_switchField__below_ietsf_22" }

package/dist/cjs/SwitchInput/styles.module.css.json

@@ -1 +1 @@
-{ "switchInput__inner": "_switchInput__inner_1knbg_1", "switchInput": "_switchInput_1knbg_1", "switchInput__off": "_switchInput__off_1knbg_1", "switchInput__on": "_switchInput__on_1knbg_1", "switchInput__checked": "_switchInput__checked_1knbg_47", "switchInput__disabled": "_switchInput__disabled_1knbg_60", "none": "_none_1knbg_1" }
+{ "switchInput__inner": "_switchInput__inner_190is_1", "switchInput": "_switchInput_190is_1", "switchInput__off": "_switchInput__off_190is_1", "switchInput__on": "_switchInput__on_190is_1", "switchInput__checked": "_switchInput__checked_190is_50", "switchInput__disabled": "_switchInput__disabled_190is_63", "none": "_none_190is_1" }

package/dist/cjs/TextInput/styles.module.css.json

@@ -1 +1 @@
-{ "TextInput": "_TextInput_x2oj2_1", "TextInput--monospaced": "_TextInput--monospaced_x2oj2_30", "TextInput--disabled": "_TextInput--disabled_x2oj2_35", "TextInput--error": "_TextInput--error_x2oj2_41" }
+{ "TextInput": "_TextInput_it0d0_1", "TextInput--monospaced": "_TextInput--monospaced_it0d0_32", "TextInput--disabled": "_TextInput--disabled_it0d0_37", "TextInput--error": "_TextInput--error_it0d0_43" }

package/dist/cjs/TextareaInput/styles.module.css.json

@@ -1 +1 @@
-{ "TextareaInput": "_TextareaInput_1wnu9_1", "TextareaInput--monospaced": "_TextareaInput--monospaced_1wnu9_30", "TextareaInput--disabled": "_TextareaInput--disabled_1wnu9_35", "TextareaInput--error": "_TextareaInput--error_1wnu9_41" }
+{ "TextareaInput": "_TextareaInput_3v51p_1", "TextareaInput--monospaced": "_TextareaInput--monospaced_3v51p_32", "TextareaInput--disabled": "_TextareaInput--disabled_3v51p_37", "TextareaInput--error": "_TextareaInput--error_3v51p_43" }

package/dist/cjs/Toolbar/Button/styles.module.css.json

@@ -1 +1 @@
-{ "Button": "_Button_fy6g6_1" }
+{ "Button": "_Button_36kvr_1" }

package/dist/cjs/Toolbar/Toolbar/index.js

@@ -22,7 +22,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
  *       display: 'flex',
  *       justifyContent: 'center',
  *       alignItems: 'center',
- *       background: 'var(--light-bg-color)',
+ *       background: 'var(--color--surface-muted)',
  *       height: '150px',
  *     }}
  *   >
@@ -53,7 +53,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
  *       display: 'flex',
  *       justifyContent: 'center',
  *       alignItems: 'center',
- *       background: 'var(--light-bg-color)',
+ *       background: 'var(--color--surface-muted)',
  *       height: '150px',
  *     }}
  *   >
@@ -82,7 +82,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
  *       display: 'flex',
  *       justifyContent: 'center',
  *       alignItems: 'center',
- *       background: 'var(--light-bg-color)',
+ *       background: 'var(--color--surface-muted)',
  *       height: '150px',
  *     }}
  *   >

package/dist/cjs/Toolbar/Toolbar/styles.module.css.json

@@ -1 +1 @@
-{ "Toolbar": "_Toolbar_1cwb8_1" }
+{ "Toolbar": "_Toolbar_50246_1" }

package/dist/cjs/Tooltip/TooltipContent/styles.module.css.json

@@ -1 +1 @@
-{ "tooltip": "_tooltip_3z5rn_1" }
+{ "tooltip": "_tooltip_m9vka_1" }

package/dist/cjs/Tooltip/TooltipDelayGroup/index.js

@@ -104,8 +104,8 @@ var React = __importStar(require("react"));
  *       display: 'flex',
  *       gap: 'var(--spacing-xs)',
  *       padding: 'var(--spacing-s)',
- *       borderRadius: 'var(--border-radius-m)',
- *       backgroundColor: 'var(--light-bg-color)'
+ *       borderRadius: '4px',
+ *       backgroundColor: 'var(--color--surface-muted)'
  *     }}>
  *       <Tooltip>
  *         <TooltipTrigger>

package/dist/cjs/VerticalSplit/index.js

@@ -76,7 +76,7 @@ function calculateSizes(_a) {
  *           Main content
  *         </div>
  *       </div>
- *       <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border-color)' }}>
+ *       <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
  *         <Toolbar>
  *           <ToolbarStack stackSize="l">
  *             <ToolbarTitle>Secondary</ToolbarTitle>
@@ -123,7 +123,7 @@ function calculateSizes(_a) {
  *           Sidebar
  *         </div>
  *       </div>
- *       <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border-color)' }}>
+ *       <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
  *         <Toolbar>
  *           <ToolbarStack stackSize="l">
  *             <ToolbarTitle>Primary</ToolbarTitle>
@@ -183,7 +183,7 @@ function calculateSizes(_a) {
  *                display: 'flex',
  *                flexDirection: 'column',
  *                height: '100%',
- *                borderLeft: '1px solid var(--border-color)',
+ *                borderLeft: '1px solid var(--color--border)',
  *              }}
  *            >
  *              <Toolbar>
@@ -248,7 +248,7 @@ function calculateSizes(_a) {
  *                display: 'flex',
  *                flexDirection: 'column',
  *                height: '100%',
- *                borderLeft: '1px solid var(--border-color)',
+ *                borderLeft: '1px solid var(--color--border)',
  *              }}
  *            >
  *              <Toolbar>

package/dist/cjs/VerticalSplit/styles.module.css.json

@@ -1 +1 @@
-{ "VerticalSplitPane__expand": "_VerticalSplitPane__expand_80tii_1", "VerticalSplitPane__expand--left": "_VerticalSplitPane__expand--left_80tii_22", "VerticalSplitPane__expand--right": "_VerticalSplitPane__expand--right_80tii_25", "VerticalSplitPaneOverlay": "_VerticalSplitPaneOverlay_80tii_42", "VerticalSplitPaneOverlay__primary": "_VerticalSplitPaneOverlay__primary_80tii_58", "VerticalSplitPaneOverlay__primary--left": "_VerticalSplitPaneOverlay__primary--left_80tii_67", "VerticalSplitPaneOverlay__primary--right": "_VerticalSplitPaneOverlay__primary--right_80tii_71", "VerticalSplitPaneOverlay__secondary": "_VerticalSplitPaneOverlay__secondary_80tii_75", "VerticalSplitPaneOverlay__secondary--left": "_VerticalSplitPaneOverlay__secondary--left_80tii_83", "VerticalSplitPaneOverlay__secondary--right": "_VerticalSplitPaneOverlay__secondary--right_80tii_87", "VerticalSplitPaneOverlay__sash": "_VerticalSplitPaneOverlay__sash_80tii_91" }
+{ "VerticalSplitPane__expand": "_VerticalSplitPane__expand_1j6ko_1", "VerticalSplitPane__expand--left": "_VerticalSplitPane__expand--left_1j6ko_22", "VerticalSplitPane__expand--right": "_VerticalSplitPane__expand--right_1j6ko_25", "VerticalSplitPaneOverlay": "_VerticalSplitPaneOverlay_1j6ko_42", "VerticalSplitPaneOverlay__primary": "_VerticalSplitPaneOverlay__primary_1j6ko_54", "VerticalSplitPaneOverlay__primary--left": "_VerticalSplitPaneOverlay__primary--left_1j6ko_63", "VerticalSplitPaneOverlay__primary--right": "_VerticalSplitPaneOverlay__primary--right_1j6ko_67", "VerticalSplitPaneOverlay__secondary": "_VerticalSplitPaneOverlay__secondary_1j6ko_71", "VerticalSplitPaneOverlay__secondary--left": "_VerticalSplitPaneOverlay__secondary--left_1j6ko_79", "VerticalSplitPaneOverlay__secondary--right": "_VerticalSplitPaneOverlay__secondary--right_1j6ko_83", "VerticalSplitPaneOverlay__sash": "_VerticalSplitPaneOverlay__sash_1j6ko_87" }

package/dist/cjs/generateStyleFromCtx/index.js

@@ -18,9 +18,131 @@ function camelToDash(str) {
     }
     return str.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); });
 }
+/**
+ * Maps camelCase semantic token keys to their CSS custom property names
+ * (without the `--` prefix). The CSS names preserve the double-dash
+ * namespace separators used by the host application.
+ */
+var semanticTokenCssNames = {
+    /* --- Standalone --- */
+    colorSurface: 'color--surface',
+    colorSurfaceHover: 'color--surface-hover',
+    colorSurfaceMuted: 'color--surface-muted',
+    colorInk: 'color--ink',
+    colorInkSubtle: 'color--ink-subtle',
+    colorInkHover: 'color--ink-hover',
+    colorInkMuted: 'color--ink-muted',
+    colorInkPlaceholder: 'color--ink-placeholder',
+    colorInkPrimary: 'color--ink-primary',
+    colorInkAccent: 'color--ink-accent',
+    colorInkDisabled: 'color--ink-disabled',
+    colorBorder: 'color--border',
+    colorBorderHover: 'color--border-hover',
+    /* --- Context: raised --- */
+    colorRaisedSurface: 'color--raised--surface',
+    colorRaisedSurfaceHover: 'color--raised--surface-hover',
+    colorRaisedSurfaceActive: 'color--raised--surface-active',
+    /* --- Context: primary --- */
+    colorPrimarySurface: 'color--primary--surface',
+    colorPrimarySurfaceHover: 'color--primary--surface-hover',
+    colorPrimarySurfaceActive: 'color--primary--surface-active',
+    colorPrimarySurfaceMuted: 'color--primary--surface-muted',
+    colorPrimaryInk: 'color--primary--ink',
+    colorPrimaryBorder: 'color--primary--border',
+    /* --- Context: tinted --- */
+    colorTintedSurface: 'color--tinted--surface',
+    colorTintedSurfaceHover: 'color--tinted--surface-hover',
+    colorTintedSurfaceActive: 'color--tinted--surface-active',
+    colorTintedInk: 'color--tinted--ink',
+    /* --- Context: accent --- */
+    colorAccentSurface: 'color--accent--surface',
+    colorAccentInk: 'color--accent--ink',
+    /* --- Context: selected --- */
+    colorSelectedSurface: 'color--selected--surface',
+    colorSelectedInk: 'color--selected--ink',
+    colorSelectedBorder: 'color--selected--border',
+    /* --- Context: disabled --- */
+    colorDisabledSurface: 'color--disabled--surface',
+    colorDisabledInk: 'color--disabled--ink',
+    /* --- Context: danger --- */
+    colorDangerSurface: 'color--danger--surface',
+    colorDangerInk: 'color--danger--ink',
+    /* --- Context: enterprise --- */
+    colorEnterpriseSurface: 'color--enterprise--surface',
+    /* --- Context: focus --- */
+    colorFocusBorder: 'color--focus--border',
+    colorFocusOutline: 'color--focus--outline',
+    /* --- Feedback --- */
+    colorFeedbackFailInk: 'color--feedback-fail--ink',
+    colorFeedbackFailBorder: 'color--feedback-fail--border',
+    colorFeedbackFailOutline: 'color--feedback-fail--outline',
+    colorFeedbackWarningInk: 'color--feedback-warning--ink',
+    colorFeedbackWarningSurface: 'color--feedback-warning--surface',
+    colorFeedbackSuccessInk: 'color--feedback-success--ink',
+    colorFeedbackWarningBorder: 'color--feedback-warning--border',
+    colorFeedbackSuccessBorder: 'color--feedback-success--border',
+    /* --- Context: highlight --- */
+    colorHighlightSurface: 'color--highlight--surface',
+    /* --- Diffs --- */
+    colorDiffAddedSurface: 'color--diff-added--surface',
+    colorDiffRemovedSurface: 'color--diff-removed--surface',
+    colorDiffChangedSurface: 'color--diff-changed--surface',
+    colorDiffAddedSurfaceSubtle: 'color--diff-added--surface-subtle',
+    colorDiffRemovedSurfaceSubtle: 'color--diff-removed--surface-subtle',
+    colorDiffChangedSurfaceSubtle: 'color--diff-changed--surface-subtle',
+    colorDiffAddedOutlineSubtle: 'color--diff-added--outline-subtle',
+    colorDiffRemovedOutlineSubtle: 'color--diff-removed--outline-subtle',
+    colorDiffChangedOutlineSubtle: 'color--diff-changed--outline-subtle',
+    colorDiffChangedBorder: 'color--diff-changed--border',
+    colorDiffChangedBorderNegative: 'color--diff-changed--border-negative',
+    /* --- Status --- */
+    colorStatusDraftInk: 'color--status-draft--ink',
+    colorStatusOutdatedInk: 'color--status-outdated--ink',
+    colorStatusPublishedInk: 'color--status-published--ink',
+    /* --- Backdrop --- */
+    colorBackdropSurface: 'color--backdrop--surface',
+    colorBackdropInk: 'color--backdrop--ink',
+    /* --- Overlay --- */
+    colorOverlaySurface: 'color--overlay--surface',
+    colorOverlaySurfaceSubtle: 'color--overlay--surface-subtle',
+    colorOverlayInk: 'color--overlay--ink',
+    /* --- Stacked --- */
+    colorStackedSurfaceBase: 'color--stacked--surface-base',
+    colorStackedSurface: 'color--stacked--surface',
+    colorStackedSurfaceRaised: 'color--stacked--surface-raised',
+    colorStackedInk: 'color--stacked--ink',
+    colorStackedInkSubtle: 'color--stacked--ink-subtle',
+    colorStackedBorder: 'color--stacked--border',
+    colorStackedSurfaceHover: 'color--stacked--surface-hover',
+    colorStackedSurfaceTranslucent: 'color--stacked--surface-translucent',
+    colorStackedSurfaceButton: 'color--stacked--surface-button',
+    colorStackedSurfaceButtonActive: 'color--stacked--surface-button-active',
+    /* --- Progress --- */
+    colorProgressTrack: 'color--progress--track',
+    colorProgressFill: 'color--progress--fill',
+    colorProgressFillHover: 'color--progress--fill-hover',
+    /* --- Tooltip --- */
+    colorTooltipSurface: 'color--tooltip--surface',
+    colorTooltipSurfaceHover: 'color--tooltip--surface-hover',
+    colorTooltipInk: 'color--tooltip--ink',
+    colorTooltipInkSubtle: 'color--tooltip--ink-subtle',
+    /* --- Code --- */
+    colorCodeSurface: 'color--code--surface',
+    colorCodeInk: 'color--code--ink',
+    /* --- Shadows --- */
+    colorShadowSubtle: 'color--shadow-subtle',
+    colorShadow: 'color--shadow',
+    colorShadowStrong: 'color--shadow-strong',
+    /* --- Scrollbar --- */
+    colorScrollbar: 'color--scrollbar',
+    /* --- Shadow composites --- */
+    shadowElevated: 'shadow--elevated',
+    shadowFloat: 'shadow--float',
+    shadowAmbient: 'shadow--ambient',
+};
 function generateStyleFromCtx(ctx, noBodyPadding) {
     if (noBodyPadding === void 0) { noBodyPadding = false; }
-    return __assign({ padding: noBodyPadding
+    return __assign(__assign({ padding: noBodyPadding
             ? undefined
             : ctx.bodyPadding.map(function (p) { return "".concat(p, "px"); }).join(' ') }, Object.fromEntries(Object.entries(ctx.theme).flatMap(function (_a) {
         var _b;
@@ -32,7 +154,16 @@ function generateStyleFromCtx(ctx, noBodyPadding) {
                 ((_b = v.match(/rgb\((\d+, \d+, \d+)\)/)) === null || _b === void 0 ? void 0 : _b[1]) || undefined,
             ],
         ];
-    })));
+    }))), (ctx.semanticColorTokensTheme
+        ? Object.fromEntries(Object.entries(ctx.semanticColorTokensTheme).map(function (_a) {
+            var _b;
+            var k = _a[0], v = _a[1];
+            return [
+                "--".concat((_b = semanticTokenCssNames[k]) !== null && _b !== void 0 ? _b : camelToDash(k)),
+                v,
+            ];
+        }))
+        : undefined));
 }
 exports.generateStyleFromCtx = generateStyleFromCtx;
 //# sourceMappingURL=index.js.map

package/dist/cjs/generateStyleFromCtx/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generateStyleFromCtx/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE;QAC7B,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAI,CAAC,CAAC,WAAW,EAAE,CAAE,EAArB,CAAqB,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,oBAAoB,CAClC,GAAY,EACZ,aAAqB;IAArB,8BAAA,EAAA,qBAAqB;IAErB,kBACE,OAAO,EAAE,aAAa;YACpB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,UAAG,CAAC,OAAI,EAAR,CAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAC/C,MAAM,CAAC,WAAW,CACnB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;;YAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAAM,OAAA;YAC5C,CAAC,YAAK,WAAW,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAC;YAC1B;gBACE,YAAK,WAAW,CAAC,UAAG,CAAC,kBAAe,CAAC,CAAE;gBACvC,CAAA,MAAA,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,0CAAG,CAAC,CAAC,KAAI,SAAS;aACpD;SACF,CAAA;KAAA,CAAC,CACH,EACD;AACJ,CAAC;AAlBD,oDAkBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generateStyleFromCtx/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/icons.js

@@ -7,49 +7,49 @@ exports.SidebarFlipIcon = exports.ChevronsRightIcon = exports.ChevronsLeftIcon =
 var react_1 = __importDefault(require("react"));
 function BackIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z" })));
 }
 exports.BackIcon = BackIcon;
 function SidebarLeftArrowIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M152 412.5L3.5 264.5c-4.7-4.7-4.7-12.3 0-17L152 99.5c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L60.1 239H372c6.6 0 12 5.4 12 12v10c0 6.6-5.4 12-12 12H60.1L176 388.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.6 4.7-12.2 4.7-16.9 0zM436 64h-8c-6.6 0-12 5.4-12 12v360c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12z" })));
 }
 exports.SidebarLeftArrowIcon = SidebarLeftArrowIcon;
 function SidebarRightArrowIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M296 99.5l148.5 148c4.7 4.7 4.7 12.3 0 17L296 412.5c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-115.4H76c-6.6 0-12-5.4-12-12v-10c0-6.6 5.4-12 12-12h311.9L272 123.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.6-4.7 12.2-4.7 16.9 0zM12 448h8c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12h-8C5.4 64 0 69.4 0 76v360c0 6.6 5.4 12 12 12z" })));
 }
 exports.SidebarRightArrowIcon = SidebarRightArrowIcon;
 function CaretDownIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })));
 }
 exports.CaretDownIcon = CaretDownIcon;
 function CaretUpIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z" })));
 }
 exports.CaretUpIcon = CaretUpIcon;
 function ChevronsLeftIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M47 239c-9.4 9.4-9.4 24.6 0 33.9L239 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 273 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239zM431 47L239 239c-9.4 9.4-9.4 24.6 0 33.9L431 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-175-175L465 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0z" })));
 }
 exports.ChevronsLeftIcon = ChevronsLeftIcon;
 function ChevronsRightIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M465 239c9.4 9.4 9.4 24.6 0 33.9L273 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L239 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L465 239zM81 47L273 239c9.4 9.4 9.4 24.6 0 33.9L81 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L47 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z" })));
 }
 exports.ChevronsRightIcon = ChevronsRightIcon;
 function SidebarFlipIcon(_a) {
     var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
         react_1.default.createElement("path", { d: "M288 80V432H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H288zM512 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96zm-64 24c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24zm-24 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48zm24 120c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24z" })));
 }
 exports.SidebarFlipIcon = SidebarFlipIcon;

package/dist/cjs/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Button/styles.module.css.json

@@ -1 +1 @@
-{ "button": "_button_474wk_1", "disabled": "_disabled_474wk_30", "buttonType-muted": "_buttonType-muted_474wk_34", "buttonType-primary": "_buttonType-primary_474wk_50", "buttonType-negative": "_buttonType-negative_474wk_71", "buttonSize-xxs": "_buttonSize-xxs_474wk_88", "buttonSize-xs": "_buttonSize-xs_474wk_93", "buttonSize-s": "_buttonSize-s_474wk_98", "buttonSize-m": "_buttonSize-m_474wk_103", "buttonSize-l": "_buttonSize-l_474wk_108", "buttonSize-xl": "_buttonSize-xl_474wk_113", "fullWidth": "_fullWidth_474wk_118", "button__leftIcon": "_button__leftIcon_474wk_124", "button__rightIcon": "_button__rightIcon_474wk_125" }
+{ "button": "_button_1kk5u_1", "disabled": "_disabled_1kk5u_30", "buttonType-muted": "_buttonType-muted_1kk5u_34", "buttonType-primary": "_buttonType-primary_1kk5u_50", "buttonType-negative": "_buttonType-negative_1kk5u_71", "buttonSize-xxs": "_buttonSize-xxs_1kk5u_88", "buttonSize-xs": "_buttonSize-xs_1kk5u_93", "buttonSize-s": "_buttonSize-s_1kk5u_98", "buttonSize-m": "_buttonSize-m_1kk5u_103", "buttonSize-l": "_buttonSize-l_1kk5u_108", "buttonSize-xl": "_buttonSize-xl_1kk5u_113", "fullWidth": "_fullWidth_1kk5u_118", "button__leftIcon": "_button__leftIcon_1kk5u_124", "button__rightIcon": "_button__rightIcon_1kk5u_125" }

package/dist/esm/ButtonGroup/Button/styles.module.css.json

@@ -1 +1 @@
-{ "Button": "_Button_1h1w1_1", "Button--s": "_Button--s_1h1w1_32", "Button--disabled": "_Button--disabled_1h1w1_36", "Button--selected": "_Button--selected_1h1w1_45" }
+{ "Button": "_Button_9ae1c_1", "Button--s": "_Button--s_9ae1c_30", "Button--disabled": "_Button--disabled_9ae1c_34", "Button--selected": "_Button--selected_9ae1c_43" }

package/dist/esm/ButtonGroup/Group/styles.module.css.json

@@ -1 +1 @@
-{ "Group": "_Group_10mj4_1" }
+{ "Group": "_Group_1b5yn_1" }