@salutejs/plasma-new-hope 0.344.0-canary.2403.20455152253.0 → 0.344.0-dev.0

package/dist/styled-components/cjs/examples/components/Range/Range.config.js

@@ -13,7 +13,9 @@ var _Range = require("../../../components/Range");
 var config = {
     defaults: {
         view: 'default',
-        size: 'l'
+        size: 'l',
+        hintView: 'default',
+        hintSize: 'm'
     },
     variations: {
         view: {
@@ -28,6 +30,8 @@ var config = {
                 ":var(--text-negative);",
                 ":var(--text-positive);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
                 ":var(--text-primary);",
@@ -46,7 +50,7 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--text-accent);",
                 ":var(--text-tertiary);"
-            ], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
+            ], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.titleCaptionColor, _Range.rangeTokens.hintIconColor, _Range.rangeTokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
         },
         size: {
             xl: (0, _styledcomponents.css)([
@@ -61,40 +65,55 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0 0 0 1.125rem;",
                 ":0;",
-                ":0.75rem;",
+                ":4rem;",
+                ":1rem;",
+                ":1.3125rem 1.125rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-style);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
-                ":4rem;",
-                ":1rem;",
-                ":1.3125rem 1.125rem;",
+                ":-0.0625rem 0.5rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-style);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
-                ":0.25rem 0 0 0;",
+                ":0.25rem;",
+                ":0.75rem;",
+                ":0.25rem;",
+                ":1rem;",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":1.688rem -2.938rem auto auto;",
+                ":0 0.813rem 0 -0.438rem;",
+                ":0.375rem;",
                 ":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 0 0 0;",
+                ":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.0625rem 0.5rem -0.0625rem 0;",
-                ":-0.0625rem 0 -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
                 ":0.5rem;",
                 ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.5rem auto auto -0.75rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
+                ":0.25rem;",
+                ":-0.75rem;",
+                ":auto 0 -0.5rem auto;",
+                ":auto auto -0.5rem 0;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _Range.rangeTokens.labelWrapperOffset, _Range.rangeTokens.labelWrapperTitleCaptionOffset, _Range.rangeTokens.contentGap, _Range.rangeTokens.hintMargin, _Range.rangeTokens.hintTargetSize, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.hintPlacementInnerMargin, _Range.rangeTokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _Range.rangeTokens.helpersPadding, _Range.rangeTokens.helpersGap, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.875rem;",
@@ -107,40 +126,55 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0 0 0 1rem;",
                 ":0;",
-                ":0.75rem;",
+                ":3.5rem;",
+                ":0.875rem;",
+                ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-style);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
-                ":3.5rem;",
-                ":0.875rem;",
-                ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
+                ":-0.0625rem 0.5rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
                 ":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 0 0 0;",
+                ":0.25rem;",
+                ":0.75rem;",
+                ":0.25rem;",
+                ":1rem;",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":1.438rem -2.938rem auto auto;",
+                ":0 0.563rem 0 -0.438rem;",
+                ":0.375rem;",
                 ":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 0 0 0;",
+                ":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.0625rem 0.5rem -0.0625rem -0.125rem;",
-                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
                 ":0.5rem;",
                 ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.5rem auto auto -0.75rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
+                ":0.25rem;",
+                ":-0.75rem;",
+                ":auto 0 -0.5rem auto;",
+                ":auto auto -0.5rem 0;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _Range.rangeTokens.labelWrapperOffset, _Range.rangeTokens.labelWrapperTitleCaptionOffset, _Range.rangeTokens.contentGap, _Range.rangeTokens.hintMargin, _Range.rangeTokens.hintTargetSize, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.hintPlacementInnerMargin, _Range.rangeTokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _Range.rangeTokens.helpersPadding, _Range.rangeTokens.helpersGap, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft),
             m: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
@@ -153,40 +187,55 @@ var config = {
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0 0 0 0.875rem;",
                 ":0;",
-                ":0.625rem;",
+                ":3rem;",
+                ":0.75rem;",
+                ":0.875rem 1rem 0.875rem 1rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-style);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
-                ":3rem;",
-                ":0.75rem;",
-                ":0.875rem 1rem 0.875rem 1rem;",
+                ":-0.125rem 0.375rem -0.125rem -0.125rem;",
+                ":-0.125rem -0.125rem -0.125rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-style);",
                 ":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 0 0 0;",
+                ":0.25rem;",
+                ":0.625rem;",
+                ":0.25rem;",
+                ":0.875rem;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":1.1875rem -2.813rem auto auto;",
+                ":0 0.313rem 0 -0.438rem;",
+                ":0.313rem;",
                 ":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 0 0 0;",
+                ":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.125rem 0.375rem -0.125rem -0.125rem;",
-                ":-0.125rem -0.125rem -0.125rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
                 ":0.5rem;",
                 ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.375rem auto auto -0.75rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.6875rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
+                ":0.25rem;",
+                ":-0.75rem;",
+                ":auto 0 -0.5rem auto;",
+                ":auto auto -0.5rem 0;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _Range.rangeTokens.labelWrapperOffset, _Range.rangeTokens.labelWrapperTitleCaptionOffset, _Range.rangeTokens.contentGap, _Range.rangeTokens.hintMargin, _Range.rangeTokens.hintTargetSize, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.hintPlacementInnerMargin, _Range.rangeTokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _Range.rangeTokens.helpersPadding, _Range.rangeTokens.helpersGap, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft),
             s: (0, _styledcomponents.css)([
                 "",
                 ":0.625rem;",
@@ -199,40 +248,55 @@ var config = {
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0 0 0 0.75rem;",
                 ":0;",
-                ":0.5rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-style);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
-                ":2.5rem;",
-                ":0.625rem;",
-                ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
+                ":-0.1875rem 0.25rem -0.1875rem -0.125rem;",
+                ":-0.1875rem -0.125rem -0.1875rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-style);",
                 ":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 0 0 0;",
+                ":0.25rem;",
+                ":0.5rem;",
+                ":0.25rem;",
+                ":0.75rem;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":0.938rem -2.688rem auto auto;",
+                ":0 0.063rem 0 -0.438rem;",
+                ":0.188rem;",
                 ":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 0 0 0;",
+                ":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.1875rem 0.25rem -0.1875rem -0.125rem;",
-                ":-0.1875rem -0.125rem -0.1875rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0.375rem;",
+                ":0.5rem;",
                 ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.3125rem auto auto -0.6875rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
+                ":0.25rem;",
+                ":-0.75rem;",
+                ":auto 0 -0.5rem auto;",
+                ":auto auto -0.5rem 0;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _Range.rangeTokens.labelWrapperOffset, _Range.rangeTokens.labelWrapperTitleCaptionOffset, _Range.rangeTokens.contentGap, _Range.rangeTokens.hintMargin, _Range.rangeTokens.hintTargetSize, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.hintPlacementInnerMargin, _Range.rangeTokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _Range.rangeTokens.helpersPadding, _Range.rangeTokens.helpersGap, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":0.5rem;",
@@ -245,40 +309,108 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0 0 0 0.5rem;",
                 ":0;",
-                ":0.375rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-style);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
-                ":2rem;",
-                ":0.5rem;",
-                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
+                ":-0.0625rem 0.25rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 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;",
+                ":0.375rem;",
+                ":0.25rem;",
+                ":0.5rem;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":0.688rem -2.063rem auto auto;",
+                ":0 -0.188rem 0 -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 0 0 0;",
+                ":0.25rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-style);",
                 ":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.0625rem 0.25rem -0.0625rem -0.125rem;",
-                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
                 ":0.375rem;",
                 ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.25rem auto auto -0.625rem;",
-                ":0 0 auto auto;",
-                ":0.125rem -0.6875rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight)
+                ":0.125rem;",
+                ":-0.75rem;",
+                ":auto 0 -0.375rem auto;",
+                ":auto auto -0.375rem 0;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _Range.rangeTokens.labelWrapperOffset, _Range.rangeTokens.labelWrapperTitleCaptionOffset, _Range.rangeTokens.contentGap, _Range.rangeTokens.hintMargin, _Range.rangeTokens.hintTargetSize, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.hintPlacementInnerMargin, _Range.rangeTokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _Range.rangeTokens.helpersPadding, _Range.rangeTokens.helpersGap, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft)
+        },
+        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);"
+            ], _Range.rangeTokens.tooltipBackgroundColor, _Range.rangeTokens.tooltipBoxShadow, _Range.rangeTokens.tooltipColor, _Range.rangeTokens.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;"
+            ], _Range.rangeTokens.tooltipPaddingTop, _Range.rangeTokens.tooltipPaddingRight, _Range.rangeTokens.tooltipPaddingBottom, _Range.rangeTokens.tooltipPaddingLeft, _Range.rangeTokens.tooltipMinHeight, _Range.rangeTokens.tooltipBorderRadius, _Range.rangeTokens.tooltipTextFontFamily, _Range.rangeTokens.tooltipTextFontSize, _Range.rangeTokens.tooltipTextFontStyle, _Range.rangeTokens.tooltipTextFontWeight, _Range.rangeTokens.tooltipTextFontLetterSpacing, _Range.rangeTokens.tooltipTextFontLineHeight, _Range.rangeTokens.tooltipContentLeftMargin, _Range.rangeTokens.tooltipArrowMaskWidth, _Range.rangeTokens.tooltipArrowMaskHeight, _Range.rangeTokens.tooltipArrowMaskImage, _Range.rangeTokens.tooltipArrowHeight, _Range.rangeTokens.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;"
+            ], _Range.rangeTokens.tooltipPaddingTop, _Range.rangeTokens.tooltipPaddingRight, _Range.rangeTokens.tooltipPaddingBottom, _Range.rangeTokens.tooltipPaddingLeft, _Range.rangeTokens.tooltipMinHeight, _Range.rangeTokens.tooltipBorderRadius, _Range.rangeTokens.tooltipTextFontFamily, _Range.rangeTokens.tooltipTextFontSize, _Range.rangeTokens.tooltipTextFontStyle, _Range.rangeTokens.tooltipTextFontWeight, _Range.rangeTokens.tooltipTextFontLetterSpacing, _Range.rangeTokens.tooltipTextFontLineHeight, _Range.rangeTokens.tooltipContentLeftMargin, _Range.rangeTokens.tooltipArrowMaskWidth, _Range.rangeTokens.tooltipArrowMaskHeight, _Range.rangeTokens.tooltipArrowMaskImage, _Range.rangeTokens.tooltipArrowHeight, _Range.rangeTokens.tooltipArrowEdgeMargin)
         },
         disabled: {
             true: (0, _styledcomponents.css)([
@@ -290,8 +422,6 @@ var config = {
             true: (0, _styledcomponents.css)([
                 "",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-primary);",
-                ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":0.1;",
                 ":0.4;",
@@ -299,7 +429,7 @@ var config = {
                 ":var(--text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.readOnlyOpacity, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
+            ], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.readOnlyOpacity, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/dist/styled-components/cjs/examples/components/Range/Range.js

@@ -2,14 +2,38 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Range", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Range () {
         return Range;
+    },
+    get RangeClear () {
+        return RangeClear;
+    },
+    get RangeDefault () {
+        return RangeDefault;
     }
 });
 var _engines = require("../../../engines");
+var _utils = require("../../../utils");
 var _Range = require("../../../components/Range");
 var _Rangeconfig = require("./Range.config");
-var mergedConfig = (0, _engines.mergeConfig)(_Range.rangeConfig, _Rangeconfig.config);
-var Range = (0, _engines.component)(mergedConfig);
+var _Rangeclearconfig = require("./Range.clear.config");
+var mergedConfigDefault = (0, _engines.mergeConfig)(_Range.rangeConfig, _Rangeconfig.config);
+var RangeDefault = (0, _engines.component)(mergedConfigDefault);
+var mergedConfigClear = (0, _engines.mergeConfig)(_Range.rangeConfig, _Rangeclearconfig.config);
+var RangeClear = (0, _engines.component)(mergedConfigClear);
+var Range = (0, _utils.createConditionalComponent)(RangeDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: RangeClear
+    }
+]);

