@salutejs/plasma-web 1.585.0-canary.2021.15824070198.0 → 1.585.0-canary.2022.15704348481.0

package/components/Slider/Slider.config.js

@@ -1,278 +1,30 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--on-light-surface-solid-card);\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--surface-solid-tertiary);\n\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--outline-transparent-primary);\n                ",
-        ": var(--outline-transparent-primary-hover);\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--on-light-surface-solid-card);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--surface-solid-tertiary);\n\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--outline-transparent-primary);\n                ",
-        ": var(--outline-transparent-primary-hover);\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--on-light-surface-solid-card);\n                ",
-        ": var(--surface-accent-gradient);\n\n                ",
-        ": var(--surface-solid-tertiary);\n\n                ",
-        ": var(--surface-accent-gradient);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--outline-transparent-primary);\n                ",
-        ": var(--outline-transparent-primary-hover);\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.0625rem solid;\n\n                ",
-        ": 1.625rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0;\n                ",
-        ": inset(0 0.063rem 0 0);\n                ",
-        ": inset(0 0 0.063rem 0);\n                ",
-        ": -0.063rem;\n\n                ",
-        ": 0.063rem;\n\n                ",
-        ": 3.5rem;\n                ",
-        ": 1.25rem 1rem 1.25rem 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.0625rem solid;\n\n                ",
-        ": 1.75rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0;\n                ",
-        ": inset(0 0.063rem 0 0);\n                ",
-        ": -0.063rem;\n\n                ",
-        ": 0.063rem;\n\n                ",
-        ": 3rem;\n                ",
-        ": 0.875rem 1rem 0.875rem 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.0625rem solid;\n\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0;\n                ",
-        ": inset(0 0.063rem 0 0);\n                ",
-        ": -0.063rem;\n\n                ",
-        ": 0.063rem;\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.5rem 1rem 0.5rem 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-transparent-primary);\n                ", ": var(--outline-transparent-primary-hover);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFieldBorderColor, _styledComponents.sliderTokens.textFieldBorderColorHover, _styledComponents.sliderTokens.textFieldBorderColorFocus),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-transparent-primary);\n                ", ": var(--outline-transparent-primary-hover);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFieldBorderColor, _styledComponents.sliderTokens.textFieldBorderColorHover, _styledComponents.sliderTokens.textFieldBorderColorFocus),
+      gradient: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-transparent-primary);\n                ", ": var(--outline-transparent-primary-hover);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFieldBorderColor, _styledComponents.sliderTokens.textFieldBorderColorHover, _styledComponents.sliderTokens.textFieldBorderColorFocus)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0;\n                ", ": inset(0 0.063rem 0 0);\n                ", ": inset(0 0 0.063rem 0);\n                ", ": -0.063rem;\n\n                ", ": 0.063rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldWebClipPath, _styledComponents.sliderTokens.textFieldWebReversedClipPath, _styledComponents.sliderTokens.textFieldWebMarginRight, _styledComponents.sliderTokens.textFieldBorderWidth, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0;\n                ", ": inset(0 0.063rem 0 0);\n                ", ": -0.063rem;\n\n                ", ": 0.063rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldWebClipPath, _styledComponents.sliderTokens.textFieldWebMarginRight, _styledComponents.sliderTokens.textFieldBorderWidth, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0;\n                ", ": inset(0 0.063rem 0 0);\n                ", ": -0.063rem;\n\n                ", ": 0.063rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldWebClipPath, _styledComponents.sliderTokens.textFieldWebMarginRight, _styledComponents.sliderTokens.textFieldBorderWidth, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
     },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBorderColor, _styledcomponents.sliderTokens.textFieldBorderColorHover, _styledcomponents.sliderTokens.textFieldBorderColorFocus),
