@salutejs/plasma-new-hope 0.343.0-canary.2357.19712161711.0 → 0.343.0-canary.2358.19737252394.0

package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js

@@ -0,0 +1,670 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _TextField = require("../../../components/TextField");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'l',
+        labelPlacement: 'outer'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-tertiary);",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-accent);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--text-secondary);",
+                ":var(--surface-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);"
+            ], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+            positive: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-positive);",
+                ":var(--text-positive);",
+                ":var(--text-positive);",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-accent);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--text-positive);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-positive);",
+                ":var(--text-positive-hover);",
+                ":var(--text-positive-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-positive);",
+                ":var(--surface-positive);",
+                ":var(--surface-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);"
+            ], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+            warning: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-warning);",
+                ":var(--text-warning);",
+                ":var(--text-warning);",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-accent);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--text-warning);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-warning);",
+                ":var(--text-warning-hover);",
+                ":var(--text-warning-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-warning);",
+                ":var(--surface-warning);",
+                ":var(--surface-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);"
+            ], _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+            negative: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-negative);",
+                ":var(--text-negative);",
+                ":var(--text-negative);",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-accent);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--text-negative);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-negative);",
+                ":var(--text-negative-hover);",
+                ":var(--text-negative-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-negative);",
+                ":var(--surface-negative);",
+                ":var(--surface-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);"
+            ], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
+        },
+        size: {
+            xl: (0, _styledcomponents.css)([
+                "",
+                ":4rem;",
+                ":1.3125rem 0;",
+                ":0.375rem 0;",
+                ":0;",
+                ":-0.0625rem 0.5rem -0.0625rem 0rem;",
+                ":-0.0625rem 0rem -0.0625rem 0.75rem;",
+                ":-0.0625rem -0.438rem -0.0625rem 0.75rem;",
+                ":0.25rem;",
+                ":-0.438rem -0.438rem -0.438rem 0;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":0.82rem -2.063rem auto auto;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.8125rem 0 0.125rem 0;",
+                ":1.813rem 0 0.813rem 0;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.125rem;",
+                ":1rem;",
+                ":0.625rem;",
+                ":auto;",
+                ":3.25rem;",
+                ":0 0.75rem 0 1rem;",
+                ":0.625rem;",
+                ":0rem;",
+                ":1.5rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":1.75rem auto auto -0.875rem;",
+                ":0.5rem auto auto -0.75rem;",
+                ":1.75rem -0.875rem auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":1.75rem -2.488rem auto auto;"
+            ], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipMarginRight, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
+            l: (0, _styledcomponents.css)([
+                "",
+                ":3.5rem;",
+                ":1.0625rem 0;",
+                ":0.375rem 0;",
+                ":0;",
+                ":-0.0625rem 0.5rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":-0.0625rem -0.438rem -0.0625rem 0.75rem;",
+                ":0.25rem;",
+                ":-0.438rem -0.438rem -0.438rem 0;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":0.563rem -2.188rem auto auto;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.5625rem 0 0.125rem 0;",
+                ":1.5625rem 0 0.5625rem 0;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;",
+                ":0.5rem;",
+                ":auto;",
+                ":2.75rem;",
+                ":0 0.75rem 0 1rem;",
+                ":0.625rem;",
+                ":0rem;",
+                ":1.5rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":1.5rem auto auto -0.875rem;",
+                ":0.5rem auto auto -0.75rem;",
+                ":1.5rem -0.875rem auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":1.5rem -2.488rem auto auto;"
+            ], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":3rem;",
+                ":0.875rem 0;",
+                ":0.375rem 0;",
+                ":0;",
+                ":-0.125rem 0.375rem -0.125rem 0;",
+                ":-0.125rem 0 -0.125rem 0.75rem;",
+                ":-0.125rem -0.438rem -0.125rem 0.75rem;",
+                ":0.25rem;",
+                ":-0.438rem -0.438rem -0.438rem 0;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":0.312rem -2.188rem auto auto;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.375rem 0 0.125rem 0;",
+                ":1.375rem 0 0.375rem 0;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;",
+                ":0.375rem;",
+                ":auto;",
+                ":2.25rem;",
+                ":0 0.625rem 0 0.875rem;",
+                ":0.5rem;",
+                ":0rem;",
+                ":1.25rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":1.25rem auto auto -0.875rem;",
+                ":0.375rem auto auto -0.75rem;",
+                ":1.25rem -0.875rem auto auto;",
+                ":0.25rem -0.6875rem auto auto;",
+                ":1.25rem -2.488rem auto auto;"
+            ], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":2.5rem;",
+                ":0.6875rem 0;",
+                ":0.375rem 0;",
+                ":0;",
+                ":-0.1875rem 0.25rem -0.1875rem 0;",
+                ":-0.1875rem 0 -0.1875rem 0.75rem;",
+                ":-0.1875rem -0.438rem -0.1875rem 0.75rem;",
+                ":0.25rem;",
+                ":-0.438rem -0.438rem -0.438rem 0;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":0.062rem -2.188rem auto auto;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":auto;",
+                ":1.75rem;",
+                ":0 0.5rem 0 0.75rem;",
+                ":0.375rem;",
+                ":0rem;",
+                ":1rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":1.063rem auto auto -0.75rem;",
+                ":0.3125rem auto auto -0.6875rem;",
+                ":1.063rem -0.75rem auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":1.063rem -2.238rem auto auto;"
+            ], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":2rem;",
+                ":0.5625rem 0;",
+                ":0.375rem 0;",
+                ":0;",
+                ":-0.0625rem 0.25rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":-0.0625rem -0.688rem -0.0625rem 0.75rem;",
+                ":0.25rem;",
+                ":-0.688rem -0.688rem -0.688rem 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.75rem -0.625rem -0.75rem -0.5rem;",
+                ":2.375rem;",
+                ":-0.188rem -1.938rem auto auto;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":auto;",
+                ":1.25rem;",
+                ":0 0.375rem 0 0.625rem;",
+                ":0.25rem;",
+                ":0rem;",
+                ":0.75rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.25rem auto auto -0.625rem;",
+                ":0 0 auto auto;",
+                ":0.125rem -0.6875rem auto auto;",
+                ":0.813rem auto auto -0.625rem;",
+                ":0.813rem -0.625rem auto auto;",
+                ":0.813rem -1.988rem auto auto;"
+            ], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight)
+        },
+        labelPlacement: {
+            inner: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-secondary);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);"
+            ], _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight),
+            outer: (0, _styledcomponents.css)([
+                ""
+            ])
+        },
+        chipView: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-hover);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-active);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-active);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-active);",
+                ":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-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
+            positive: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-positive);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-positive-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-positive-active);",
+                ":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-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
+            warning: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-warning);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-warning-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-warning-active);",
+                ":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-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
+            negative: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-negative);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-negative-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-negative-active);",
+                ":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-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":1;"
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly)
+        },
+        hintView: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card-brightness);",
+                ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));",
+                ":var(--text-primary);",
+                ":var(--surface-solid-card-brightness);"
+            ], _TextField.textFieldTokens.tooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _TextField.textFieldTokens.tooltipArrowBackground)
+        },
+        hintSize: {
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":1.25rem;",
+                ":1.25rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
+                ":0.5rem;",
+                ":0.625rem;"
+            ], _TextField.textFieldTokens.tooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":1rem;",
+                ":1rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":0.375rem;",
+                ":0.5625rem;"
+            ], _TextField.textFieldTokens.tooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _TextField.textFieldTokens.disabledOpacity)
+        },
+        readOnly: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.1;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly)
+        }
+    }
+};