package/dist/styled-components/cjs/examples/components/Rating/Rating.config.js

@@ -274,33 +274,6 @@ var config = {
                 ":1.25rem;",
                 ":1rem;"
             ], _Rating.ratingTokens.gap, _Rating.ratingTokens.fontFamily, _Rating.ratingTokens.fontSize, _Rating.ratingTokens.fontStyle, _Rating.ratingTokens.fontWeight, _Rating.ratingTokens.letterSpacing, _Rating.ratingTokens.lineHeight, _Rating.ratingTokens.helperTextFontFamily, _Rating.ratingTokens.helperTextFontSize, _Rating.ratingTokens.helperTextFontStyle, _Rating.ratingTokens.helperTextFontWeight, _Rating.ratingTokens.helperTextLetterSpacing, _Rating.ratingTokens.helperTextLineHeight, _Rating.ratingTokens.contentGap, _Rating.ratingTokens.singleIconContentGap, _Rating.ratingTokens.starsWrapperGap, _Rating.ratingTokens.iconMarginBottom, _Rating.ratingTokens.iconSizeLarge, _Rating.ratingTokens.iconSizeMedium, _Rating.ratingTokens.iconSizeSmall, _Rating.ratingTokens.singleIconMarginBottom, _Rating.ratingTokens.singleIconSizeLarge, _Rating.ratingTokens.singleIconSizeMedium, _Rating.ratingTokens.singleIconSizeSmall),
