@salutejs/plasma-new-hope 0.320.1-canary.1909.14464375222.0 → 0.320.1-canary.1910.14464879960.0

package/styled-components/cjs/components/Table/Table.tokens.js

@@ -28,6 +28,9 @@ var tableTokens = exports.tableTokens = {
   checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',
   checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',
   checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',
+  checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',
+  checkboxFillColor: '--plasma-table-checkbox-fill-color',
+  checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',
   editableCellIconGap: '--plasma-table-editable-cell-icon-gap',
   editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',
   editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js

@@ -3,17 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOutline = exports.CheckboxDefalut = exports.Checkbox = void 0;
+exports.CheckboxOutline = exports.CheckboxDefault = exports.Checkbox = void 0;
 var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
 var _CheckboxOutline = /*#__PURE__*/require("./Checkbox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
-var CheckboxDefalut = exports.CheckboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var CheckboxDefault = exports.CheckboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _CheckboxOutline.config);
 var CheckboxOutline = exports.CheckboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefalut, [{
+/**
+ * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
+ */
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js

@@ -22,7 +22,7 @@ var config = exports.config = {
      * Вид контрола.
      */
     view: {
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-accent);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--outline-accent);", ":var(--text-primary);", ":var(--outline-transparent-tertiary);", ":transparent;", ":var(--text-secondary);", ":var(--outline-accent);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-primary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
@@ -35,7 +35,7 @@ var config = exports.config = {
       positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-positive);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-warning);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-negative);", ":var(--text-negative);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor)
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--outline-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--outline-negative);", ":var(--outline-negative);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Checkbox.checkboxTokens.disabledOpacity)

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -35,6 +35,11 @@ const meta: Meta<typeof Checkbox> = {
                 type: 'radio',
             },
         },
+        indeterminate: {
+            control: {
+                type: 'boolean',
+            },
+        },
     },
     args: {
         view: 'accent',
@@ -42,6 +47,7 @@ const meta: Meta<typeof Checkbox> = {
         disabled: false,
         focused: true,
         appearance: 'default',
+        indeterminate: false,
     },
 };
 

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioboxOutline = exports.RadioboxDefalut = exports.Radiobox = void 0;
+exports.RadioboxOutline = exports.RadioboxDefault = exports.Radiobox = void 0;
 var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Radiobox2 = /*#__PURE__*/require("./Radiobox.config");
 var _RadioboxOutline = /*#__PURE__*/require("./Radiobox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _Radiobox2.config);
-var RadioboxDefalut = exports.RadioboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var RadioboxDefault = exports.RadioboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _RadioboxOutline.config);
 var RadioboxOutline = exports.RadioboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefalut, [{
+var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js

@@ -17,9 +17,9 @@ var config = exports.config = {
       clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;"], _Table.tableTokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOutline = exports.CheckboxDefalut = exports.Checkbox = void 0;
+exports.CheckboxOutline = exports.CheckboxDefault = exports.Checkbox = void 0;
 var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
 var _CheckboxOutline = /*#__PURE__*/require("./Checkbox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
-var CheckboxDefalut = exports.CheckboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var CheckboxDefault = exports.CheckboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _CheckboxOutline.config);
 var CheckboxOutline = exports.CheckboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefalut, [{
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioboxOutline = exports.RadioboxDefalut = exports.Radiobox = void 0;
+exports.RadioboxOutline = exports.RadioboxDefault = exports.Radiobox = void 0;
 var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Radiobox2 = /*#__PURE__*/require("./Radiobox.config");
 var _RadioboxOutline = /*#__PURE__*/require("./Radiobox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _Radiobox2.config);
-var RadioboxDefalut = exports.RadioboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var RadioboxDefault = exports.RadioboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _RadioboxOutline.config);
 var RadioboxOutline = exports.RadioboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefalut, [{
+var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js

@@ -17,9 +17,9 @@ var config = exports.config = {
       clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;"], _Table.tableTokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
     }
   }
 };

package/styled-components/es/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-var _Indeterminate, _Done;
-var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
+var _DoneThin, _Done, _IndeterminateThin, _Indeterminate;
+var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -10,7 +10,7 @@ import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
 import { base as focusedCSS } from "./variations/_focused/base";
-import { Done, Indeterminate } from "./IconsSvg";
+import { Done, Indeterminate, DoneThin, IndeterminateThin } from "./IconsSvg";
 import { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base, StyledTriggerWrapper } from "./Checkbox.styles";
 import { classes } from "./Checkbox.tokens";
 export var checkboxRoot = function checkboxRoot(Root) {
@@ -23,6 +23,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
       label = props.label,
       description = props.description,
       indeterminate = props.indeterminate,
+      appearance = props.appearance,
       style = props.style,
       className = props.className,
       _props$singleLine = props.singleLine,
@@ -48,6 +49,18 @@ export var checkboxRoot = function checkboxRoot(Root) {
     var hasContent = label || description;
     var singleLineClass = singleLine ? classes.singleLine : undefined;
     var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
+    var getIcon = function getIcon() {
+      if (appearance === 'outline') {
+        return _DoneThin || (_DoneThin = /*#__PURE__*/React.createElement(DoneThin, null));
+      }
+      return _Done || (_Done = /*#__PURE__*/React.createElement(Done, null));
+    };
+    var getIndeterminate = function getIndeterminate() {
+      if (appearance === 'outline') {
+        return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/React.createElement(IndeterminateThin, null));
+      }
+      return _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null));
+    };
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
@@ -69,7 +82,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/React.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React.createElement(StyledTrigger, {
       className: classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null)))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
+    }, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React.createElement(StyledLabel, {
       className: singleLineClass,

package/styled-components/es/components/Checkbox/IconsSvg.js

@@ -17,6 +17,24 @@ export var Done = function Done() {
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
   })));
 };
