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

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedConfig);
 export var StyledTextField = styled(TextField).withConfig({
     displayName: "Textfield.styles__StyledTextField",
-    componentId: "sc-6564be88-0"
+    componentId: "sc-27756630-0"
 })([
     "",
     ":var(",
@@ -284,8 +284,6 @@ export var StyledTextField = styled(TextField).withConfig({
     ");",
     ":var(",
     ");",
-    ":var(",
-    ");",
     ":",
     ";& div.input-wrapper:focus-within{background-color:var(",
     ");}&.",
@@ -328,13 +326,13 @@ export var StyledTextField = styled(TextField).withConfig({
 }, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColor, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColor, textFieldTokens.borderColorReadOnly, function(param) {
     var opened = param.opened;
     return opened ? "var(".concat(tokens.textFieldBorderColorFocus, ")") : "var(".concat(tokens.textFieldBorderColor, ")");
-}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, tokens.textFieldChipCloseIconColorHover, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
+}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
     var disabled = param.disabled;
     return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
 }, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly, textFieldTokens.boxShadow);
 export var IconArrowWrapper = styled.div.withConfig({
     displayName: "Textfield.styles__IconArrowWrapper",
-    componentId: "sc-6564be88-1"
+    componentId: "sc-27756630-1"
 })([
     "line-height:0;color:var(",
     ");cursor:",
@@ -359,7 +357,7 @@ export var sizeMap = {
 };
 export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
     displayName: "Textfield.styles__StyledArrow",
-    componentId: "sc-6564be88-2"
+    componentId: "sc-27756630-2"
 })([
     "width:",
     ";height:",
@@ -373,7 +371,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
 });
 export var StyledLeftHelper = styled.span.withConfig({
     displayName: "Textfield.styles__StyledLeftHelper",
-    componentId: "sc-6564be88-3"
+    componentId: "sc-27756630-3"
 })([
     "margin:0;padding:0;"
 ]);

package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -56,27 +56,30 @@ function _object_without_properties_loose(source, excluded) {
 import React, { forwardRef } from "react";
 import { getRoundness, getSkeletonColor } from "../../../mixins";
 import { base as sizeCSS } from "./variations/_size/base";
+import { base as viewCSS } from "./variations/_view/base";
 import { StyledVisibleLine, base } from "./LineSkeleton.styles";
 /**
  * Копонент-составляющая Скелетона
  */ export var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, rest = _object_without_properties(_param, [
+        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, view = _param.view, rest = _object_without_properties(_param, [
             "size",
             "lighter",
             "customGradientColor",
-            "roundness"
+            "roundness",
+            "view"
         ]);
         var roundnessValue = getRoundness({
             roundness: roundness
         });
-        var skeletonGradientColor = getSkeletonColor({
+        var skeletonGradientColor = lighter ? getSkeletonColor({
             lighter: lighter,
             customGradientColor: customGradientColor
-        });
+        }) : undefined;
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size
+            size: size,
+            view: view
         }, rest), /*#__PURE__*/ React.createElement(StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -91,6 +94,9 @@ export var lineSkeletonConfig = {
     variations: {
         size: {
             css: sizeCSS
+        },
+        view: {
+            css: viewCSS
         }
     },
     defaults: {}

package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -1,12 +1,13 @@
 import { css } from "styled-components";
 import styled from "styled-components";
 import { applyRoundness, applySkeletonGradient } from "../../../mixins";
+import { tokens } from "../tokens";
 export var base = css([
     "display:flex;align-items:center;width:100%;"
 ]);
 export var StyledVisibleLine = styled.div.withConfig({
     displayName: "LineSkeleton.styles__StyledVisibleLine",
-    componentId: "sc-7d32d69d-0"
+    componentId: "sc-e66a9562-0"
 })([
     "position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:",
     ";",
@@ -18,5 +19,5 @@ export var StyledVisibleLine = styled.div.withConfig({
     return roundness;
 }, applyRoundness('var(--plasma_private-line-skeleton-roundness)'), function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor;
+    return gradientColor || "var(".concat(tokens.gradientColor, ")");
 }, applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)'));

package/styled-components/es/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -1,9 +1,4 @@
 import { css } from "styled-components";
-import { StyledVisibleLine } from "../../LineSkeleton.styles";
-import { tokens } from "../../../tokens";
 export var base = css([
-    "height:var(",
-    ");& ",
-    "{height:var(",
-    ");}"
-], tokens.lineHeight, StyledVisibleLine, tokens.visibleLineHeight);
+    ""
+]);

package/styled-components/es/components/Skeleton/LineSkeleton/variations/_view/base.js

@@ -0,0 +1,9 @@
+import { css } from "styled-components";
+import { StyledVisibleLine } from "../../LineSkeleton.styles";
+import { tokens } from "../../../tokens";
+export var base = css([
+    "height:var(",
+    ");& ",
+    "{height:var(",
+    ");}"
+], tokens.lineHeight, StyledVisibleLine, tokens.visibleLineHeight);

package/styled-components/es/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -147,13 +147,14 @@ var variousWidth = [
  * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).
  */ export var textSkeleton = function(Component) {
     return function(_param) {
-        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, props = _object_without_properties(_param, [
+        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, props = _object_without_properties(_param, [
             "lines",
             "width",
             "roundness",
             "customGradientColor",
             "lighter",
-            "size"
+            "size",
+            "view"
         ]);
         var _useState = _sliced_to_array(useState(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array(useState([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -191,6 +192,7 @@ var variousWidth = [
             return /*#__PURE__*/ React.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
+                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

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

@@ -1,4 +1,5 @@
 export var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height',
+    gradientColor: '--plasma-skeleton-gradient-color'
 };

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

@@ -135,7 +135,7 @@ export 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
@@ -181,7 +181,7 @@ export var textFieldRoot = function(Root) {
             "chips",
             "chipType",
             "_chips",
-            "_onChipCloseClick",
+            "_onChipClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -321,13 +321,11 @@ export 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();
@@ -472,10 +470,10 @@ export var textFieldRoot = function(Root) {
             className: cx(withHasChips, classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
             chips: _chips,
+            onChipClick: _onChipClick,
             getRef: getRef,
             handleChipKeyDown: handleChipKeyDown,
             onChipClear: onChipClear,
-            onChipCloseClick: _onChipCloseClick,
             view: chipView || view,
             readOnly: readOnly,
             chipType: chipType,

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

@@ -152,7 +152,6 @@ export 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/es/components/TextField/hooks/useKeyNavigation.js

@@ -66,10 +66,10 @@ export var Keys = {
     Backspace: 'Backspace'
 };
 export 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(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;
@@ -95,14 +95,7 @@ export 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();
@@ -114,7 +107,7 @@ export 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/es/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -27,7 +27,6 @@ import { StyledChip, TextChip } from "./TextFieldChip.styles";
         readOnly: readOnly,
         onClick: onClick,
         onClear: onClearHandle,
-        onClickClose: onClearHandle,
         onKeyDown: onKeyDownHandle,
         text: "".concat(text),
         view: view,

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

@@ -9,7 +9,7 @@ var Chip = component(mergedConfig);
 // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
 export var StyledChip = styled(Chip).withConfig({
     displayName: "TextFieldChip.styles__StyledChip",
-    componentId: "sc-b645c28d-0"
+    componentId: "sc-e83042f5-0"
 })([
     "",
     ":var(",
@@ -61,12 +61,10 @@ export var StyledChip = styled(Chip).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");",
-    ":var(",
     ");scroll-snap-align:center;scroll-snap-stop:normal;",
     " &[readonly]{opacity:var(",
     ");}"
-], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.closeIconColorHover, tokens.chipCloseIconColorHover, chipTokens.focusColor, tokens.focusColor, addFocus({
+], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, addFocus({
     outlineOffset: '0.0625rem',
     outlineSize: '0.0625rem',
     outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
@@ -74,7 +72,7 @@ export var StyledChip = styled(Chip).withConfig({
 }), tokens.chipOpacityReadonly);
 export var TextChip = styled.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/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -4,22 +4,19 @@ import { StyledChips } from "../../TextField.styles";
 import { classes } from "../../TextField.tokens";
 import { StyledChip } from "./TextFieldChipNew.styles";
 export 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.createElement(StyledChips, {
         className: 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
@@ -27,10 +24,10 @@ export 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
@@ -49,12 +46,8 @@ export 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
@@ -63,7 +56,7 @@ export var TextFieldChipNew = function(param) {
             _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
         }) : /*#__PURE__*/ React.createElement(TextChip, {
             tabIndex: -1,
-            onClick: handleCloseClick,
+            onClick: handleClick,
             onKeyDown: onKeyDownHandle
         }, label);
     }));

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

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

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

@@ -19,10 +19,8 @@ export 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);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
             secondary: css([
                 "",
                 ":var(--text-primary);",
@@ -34,10 +32,8 @@ export var config = {
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
-                ":var(--text-primary);",
-                ":var(--text-secondary);",
                 ":var(--text-primary);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
             accent: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -49,10 +45,8 @@ export 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);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
             positive: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -64,10 +58,8 @@ export 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);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
             warning: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -79,10 +71,8 @@ export 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);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
             negative: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -94,10 +84,8 @@ export 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);"
-            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover)
+            ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
         },
         size: {
             l: css([