-            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBorderColor, _styledcomponents.sliderTokens.textFieldBorderColorHover, _styledcomponents.sliderTokens.textFieldBorderColorFocus),
-            gradient: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBorderColor, _styledcomponents.sliderTokens.textFieldBorderColorHover, _styledcomponents.sliderTokens.textFieldBorderColorFocus)
-        },
-        size: {
-            l: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldWebClipPath, _styledcomponents.sliderTokens.textFieldWebReversedClipPath, _styledcomponents.sliderTokens.textFieldWebMarginRight, _styledcomponents.sliderTokens.textFieldBorderWidth, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
-            m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldWebClipPath, _styledcomponents.sliderTokens.textFieldWebMarginRight, _styledcomponents.sliderTokens.textFieldBorderWidth, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
-            s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldWebClipPath, _styledcomponents.sliderTokens.textFieldWebMarginRight, _styledcomponents.sliderTokens.textFieldBorderWidth, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight)
-        },
-        disabled: {
-            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.sliderTokens.disabledOpacity)
-        }
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.sliderTokens.disabledOpacity)
     }
-};
+  }
+};

package/components/Slider/Slider.js

@@ -1,15 +1,16 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Slider", {
-    enumerable: true,
-    get: function() {
-        return Slider;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Sliderconfig = require("./Slider.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.sliderConfig, _Sliderconfig.config);
-var SliderComponent = (0, _styledcomponents.component)(mergedConfig);
-var Slider = SliderComponent;
+exports.Slider = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Slider = /*#__PURE__*/require("./Slider.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.sliderConfig, _Slider.config);
+var SliderComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
+ * Можно указать два значения.
+ */
+var Slider = exports.Slider = SliderComponent;

package/components/Slider/index.js

@@ -1,11 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 Object.defineProperty(exports, "Slider", {
-    enumerable: true,
-    get: function() {
-        return _Slider.Slider;
-    }
+  enumerable: true,
+  get: function get() {
+    return _Slider.Slider;
+  }
 });
-var _Slider = require("./Slider");
+var _Slider = /*#__PURE__*/require("./Slider");

package/components/Spinner/Spinner.config.js

@@ -1,156 +1,37 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-size: 16px;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-size: 24px;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-size: 36px;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-primary);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-primary);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-secondary);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-tertiary);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-paragraph);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-accent);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-positive);\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-warning);\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-negative);\n            "
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'accent',
-        size: 'm'
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-size: 16px;\n            "]))),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-size: 24px;\n            "]))),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-size: 36px;\n            "])))
     },
-    variations: {
-        size: {
-            s: (0, _styledcomponents.css)(_templateObject()),
-            m: (0, _styledcomponents.css)(_templateObject1()),
-            l: (0, _styledcomponents.css)(_templateObject2())
-        },
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject3()),
-            /**
-             * @deprecated
-             * использовать `default`
-             */ primary: (0, _styledcomponents.css)(_templateObject4()),
-            secondary: (0, _styledcomponents.css)(_templateObject5()),
-            tertiary: (0, _styledcomponents.css)(_templateObject6()),
-            paragraph: (0, _styledcomponents.css)(_templateObject7()),
-            accent: (0, _styledcomponents.css)(_templateObject8()),
-            positive: (0, _styledcomponents.css)(_templateObject9()),
-            warning: (0, _styledcomponents.css)(_templateObject10()),
-            negative: (0, _styledcomponents.css)(_templateObject11())
-        }
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-primary);\n            "]))),
+      /**
+       * @deprecated
+       * использовать `default`
+       */
+      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-primary);\n            "]))),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-secondary);\n            "]))),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-tertiary);\n            "]))),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-paragraph);\n            "]))),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-accent);\n            "]))),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-positive);\n            "]))),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-warning);\n            "]))),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-negative);\n            "])))
     }
-};
+  }
+};

package/components/Spinner/Spinner.js

@@ -1,26 +1,19 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Spinner", {
-    enumerable: true,
-    get: function() {
-        return Spinner;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _styledcomponents1 = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _Spinnerconfig = require("./Spinner.config");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
-var SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
-var Spinner = (0, _styledcomponents1.default)(SpinnerComponent).withConfig({
-    displayName: "Spinner",
-    componentId: "sc-a06270b0-0"
-})([
-    ""
-]);
+exports.Spinner = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _styledComponents2 = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Spinner = /*#__PURE__*/require("./Spinner.config");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.spinnerConfig, _Spinner.config);
+var SpinnerComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Компонент для отображения индикатора загрузки.
+ */
+var Spinner = exports.Spinner = /*#__PURE__*/(0, _styledComponents2["default"])(SpinnerComponent).withConfig({
+  componentId: "plasma-web__sc-32y7ce-0"
+})([""]);