+export var DoneThin = function DoneThin() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "10",
+    height: "8",
+    viewBox: "0 0 10 8",
+    fill: "none",
+    style: {
+      width: "var(".concat(tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0.5 4L3.5 7L9.5 1",
+    stroke: "var(".concat(tokens.iconColor, ")")
+  })));
+};
 export var Indeterminate = function Indeterminate() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -35,4 +53,23 @@ export var Indeterminate = function Indeterminate() {
     stroke: "var(".concat(tokens.iconColor, ")"),
     d: "m5.09449,9.0315l8,0"
   })));
+};
+export var IndeterminateThin = function IndeterminateThin() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: {
+      width: "var(".concat(tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeWidth: "1",
+    stroke: "var(".concat(tokens.iconColor, ")"),
+    d: "m5.09449,9.0315l8,0"
+  })));
 };

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "checkboxAppearance", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -48,6 +48,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       label = props.label,
       placeholder = props.placeholder,
       helperText = props.helperText,
@@ -466,7 +468,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/React.createElement(FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -36,7 +36,8 @@ export var Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    checkboxAppearance = _useContext.checkboxAppearance;
   var disabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
@@ -83,7 +84,8 @@ export var Item = function Item(_ref) {
     disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: checkboxAppearance
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
     size: "s",
     view: "default"

package/styled-components/es/components/Select/Select.js

@@ -1,4 +1,4 @@
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
+var _excluded = ["id", "value", "onChange", "target", "checkboxAppearance", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -34,6 +34,8 @@ export var selectRoot = function selectRoot(Root) {
       outerOnChange = props.onChange,
       _props$target = props.target,
       target = _props$target === void 0 ? 'textfield-like' : _props$target,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
@@ -358,7 +360,8 @@ export var selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/React.createElement(FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -37,7 +37,8 @@ export var Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    checkboxAppearance = _useContext.checkboxAppearance;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
@@ -85,7 +86,8 @@ export var Item = function Item(_ref) {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: checkboxAppearance
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
     size: "s",
     view: "default"

package/styled-components/es/components/Table/Table.js

@@ -1,4 +1,4 @@
-var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
+var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "checkboxAppearance", "onCellUpdate"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -33,6 +33,8 @@ export var tableRoot = function tableRoot(Root) {
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
       stickyHeader = _ref.stickyHeader,
+      _ref$checkboxAppearan = _ref.checkboxAppearance,
+      checkboxAppearance = _ref$checkboxAppearan === void 0 ? 'default' : _ref$checkboxAppearan,
       onCellUpdate = _ref.onCellUpdate,
       props = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(outerSelected || {}),
@@ -96,7 +98,8 @@ export var tableRoot = function tableRoot(Root) {
           return /*#__PURE__*/React.createElement(StyledCheckbox, {
             checked: table.getIsSomeRowsSelected() || table.getIsAllRowsSelected(),
             indeterminate: table.getIsSomeRowsSelected(),
-            onChange: table.getToggleAllRowsSelectedHandler()
+            onChange: table.getToggleAllRowsSelectedHandler(),
+            appearance: checkboxAppearance
           });
         },
         cell: function cell(_ref3) {
@@ -104,7 +107,8 @@ export var tableRoot = function tableRoot(Root) {
           return /*#__PURE__*/React.createElement(StyledCheckbox, {
             checked: row.getIsSelected(),
             indeterminate: row.getIsSomeSelected(),
-            onChange: row.getToggleSelectedHandler()
+            onChange: row.getToggleSelectedHandler(),
+            appearance: checkboxAppearance
           });
         },
         enableResizing: false

package/styled-components/es/components/Table/Table.styles.js

@@ -63,7 +63,7 @@ export var Th = /*#__PURE__*/styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   componentId: "plasma-new-hope__sc-1nklm7n-6"
-})(["", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(", ");", ":var(", ");", ":var(--text-secondary);"], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = /*#__PURE__*/styled(Divider).withConfig({
   componentId: "plasma-new-hope__sc-1nklm7n-7"
 })(["", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);

package/styled-components/es/components/Table/Table.tokens.js

@@ -22,6 +22,9 @@ export var tableTokens = {
   checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',
   checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',
   checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',
+  checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',
+  checkboxFillColor: '--plasma-table-checkbox-fill-color',
+  checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',
   editableCellIconGap: '--plasma-table-editable-cell-icon-gap',
   editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',
   editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',

package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.js

@@ -4,10 +4,13 @@ import { createConditionalComponent } from "../../../../utils/createConditionalC
 import { config } from "./Checkbox.config";
 import { config as outlineConfig } from "./Checkbox.outline.config";
 var mergedConfigDefault = /*#__PURE__*/mergeConfig(checkboxConfig, config);
-export var CheckboxDefalut = /*#__PURE__*/component(mergedConfigDefault);
+export var CheckboxDefault = /*#__PURE__*/component(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/mergeConfig(checkboxConfig, outlineConfig);
 export var CheckboxOutline = /*#__PURE__*/component(mergedConfigOutline);
-export var Checkbox = /*#__PURE__*/createConditionalComponent(CheckboxDefalut, [{
+/**
+ * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
+ */
+export var Checkbox = /*#__PURE__*/createConditionalComponent(CheckboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js

@@ -16,7 +16,7 @@ export var config = {
      * Вид контрола.
      */
     view: {
-      accent: /*#__PURE__*/css(["", ":transparent;", ":var(--text-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-accent);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
+      accent: /*#__PURE__*/css(["", ":transparent;", ":var(--outline-accent);", ":var(--text-primary);", ":var(--outline-transparent-tertiary);", ":transparent;", ":var(--text-secondary);", ":var(--outline-accent);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       "default": /*#__PURE__*/css(["", ":transparent;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-primary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
       // deprecated
@@ -29,7 +29,7 @@ export var config = {
       positive: /*#__PURE__*/css(["", ":transparent;", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-positive);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       warning: /*#__PURE__*/css(["", ":transparent;", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-warning);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
-      negative: /*#__PURE__*/css(["", ":transparent;", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-negative);", ":var(--text-negative);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor)
+      negative: /*#__PURE__*/css(["", ":transparent;", ":var(--outline-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--outline-negative);", ":var(--outline-negative);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)