@salutejs/plasma-new-hope 0.344.0-canary.2402.20461160162.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/es/components/DatePicker/DatePicker.tokens.js

@@ -41,7 +41,8 @@ export var tokens = {
     contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
-    /** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
+    /** Токены лейбла */ labelWrapperOffset: '--plasma-date-picker-label-wrapper-offset',
+    labelColor: '--plasma-date-picker__label-color',
     labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
     labelOffset: '--plasma-date-picker__label-offset',
     labelFontFamily: '--plasma-date-picker__label-font-family',
@@ -50,13 +51,18 @@ export var tokens = {
     labelFontWeight: '--plasma-date-picker__label-font-weight',
     labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
     labelLineHeight: '--plasma-date-picker__label-line-height',
-    /** Токены индикатора */ indicatorColor: '--plasma-date-picker__indicator-color',
-    indicatorSize: '--plasma-date-picker__indicator-size',
+    /** Токены индикатора */ indicatorWrapperGap: '--plasma-date-picker-indicator-wrapper-gap',
+    indicatorColor: '--plasma-date-picker__indicator-color',
+    indicatorSizeInner: '--plasma-date-picker__indicator-size',
     indicatorSizeOuter: '--plasma-date-picker__indicator-size-outer',
     indicatorPlacement: '--plasma-date-picker__indicator-placement',
     indicatorPlacementRight: '--plasma-date-picker__indicator-placement-right',
     indicatorOuterPlacement: '--plasma-date-picker__indicator-placement-outer',
     indicatorOuterPlacementRight: '--plasma-date-picker__indicator-placement-outer-right',
+    indicatorMarginTop: '--plasma-date-picker-indicator-margin-top',
+    indicatorOuterLeft: '--plasma-date-picker-indicator-outer-left',
+    indicatorWithoutLabelInner: '--plasma-date-picker-indicator-without-label-inner',
+    indicatorWithoutLabelInnerLeft: '--plasma-date-picker-indicator-without-label-inner-left',
     /* label-placement-inner */ labelInnerFontFamily: '--plasma-date-picker-placement_inner__label-font-family',
     labelInnerFontStyle: '--plasma-date-picker-placement_inner__label-font-style',
     labelInnerFontSize: '--plasma-date-picker-placement_inner__label-font-size',

package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -143,7 +143,7 @@ import { LeftHelper, StyledRange, base } from "./RangeDate.styles";
 import { RangeDatePopover } from "./RangeDatePopover/RangeDatePopover";
 export var datePickerRangeRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
@@ -464,7 +464,7 @@ export var datePickerRangeRoot = function(Root) {
             dividerVariant: dividerVariant,
             label: label,
             required: required,
-            requiredPlacement: requiredPlacement,
+            requiredIndicatorPlacement: requiredPlacement,
             hasRequiredIndicator: hasRequiredIndicator,
             disabled: disabled,
             readOnly: !disabled && readOnly,