-            h6: (0, _styledcomponents.css)([
-                "",
-                ":0.25rem;",
-                ":var(--plasma-typo-h6-font-family);",
-                ":var(--plasma-typo-h6-font-size);",
-                ":var(--plasma-typo-h6-font-style);",
-                ":var(--plasma-typo-h6-bold-font-weight);",
-                ":var(--plasma-typo-h6-letter-spacing);",
-                ":var(--plasma-typo-h6-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.625rem;",
-                ":0.25rem;",
-                ":0.125rem;",
-                ":0.125rem;",
-                ":1.25rem;",
-                ":1.25rem;",
-                ":1rem;",
-                ":0.125rem;",
-                ":1.25rem;",
-                ":1.25rem;",
-                ":1rem;"
-            ], _Rating.ratingTokens.gap, _Rating.ratingTokens.fontFamily, _Rating.ratingTokens.fontSize, _Rating.ratingTokens.fontStyle, _Rating.ratingTokens.fontWeight, _Rating.ratingTokens.letterSpacing, _Rating.ratingTokens.lineHeight, _Rating.ratingTokens.helperTextFontFamily, _Rating.ratingTokens.helperTextFontSize, _Rating.ratingTokens.helperTextFontStyle, _Rating.ratingTokens.helperTextFontWeight, _Rating.ratingTokens.helperTextLetterSpacing, _Rating.ratingTokens.helperTextLineHeight, _Rating.ratingTokens.contentGap, _Rating.ratingTokens.singleIconContentGap, _Rating.ratingTokens.starsWrapperGap, _Rating.ratingTokens.iconMarginBottom, _Rating.ratingTokens.iconSizeLarge, _Rating.ratingTokens.iconSizeMedium, _Rating.ratingTokens.iconSizeSmall, _Rating.ratingTokens.singleIconMarginBottom, _Rating.ratingTokens.singleIconSizeLarge, _Rating.ratingTokens.singleIconSizeMedium, _Rating.ratingTokens.singleIconSizeSmall),
             displayL: (0, _styledcomponents.css)([
                 "",
                 ":0.375rem;",

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

@@ -92,11 +92,6 @@ var config = {
                 ":var(--plasma-typo-h5-line-height);",
                 ":var(--plasma-typo-h5-font-size);"
             ], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-            h6: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h6-line-height);",
-                ":var(--plasma-typo-h6-font-size);"
-            ], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
             textL: (0, _styledcomponents.css)([
                 "",
                 ":var(--plasma-typo-text-l-line-height);",

package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -115,13 +115,6 @@ var config = {
                 ":0.5rem;",
                 ":0.125rem;"
             ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
-            h6: (0, _styledcomponents.css)([
-                "",
-                ":0.375rem;",
-                ":0rem;",
-                ":0.625rem;",
-                ":-0.125rem;"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
             h5: (0, _styledcomponents.css)([
                 "",
                 ":0.375rem;",

package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -185,22 +185,6 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.125rem;"
             ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
-            h6: (0, _styledcomponents.css)([
-                "",
-                ":0.375rem;",
-                ":auto;",
-                ":3rem;",
-                ":0 0.125rem;",
-                ":1.5rem;",
-                ":0.625rem;",
-                ":var(--plasma-typo-h6-font-family);",
-                ":var(--plasma-typo-h6-font-size);",
-                ":var(--plasma-typo-h6-font-style);",
-                ":var(--plasma-typo-h6-font-weight);",
-                ":var(--plasma-typo-h6-letter-spacing);",
-                ":var(--plasma-typo-h6-line-height);",
-                ":-0.125rem;"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h5: (0, _styledcomponents.css)([
                 "",
                 ":0.375rem;",