@salutejs/plasma-new-hope 0.345.0-canary.2422.20906430475.0 → 0.345.0-canary.2423.20958341938.0

package/dist/styled-components/es/examples/components/TextArea/TextArea.clear.config.js

@@ -0,0 +1,510 @@
+import { css } from "styled-components";
+import { textAreaTokens as tokens } from "../../../components/TextArea";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        labelPlacement: 'outer'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":var(--text-accent);",
+                ":var(--text-secondary);",
+                ":var(--text-tertiary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--text-secondary);",
+                ":var(--surface-accent);",
+                ":var(--text-secondary);"
+            ], tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor),
+            positive: css([
+                "",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-positive);",
+                ":var(--text-positive);",
+                ":var(--text-accent);",
+                ":var(--text-positive);",
+                ":var(--text-tertiary);",
+                ":var(--text-positive);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--surface-positive);",
+                ":var(--surface-positive);",
+                ":var(--surface-accent);",
+                ":var(--text-secondary);"
+            ], tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor),
+            warning: css([
+                "",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-warning);",
+                ":var(--text-warning);",
+                ":var(--text-accent);",
+                ":var(--text-warning);",
+                ":var(--text-tertiary);",
+                ":var(--text-warning);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--surface-warning);",
+                ":var(--surface-warning);",
+                ":var(--surface-accent);",
+                ":var(--text-secondary);"
+            ], tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor),
+            negative: css([
+                "",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":transparent;",
+                ":var(--text-negative);",
+                ":var(--text-negative);",
+                ":var(--text-accent);",
+                ":var(--text-negative);",
+                ":var(--text-tertiary);",
+                ":var(--text-negative);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--surface-negative);",
+                ":var(--text-tertiary);",
+                ":var(--text-primary);",
+                ":var(--surface-negative);",
+                ":var(--surface-negative);",
+                ":var(--surface-accent);",
+                ":var(--text-secondary);"
+            ], tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor)
+        },
+        size: {
+            xl: css([
+                "",
+                ":100%;",
+                ":6.812rem;",
+                ":1.625rem;",
+                ":1rem;",
+                ":1rem 1rem 0 0;",
+                ":1.375rem;",
+                ":0;",
+                ":2.25rem;",
+                ":1.375rem;",
+                ":1.375rem;",
+                ":0;",
+                ":0.25rem;",
+                ":0;",
+                ":0;",
+                ":0;",
+                ":0rem;",
+                ":1.25rem;",
+                ":0;",
+                ":1.5rem;",
+                ":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.813rem;",
+                ":-0.313rem;",
+                ":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);",
+                ":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;",
+                ":0.188rem;",
+                ":0.063rem;",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":0.82rem -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);"
+            ], tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
+            l: css([
+                "",
+                ":100%;",
+                ":6.812rem;",
+                ":1.625rem;",
+                ":1rem;",
+                ":1rem 1rem 0 0;",
+                ":1.125rem;",
+                ":0;",
+                ":2.25rem;",
+                ":1.125rem;",
+                ":1.125rem;",
+                ":0;",
+                ":0.25rem;",
+                ":0;",
+                ":0;",
+                ":0;",
+                ":0rem;",
+                ":1rem;",
+                ":0;",
+                ":1.5rem;",
+                ":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.313rem;",
+                ":0.125rem;",
+                ":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.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;",
+                ":0.188rem;",
+                ":0.063rem;",
+                ":-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);"
+            ], tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
+            m: css([
+                "",
+                ":100%;",
+                ":7rem;",
+                ":1.125rem;",
+                ":0.75rem;",
+                ":0.75rem 0.75rem 0 0;",
+                ":0.875rem;",
+                ":0;",
+                ":2.125rem;",
+                ":0.875rem;",
+                ":0.875rem;",
+                ":0;",
+                ":0.25rem;",
+                ":0;",
+                ":0;",
+                ":0;",
+                ":0rem;",
+                ":0.75rem;",
+                ":0;",
+                ":1.5rem;",
+                ":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.313rem;",
+                ":0.125rem;",
+                ":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);",
+                ":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.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;",
+                ":0.188rem;",
+                ":0.063rem;",
+                ":-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);"
+            ], tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
+            s: css([
+                "",
+                ":100%;",
+                ":7.187rem;",
+                ":0.625rem;",
+                ":0.625rem;",
+                ":0.625rem 0.625rem 0 0;",
+                ":0.688rem;",
+                ":0;",
+                ":2rem;",
+                ":0.688rem;",
+                ":0.688rem;",
+                ":0;",
+                ":0.25rem;",
+                ":0;",
+                ":0;",
+                ":0;",
+                ":0rem;",
+                ":0.5rem;",
+                ":0;",
+                ":1.5rem;",
+                ":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.313rem;",
+                ":0.125rem;",
+                ":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);",
+                ":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;",
+                ":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;",
+                ":0.188rem;",
+                ":0.063rem;",
+                ":-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);"
+            ], tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
+            xs: css([
+                "",
+                ":100%;",
+                ":7.312rem;",
+                ":0.625rem;",
+                ":0.5rem;",
+                ":0.5rem 0.5rem 0 0;",
+                ":0.563rem;",
+                ":0;",
+                ":1.5rem;",
+                ":0.563rem;",
+                ":0.563rem;",
+                ":0;",
+                ":0.25rem;",
+                ":0;",
+                ":0;",
+                ":0;",
+                ":0rem;",
+                ":0.5rem;",
+                ":0;",
+                ":1rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);",
+                ":0rem;",
+                ":-0.313rem;",
+                ":0rem;",
+                ":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);",
+                ":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.813rem auto auto -0.625rem;",
+                ":0.25rem auto auto -0.625rem;",
+                ":0.813rem -0.625rem auto auto;",
+                ":0.125rem -0.6875rem auto auto;",
+                ":0.813rem -1.988rem auto auto;",
+                ":0.188rem;",
+                ":0.063rem;",
+                ":-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);"
+            ], tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight)
+        },
+        hintView: {
+            default: 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);"
+            ], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
+        },
+        hintSize: {
+            m: 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;"
+            ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
+            s: 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;"
+            ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
+        },
+        disabled: {
+            true: css([
+                "",
+                ":0.4;"
+            ], tokens.disabledOpacity)
+        },
+        readOnly: {
+            true: css([
+                "",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], tokens.inputColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
+        }
+    }
+};