@salutejs/sdds-insol 0.328.0-canary.2423.20988873450.0 → 0.328.0-canary.2424.21061741521.0

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

@@ -32,6 +32,17 @@ function _templateObject() {
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary-hover);\n                ",
+        ": var(--text-primary-active);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary-hover);\n                ",
+        ": var(--text-primary-active);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(--text-secondary-active);\n\n                ",
         ": var(--text-primary);\n                ",
@@ -48,7 +59,8 @@ function _templateObject() {
         ": var(--surface-transparent-clear);\n\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--text-accent);\n            "
+        ": var(--text-accent);\n                ",
+        ": var(--text-tertiary);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -72,7 +84,7 @@ function _templateObject1() {
         ": 4rem;\n                ",
         ": 0.0625rem;\n                ",
         ": 1rem;\n                ",
-        ": 1.375rem 1.25rem 1.375rem 1.25rem;\n                ",
+        ": 1.375rem 1.25rem;\n                ",
         ": var(--plasma-typo-body-m-font-family);\n                ",
         ": var(--plasma-typo-body-m-font-style);\n                ",
         ": var(--plasma-typo-body-m-font-size);\n                ",
@@ -141,7 +153,7 @@ function _templateObject2() {
         ": 3.5rem;\n                ",
         ": 0.0625rem;\n                ",
         ": 0.875rem;\n                ",
-        ": 1.188rem 1.125rem 1.188rem 1.125rem;\n                ",
+        ": 1.188rem 1.125rem;\n                ",
         ": var(--plasma-typo-body-s-font-family);\n                ",
         ": var(--plasma-typo-body-s-font-style);\n                ",
         ": var(--plasma-typo-body-s-font-size);\n                ",
@@ -210,7 +222,7 @@ function _templateObject3() {
         ": 3rem;\n                ",
         ": 0.0625rem;\n                ",
         ": 0.75rem;\n                ",
-        ": 1.063rem 1rem 1.063rem 1rem;\n                ",
+        ": 1.063rem 1rem;\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
@@ -279,7 +291,7 @@ function _templateObject4() {
         ": 2.5rem;\n                ",
         ": 0.0625rem;\n                ",
         ": 0.625rem;\n                ",
-        ": 0.813rem 0.75rem 0.813rem 0.75rem;\n                ",
+        ": 0.813rem 0.75rem;\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
@@ -348,7 +360,7 @@ function _templateObject5() {
         ": 2rem;\n                ",
         ": 0.0625rem;\n                ",
         ": 0.5rem;\n                ",
-        ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ",
+        ": 0.5625rem 0.625rem;\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
@@ -504,7 +516,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.background, tokens.shadow, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
+            default: css(_templateObject(), tokens.background, tokens.shadow, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
             xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderWidth, 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),

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

@@ -1,6 +1,16 @@
-import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-import { config } from './Range.config';
-var mergedConfig = mergeConfig(rangeConfig, config);
-/**
- * Компонент Range.
- */ export var Range = component(mergedConfig);
+import { rangeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
+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
+    }
+]);