@salutejs/plasma-new-hope 0.336.0-canary.2237.17761786407.0 → 0.336.0-canary.2238.17818313113.0

package/styled-components/cjs/components/TextField/TextField.js

@@ -197,7 +197,7 @@ var textFieldRoot = function(Root) {
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
         _chips = _param._chips, // @ts-ignore
-        _onChipCloseClick = _param._onChipCloseClick, // events
+        _onChipClick = _param._onChipClick, // events
         onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
@@ -243,7 +243,7 @@ var textFieldRoot = function(Root) {
             "chips",
             "chipType",
             "_chips",
-            "_onChipCloseClick",
+            "_onChipClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -383,13 +383,11 @@ var textFieldRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly,
             chips: chips,
-            newCustomChips: _chips,
             enumerationType: enumerationType,
             updateChips: updateChips,
             onSearch: onSearch,
             onChange: onChange,
-            onEnterDisabled: _onEnterDisabled,
-            onChipCloseClick: _onChipCloseClick
+            onEnterDisabled: _onEnterDisabled
         }), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
         var onChipClick = function(event) {
             return event.stopPropagation();
@@ -534,10 +532,10 @@ var textFieldRoot = function(Root) {
             className: (0, _utils.cx)(withHasChips, _TextFieldtokens.classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChipNew, {
             chips: _chips,
+            onChipClick: _onChipClick,
             getRef: getRef,
             handleChipKeyDown: handleChipKeyDown,
             onChipClear: onChipClear,
-            onChipCloseClick: _onChipCloseClick,
             view: chipView || view,
             readOnly: readOnly,
             chipType: chipType,

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

@@ -170,7 +170,6 @@ var tokens = {
     chipColorActive: '--plasma-textfield__chip-color-active',
     chipFocusColor: '--plasma-textfield__chip-focus-color',
     chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',
-    chipCloseIconColorHover: '--plasma-textfield__chip-close-icon-color-hover',
     chipOutlineSize: '--plasma-textfield__chip-outline-size',
     chipWidth: '--plasma-textfield__chip-width',
     chipPadding: '--plasma-textfield__chip-padding',

package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js

@@ -84,10 +84,10 @@ var Keys = {
     Backspace: 'Backspace'
 };
 var useKeyNavigation = function(param) {
-    var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, newCustomChips = param.newCustomChips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled, onChipCloseClick = param.onChipCloseClick;
+    var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled;
     var _useState = _sliced_to_array((0, _react.useState)(-1), 2), activeChipIndex = _useState[0], setActiveChipIndex = _useState[1];
     var handleInputKeydown = function(event) {
-        var _inputRef_current, _inputRef_current1;
+        var _inputRef_current;
         var value = event.target.value;
         if (disabled || readOnly) {
             return;
@@ -113,14 +113,7 @@ var useKeyNavigation = function(param) {
                 onSearch(value, event);
             }
         }
-        if (event.key === Keys.Backspace && newCustomChips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
-            var lastChip = newCustomChips.at(-1);
-            if (onChipCloseClick && lastChip) {
-                onChipCloseClick(lastChip);
-                chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
-            }
-        }
-        if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.selectionStart) === 0) {
+        if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
             var newChips1 = _to_consumable_array(chips);
             newChips1 === null || newChips1 === void 0 ? void 0 : newChips1.pop();
             chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
@@ -132,7 +125,7 @@ var useKeyNavigation = function(param) {
         }
     };
     var onChipClear = function(clearId, index) {
-        if (!chips.length && !newCustomChips.length) {
+        if (!chips.length) {
             return;
         }
         var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function(param) {

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -76,7 +76,6 @@ var TextFieldChip = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         readOnly: readOnly,
         onClick: onClick,
         onClear: onClearHandle,
-        onClickClose: onClearHandle,
         onKeyDown: onKeyDownHandle,
         text: "".concat(text),
         view: view,

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -31,7 +31,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
 var Chip = (0, _engines.component)(mergedConfig);
 var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
     displayName: "TextFieldChip.styles__StyledChip",
-    componentId: "sc-b645c28d-0"
+    componentId: "sc-e83042f5-0"
 })([
     "",
     ":var(",
@@ -83,12 +83,10 @@ var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");",
-    ":var(",
     ");scroll-snap-align:center;scroll-snap-stop:normal;",
     " &[readonly]{opacity:var(",
     ");}"
-], _Chip.chipTokens.color, _TextFieldtokens.tokens.chipColor, _Chip.chipTokens.background, _TextFieldtokens.tokens.chipBackground, _Chip.chipTokens.colorHover, _TextFieldtokens.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _TextFieldtokens.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _TextFieldtokens.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _TextFieldtokens.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _TextFieldtokens.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _TextFieldtokens.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _TextFieldtokens.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _TextFieldtokens.tokens.chipBorderRadius, _Chip.chipTokens.width, _TextFieldtokens.tokens.chipWidth, _Chip.chipTokens.height, _TextFieldtokens.tokens.chipHeight, _Chip.chipTokens.padding, _TextFieldtokens.tokens.chipPadding, _Chip.chipTokens.fontFamily, _TextFieldtokens.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _TextFieldtokens.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _TextFieldtokens.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _TextFieldtokens.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _TextFieldtokens.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _TextFieldtokens.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _TextFieldtokens.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _TextFieldtokens.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _TextFieldtokens.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _TextFieldtokens.tokens.chipCloseIconColor, _Chip.chipTokens.closeIconColorHover, _TextFieldtokens.tokens.chipCloseIconColorHover, _Chip.chipTokens.focusColor, _TextFieldtokens.tokens.focusColor, (0, _mixins.addFocus)({
+], _Chip.chipTokens.color, _TextFieldtokens.tokens.chipColor, _Chip.chipTokens.background, _TextFieldtokens.tokens.chipBackground, _Chip.chipTokens.colorHover, _TextFieldtokens.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _TextFieldtokens.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _TextFieldtokens.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _TextFieldtokens.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _TextFieldtokens.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _TextFieldtokens.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _TextFieldtokens.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _TextFieldtokens.tokens.chipBorderRadius, _Chip.chipTokens.width, _TextFieldtokens.tokens.chipWidth, _Chip.chipTokens.height, _TextFieldtokens.tokens.chipHeight, _Chip.chipTokens.padding, _TextFieldtokens.tokens.chipPadding, _Chip.chipTokens.fontFamily, _TextFieldtokens.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _TextFieldtokens.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _TextFieldtokens.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _TextFieldtokens.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _TextFieldtokens.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _TextFieldtokens.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _TextFieldtokens.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _TextFieldtokens.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _TextFieldtokens.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _TextFieldtokens.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _TextFieldtokens.tokens.focusColor, (0, _mixins.addFocus)({
     outlineOffset: '0.0625rem',
     outlineSize: '0.0625rem',
     outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
@@ -96,7 +94,7 @@ var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
 }), _TextFieldtokens.tokens.chipOpacityReadonly);
 var TextChip = _styledcomponents.default.button.withConfig({
     displayName: "TextFieldChip.styles__TextChip",
-    componentId: "sc-b645c28d-1"
+    componentId: "sc-e83042f5-1"
 })([
     "display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
     ");font-size:var(",

package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -19,22 +19,19 @@ function _interop_require_default(obj) {
     };
 }
 var TextFieldChipNew = function(param) {
-    var chips = param.chips, onChipCloseClick = param.onChipCloseClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
+    var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
     return /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
         className: _TextFieldtokens.classes.chipsWrapper
     }, chips.map(function(param, index) {
         var value = param.value, label = param.label, disabled = param.disabled;
         var chipId = "".concat(index, "_").concat(value);
-        var handleChipClick = function(event) {
-            event.stopPropagation();
-        };
         var onKeyDownHandle = function(event) {
             if (handleChipKeyDown) {
                 handleChipKeyDown(event, chipId, index);
             }
             if (event.key === 'Enter' || event.key === 'Backspace') {
-                if (onChipCloseClick) {
-                    onChipCloseClick({
+                if (onChipClick) {
+                    onChipClick({
                         value: value,
                         label: label,
                         disabled: disabled
@@ -42,10 +39,10 @@ var TextFieldChipNew = function(param) {
                 }
             }
         };
-        var handleCloseClick = function(event) {
+        var handleClick = function(event) {
             event.stopPropagation();
-            if (onChipCloseClick) {
-                onChipCloseClick({
+            if (onChipClick) {
+                onChipClick({
                     value: value,
                     label: label,
                     disabled: disabled
@@ -64,12 +61,8 @@ var TextFieldChipNew = function(param) {
             disabled: disabled,
             hasClear: !disabled,
             readOnly: readOnly,
-            onClickClose: handleCloseClick,
-            onClick: handleChipClick,
+            onClick: handleClick,
             onKeyDown: onKeyDownHandle,
-            onClear: function() {
-                return onChipClear(chipId, index);
-            },
             text: label,
             view: view,
             // TODO: #1547
@@ -78,7 +71,7 @@ var TextFieldChipNew = function(param) {
             _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
         }) : /*#__PURE__*/ _react.default.createElement(_TextFieldChipstyles.TextChip, {
             tabIndex: -1,
-            onClick: handleCloseClick,
+            onClick: handleClick,
             onKeyDown: onKeyDownHandle
         }, label);
     }));

package/styled-components/cjs/examples/components/Attach/Attach.config.js

@@ -463,6 +463,7 @@ var config = {
                 ":0.5rem;",
                 ":1.625rem;",
                 ":3.5rem;",
+                ":3.5rem;",
                 ":12.5rem;",
                 ":1.5rem;",
                 ":0.875rem;",
@@ -526,13 +527,14 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             m: (0, _styledcomponents.css)([
                 "",
                 ":1.25rem;",
                 ":0.5rem;",
                 ":1.625rem;",
                 ":3rem;",
+                ":3rem;",
                 ":11.25rem;",
                 ":1.25rem;",
                 ":0.75rem;",
@@ -596,13 +598,14 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             s: (0, _styledcomponents.css)([
                 "",
                 ":1rem;",
                 ":0.375rem;",
                 ":1.5rem;",
                 ":2.5rem;",
+                ":2.5rem;",
                 ":11.25rem;",
                 ":1rem;",
                 ":0.625rem;",
@@ -666,13 +669,14 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
                 ":0.25rem;",
                 ":1.375rem;",
                 ":2rem;",
+                ":2rem;",
                 ":10rem;",
                 ":0.75rem;",
                 ":0.5rem;",
@@ -736,7 +740,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor)
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor)
         }
     }
 };

package/styled-components/cjs/examples/components/Chip/Chip.config.js

@@ -29,10 +29,8 @@ var config = {
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
-                ":var(--inverse-text-primary);",
-                ":var(--inverse-text-secondary);",
                 ":var(--inverse-text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -44,10 +42,8 @@ var config = {
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
-                ":var(--text-primary);",
-                ":var(--text-secondary);",
                 ":var(--text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -59,10 +55,8 @@ var config = {
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
-                ":var(--on-dark-text-primary);",
-                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
             positive: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -74,10 +68,8 @@ var config = {
                 ":var(--surface-positive);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-positive);",
-                ":var(--on-dark-text-primary);",
-                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
             warning: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -89,10 +81,8 @@ var config = {
                 ":var(--surface-warning);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-warning);",
-                ":var(--on-dark-text-primary);",
-                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
             negative: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -104,10 +94,8 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-negative);",
-                ":var(--on-dark-text-primary);",
-                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);"
-            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover)
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover)
         },
         size: {
             l: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/Combobox/Combobox.config.js

@@ -41,7 +41,6 @@ var config = {
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary-hover);",
@@ -62,7 +61,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             positive: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -86,7 +85,6 @@ var config = {
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary-hover);",
@@ -107,7 +105,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             warning: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -131,7 +129,6 @@ var config = {
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary-hover);",
@@ -152,7 +149,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             negative: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -176,7 +173,6 @@ var config = {
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary-hover);",
@@ -197,7 +193,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor)
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor)
         },
         size: {
             l: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/Select/Select.config.js

@@ -757,40 +757,37 @@ var config = {
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--surface-solid-default-hover);",
-                ":var(--inverse-text-secondary);",
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--surface-transparent-secondary-hover);",
-                ":var(--text-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--surface-accent-hover);",
-                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
         },
         hintView: {
             default: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js

@@ -12,9 +12,20 @@ var _styledcomponents = require("styled-components");
 var _Skeleton = require("../../../components/Skeleton");
 var config = {
     defaults: {
-        size: 'bodyM'
+        size: 'bodyM',
+        view: 'default'
     },
     variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--plasma-colors-skeleton-gradient,var(--surface-skeleton-gradient));"
+            ], _Skeleton.skeletonTokens.gradientColor),
+            lighter: (0, _styledcomponents.css)([
+                "",
+                ":var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));"
+            ], _Skeleton.skeletonTokens.gradientColor)
+        },
         size: {
             bodyL: (0, _styledcomponents.css)([
                 "",