@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2398.20426736662.0

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

@@ -3,9 +3,7 @@ import { rangeTokens as tokens } from "../../../components/Range";
 export var config = {
     defaults: {
         view: 'default',
-        size: 'l',
-        hintView: 'default',
-        hintSize: 'm'
+        size: 'l'
     },
     variations: {
         view: {
@@ -20,8 +18,6 @@ export 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);",
@@ -40,7 +36,7 @@ export var config = {
                 ":var(--surface-negative);",
                 ":var(--text-accent);",
                 ":var(--text-tertiary);"
-            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
+            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
             xl: css([
@@ -55,55 +51,40 @@ export var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0 0 0 1.125rem;",
                 ":0;",
-                ":4rem;",
-                ":1rem;",
-                ":1.3125rem 1.125rem;",
+                ":0.75rem;",
                 ":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.0625rem 0.5rem -0.0625rem 0;",
-                ":-0.0625rem 0 -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
+                ":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);",
-                ":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-size);",
                 ":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.25rem;",
-                ":-0.75rem;",
-                ":auto 0 -0.5rem auto;",
-                ":auto auto -0.5rem 0;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             l: css([
                 "",
                 ":0.875rem;",
@@ -116,55 +97,40 @@ export var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0 0 0 1rem;",
                 ":0;",
-                ":3.5rem;",
-                ":0.875rem;",
-                ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
+                ":0.75rem;",
                 ":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.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;",
+                ":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-size);",
                 ":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.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-size);",
                 ":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.25rem;",
-                ":-0.75rem;",
-                ":auto 0 -0.5rem auto;",
-                ":auto auto -0.5rem 0;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             m: css([
                 "",
                 ":0.75rem;",
@@ -177,55 +143,40 @@ export var config = {
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0 0 0 0.875rem;",
                 ":0;",
-                ":3rem;",
-                ":0.75rem;",
-                ":0.875rem 1rem 0.875rem 1rem;",
+                ":0.625rem;",
                 ":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);",
-                ":-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;",
+                ":3rem;",
+                ":0.75rem;",
+                ":0.875rem 1rem 0.875rem 1rem;",
                 ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
-                ":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-size);",
                 ":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.25rem;",
-                ":-0.75rem;",
-                ":auto 0 -0.5rem auto;",
-                ":auto auto -0.5rem 0;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
+                ":0 0 0 0;",
+                ":0.375rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.6875rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             s: css([
                 "",
                 ":0.625rem;",
@@ -238,55 +189,40 @@ export var config = {
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0 0 0 0.75rem;",
                 ":0;",
-                ":2.5rem;",
-                ":0.625rem;",
-                ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
+                ":0.5rem;",
                 ":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);",
-                ":-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;",
+                ":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-size);",
                 ":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);",
-                ":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-size);",
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
-                ":0.5rem;",
+                ":-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.375rem;",
-                ":0.25rem;",
-                ":-0.75rem;",
-                ":auto 0 -0.5rem auto;",
-                ":auto auto -0.5rem 0;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
+                ":0 0 0 0;",
+                ":0.3125rem auto auto -0.6875rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             xs: css([
                 "",
                 ":0.5rem;",
@@ -299,108 +235,40 @@ export var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0 0 0 0.5rem;",
                 ":0;",
-                ":2rem;",
-                ":0.5rem;",
-                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
+                ":0.375rem;",
                 ":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);",
-                ":-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;",
+                ":2rem;",
                 ":0.5rem;",
-                ":-0.688rem;",
-                ":2.375rem;",
-                ":0.688rem -2.063rem auto auto;",
-                ":0 -0.188rem 0 -0.688rem;",
-                ":0;",
+                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
                 ":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-size);",
                 ":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.375rem;",
-                ":0.375rem;",
-                ":0.125rem;",
-                ":-0.75rem;",
-                ":auto 0 -0.375rem auto;",
-                ":auto auto -0.375rem 0;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft)
-        },
-        hintView: {
-            default: css([
-                "",
-                ":var(--surface-solid-card-brightness);",
-                ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));",
-                ":var(--text-primary);",
-                ":var(--surface-solid-card-brightness);"
-            ], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
-        },
-        hintSize: {
-            m: css([
-                "",
-                ":0.6875rem;",
-                ":0.875rem;",
-                ":0.6875rem;",
-                ":0.875rem;",
-                ":2.5rem;",
-                ":0.625rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);",
-                ":0.375rem;",
-                ":1.25rem;",
-                ":1.25rem;",
-                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
-                ":0.5rem;",
-                ":0.625rem;"
-            ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
-            s: css([
-                "",
-                ":0.5rem;",
-                ":0.75rem;",
-                ":0.5rem;",
-                ":0.75rem;",
-                ":2rem;",
-                ":0.5rem;",
-                ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-style);",
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
-                ":0.25rem;",
-                ":1rem;",
-                ":1rem;",
-                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":-0.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.5625rem;"
-            ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
+                ":0 0 0 0;",
+                ":0.25rem auto auto -0.625rem;",
+                ":0 0 auto auto;",
+                ":0.125rem -0.6875rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight)
         },
         disabled: {
             true: css([
@@ -412,6 +280,8 @@ export var config = {
             true: css([
                 "",
                 ":var(--surface-transparent-primary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":0.1;",
                 ":0.4;",
@@ -419,7 +289,7 @@ export var config = {
                 ":var(--text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], tokens.backgroundReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

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

@@ -1,18 +1,5 @@
 import { component, mergeConfig } from "../../../engines";
-import { createConditionalComponent } from "../../../utils";
 import { rangeConfig } from "../../../components/Range";
-import { config as configDefault } from "./Range.config";
-import { config as configClear } from "./Range.clear.config";
-var mergedConfigDefault = mergeConfig(rangeConfig, configDefault);
-export var RangeDefault = component(mergedConfigDefault);
-var mergedConfigClear = mergeConfig(rangeConfig, configClear);
-export var RangeClear = component(mergedConfigClear);
-export var Range = createConditionalComponent(RangeDefault, [
-    {
-        conditions: {
-            prop: 'appearance',
-            value: 'clear'
-        },
-        component: RangeClear
-    }
-]);
+import { config } from "./Range.config";
+var mergedConfig = mergeConfig(rangeConfig, config);
+export var Range = component(mergedConfig);

package/dist/styled-components/es/examples/components/_beta/Popover/Popover.closeInner.config.js

@@ -0,0 +1,48 @@
+import { css } from "styled-components";
+import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive),
+            accent: css([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":var(--on-dark-text-secondary-active);"
+            ], tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive)
+        },
+        size: {
+            l: css([
+                "",
+                ":1rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], tokens.borderRadius, tokens.padding, tokens.iconOffset),
+            m: css([
+                "",
+                ":0.875rem;",
+                ":0.625rem;",
+                ":0.625rem;"
+            ], tokens.borderRadius, tokens.padding, tokens.iconOffset),
+            s: css([
+                "",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.5rem;"
+            ], tokens.borderRadius, tokens.padding, tokens.iconOffset)
+        }
+    }
+};

package/dist/styled-components/es/examples/components/_beta/Popover/Popover.closeNone.config.js

@@ -0,0 +1,39 @@
+import { css } from "styled-components";
+import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);"
+            ], tokens.backgroundColor, tokens.boxShadow),
+            accent: css([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);"
+            ], tokens.backgroundColor, tokens.boxShadow)
+        },
+        size: {
+            l: css([
+                "",
+                ":1rem;",
+                ":0.75rem;"
+            ], tokens.borderRadius, tokens.padding),
+            m: css([
+                "",
+                ":0.875rem;",
+                ":0.625rem;"
+            ], tokens.borderRadius, tokens.padding),
+            s: css([
+                "",
+                ":0.75rem;",
+                ":0.5rem;"
+            ], tokens.borderRadius, tokens.padding)
+        }
+    }
+};

package/dist/styled-components/es/examples/components/_beta/Popover/Popover.js

@@ -0,0 +1,18 @@
+import { _beta_popoverConfig } from "../../../../components/_beta/Popover";
+import { component, mergeConfig } from "../../../../engines";
+import { createConditionalComponent } from "../../../../utils";
+import { config as closeNoneConfig } from "./Popover.closeNone.config";
+import { config as closeInnerConfig } from "./Popover.closeInner.config";
+var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
+export var PopoverCloseNone = component(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
+export var PopoverCloseInner = component(mergedCloseInnerConfig);
+export var Popover = createConditionalComponent(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/dist/styled-components/es/index.js

@@ -88,3 +88,4 @@ export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
+export * from "./components/_beta/Popover";

package/dist/styled-components/es/utils/index.js

@@ -37,3 +37,4 @@ export var composableStyle = function(s) {
     return res;
 };
 export { fixedForwardRef } from "./fixedForwardRef";
+export { mergeHandlers } from "./mergeHandlers";

package/dist/styled-components/es/utils/mergeHandlers.js

@@ -0,0 +1,16 @@
+/* Утилита для объединения обработчиков */ export var mergeHandlers = function(userHandler, injectedHandler) {
+    return function(event) {
+        try {
+            if (userHandler) {
+                userHandler(event);
+            }
+        } catch (e) {
+            console.error(e);
+            throw e;
+        } finally{
+            if (!event.defaultPrevented && injectedHandler) {
+                injectedHandler(event);
+            }
+        }
+    };
+};