@salutejs/sdds-cs 0.318.1-canary.2030.15819491481.0 → 0.318.1-canary.2030.15826725038.0

package/components/Slider/Slider.config.js

@@ -1,27 +1,152 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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: 's'
-  },
-  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-primary);\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-solid-primary);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-solid-primary-hover);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-active);\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.textFieldBorderColorFocus, _styledComponents.sliderTokens.textFieldBorderColorHover, _styledComponents.sliderTokens.textFieldBackgroundColor, _styledComponents.sliderTokens.textFieldBackgroundColorHover, _styledComponents.sliderTokens.textFieldBackgroundColorFocus),
-      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-primary);\n\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-solid-primary-hover);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-active);\n            "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFieldBorderColor, _styledComponents.sliderTokens.textFieldBorderColorFocus, _styledComponents.sliderTokens.textFieldBorderColorHover, _styledComponents.sliderTokens.textFieldBackgroundColor, _styledComponents.sliderTokens.textFieldBackgroundColorHover, _styledComponents.sliderTokens.textFieldBackgroundColorFocus)
-    },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__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.063rem;\n                ", ": 0.125rem;\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.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)
+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-primary);\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-solid-primary);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--outline-solid-primary-hover);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-active);\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-primary);\n\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-secondary);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--outline-solid-primary-hover);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-active);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    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.063rem;\n                ",
+        ": 0.125rem;\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            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.sliderTokens.disabledOpacity)
+    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.textFieldBorderColorFocus, _styledcomponents.sliderTokens.textFieldBorderColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus),
+            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.textFieldColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBorderColor, _styledcomponents.sliderTokens.textFieldBorderColorFocus, _styledcomponents.sliderTokens.textFieldBorderColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject2(), _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.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)(_templateObject3(), _styledcomponents.sliderTokens.disabledOpacity)
+        }
     }
-  }
-};
+};

package/components/Slider/Slider.js

@@ -1,16 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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;
+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;

package/components/Slider/index.js

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

package/components/Spinner/Spinner.config.js

@@ -1,27 +1,111 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-primary);\n            "]))),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-secondary);\n            "]))),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-tertiary);\n            "]))),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-paragraph);\n            "]))),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-accent);\n            "]))),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-positive);\n            "]))),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-warning);\n            "]))),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-negative);\n            "])))
+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-color: var(--text-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-secondary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-tertiary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-paragraph);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-accent);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-positive);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-warning);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                --plasma-spinner-color: var(--text-negative);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'accent',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject()),
+            secondary: (0, _styledcomponents.css)(_templateObject1()),
+            tertiary: (0, _styledcomponents.css)(_templateObject2()),
+            paragraph: (0, _styledcomponents.css)(_templateObject3()),
+            accent: (0, _styledcomponents.css)(_templateObject4()),
+            positive: (0, _styledcomponents.css)(_templateObject5()),
+            warning: (0, _styledcomponents.css)(_templateObject6()),
+            negative: (0, _styledcomponents.css)(_templateObject7())
+        }
+    }
+};

package/components/Spinner/Spinner.js

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

package/components/Spinner/index.js

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

package/components/Steps/Steps.config.js

@@ -1,23 +1,110 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2;
-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: {
-    size: 's',
-    view: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": solid var(--text-accent);\n                ", ": var(--text-positive);\n                ", ": var(--surface-clear);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--outline-solid-primary);\n                ", ": #e9eef2;\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-positive);\n\n                ", ": 0.4;\n            "])), _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor, _styledComponents.stepsTokens.activeIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorColor, _styledComponents.stepsTokens.completedIndicatorColorHover, _styledComponents.stepsTokens.completedIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorBackgroundHover, _styledComponents.stepsTokens.inactiveTitleColor, _styledComponents.stepsTokens.inactiveTitleColorHover, _styledComponents.stepsTokens.inactiveIndicatorColor, _styledComponents.stepsTokens.inactiveIndicatorColorHover, _styledComponents.stepsTokens.inactiveIndicatorBackground, _styledComponents.stepsTokens.inactiveIndicatorBackgroundHover, _styledComponents.stepsTokens.contentColor, _styledComponents.stepsTokens.focusColor, _styledComponents.stepsTokens.dividerColor, _styledComponents.stepsTokens.disabledOpacity)
+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-accent);\n                ",
+        ": var(--text-accent);\n                ",
+        ": solid var(--text-accent);\n                ",
+        ": var(--text-positive);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-accent-hover);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": #e9eef2;\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-positive);\n\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.75rem;\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                ",
+        ": 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                ",
+        ": 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                ",
+        ": 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.125rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        size: 's',
+        view: 'default'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\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                ", ": 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                ", ": 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                ", ": 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.125rem;\n            "])), _styledComponents.stepsTokens.indicatorSize, _styledComponents.stepsTokens.activeIndicatorSize, _styledComponents.stepsTokens.bulletSize, _styledComponents.stepsTokens.activeBulletSize, _styledComponents.stepsTokens.titlePaddingTop, _styledComponents.stepsTokens.contentPaddingTop, _styledComponents.stepsTokens.contentSidePadding, _styledComponents.stepsTokens.contentVerticalPadding, _styledComponents.stepsTokens.verticalContentPaddingLeft, _styledComponents.stepsTokens.smallIndicatorIndentHeight, _styledComponents.stepsTokens.largeIndicatorIndentHeight, _styledComponents.stepsTokens.smallBulletIndentHeight, _styledComponents.stepsTokens.largeBulletIndentHeight, _styledComponents.stepsTokens.indicatorFontFamily, _styledComponents.stepsTokens.indicatorFontSize, _styledComponents.stepsTokens.indicatorFontStyle, _styledComponents.stepsTokens.indicatorFontWeight, _styledComponents.stepsTokens.indicatorLetterSpacing, _styledComponents.stepsTokens.indicatorLineHeight, _styledComponents.stepsTokens.activeIndicatorFontFamily, _styledComponents.stepsTokens.activeIndicatorFontSize, _styledComponents.stepsTokens.activeIndicatorFontStyle, _styledComponents.stepsTokens.activeIndicatorFontWeight, _styledComponents.stepsTokens.activeIndicatorLetterSpacing, _styledComponents.stepsTokens.activeIndicatorLineHeight, _styledComponents.stepsTokens.titleFontFamily, _styledComponents.stepsTokens.titleFontSize, _styledComponents.stepsTokens.titleFontStyle, _styledComponents.stepsTokens.titleFontWeight, _styledComponents.stepsTokens.titleLetterSpacing, _styledComponents.stepsTokens.titleLineHeight, _styledComponents.stepsTokens.contentFontFamily, _styledComponents.stepsTokens.contentFontSize, _styledComponents.stepsTokens.contentFontStyle, _styledComponents.stepsTokens.contentFontWeight, _styledComponents.stepsTokens.contentLetterSpacing, _styledComponents.stepsTokens.contentLineHeight, _styledComponents.stepsTokens.dividerThickness)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.stepsTokens.activeTitleColor, _styledcomponents.stepsTokens.activeTitleColorHover, _styledcomponents.stepsTokens.activeIndicatorBorder, _styledcomponents.stepsTokens.activeIndicatorColor, _styledcomponents.stepsTokens.activeIndicatorBackground, _styledcomponents.stepsTokens.completedIndicatorColor, _styledcomponents.stepsTokens.completedIndicatorColorHover, _styledcomponents.stepsTokens.completedIndicatorBackground, _styledcomponents.stepsTokens.completedIndicatorBackgroundHover, _styledcomponents.stepsTokens.inactiveTitleColor, _styledcomponents.stepsTokens.inactiveTitleColorHover, _styledcomponents.stepsTokens.inactiveIndicatorColor, _styledcomponents.stepsTokens.inactiveIndicatorColorHover, _styledcomponents.stepsTokens.inactiveIndicatorBackground, _styledcomponents.stepsTokens.inactiveIndicatorBackgroundHover, _styledcomponents.stepsTokens.contentColor, _styledcomponents.stepsTokens.focusColor, _styledcomponents.stepsTokens.dividerColor, _styledcomponents.stepsTokens.disabledOpacity)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.stepsTokens.indicatorSize, _styledcomponents.stepsTokens.activeIndicatorSize, _styledcomponents.stepsTokens.bulletSize, _styledcomponents.stepsTokens.activeBulletSize, _styledcomponents.stepsTokens.titlePaddingTop, _styledcomponents.stepsTokens.contentPaddingTop, _styledcomponents.stepsTokens.contentSidePadding, _styledcomponents.stepsTokens.contentVerticalPadding, _styledcomponents.stepsTokens.verticalContentPaddingLeft, _styledcomponents.stepsTokens.smallIndicatorIndentHeight, _styledcomponents.stepsTokens.largeIndicatorIndentHeight, _styledcomponents.stepsTokens.smallBulletIndentHeight, _styledcomponents.stepsTokens.largeBulletIndentHeight, _styledcomponents.stepsTokens.indicatorFontFamily, _styledcomponents.stepsTokens.indicatorFontSize, _styledcomponents.stepsTokens.indicatorFontStyle, _styledcomponents.stepsTokens.indicatorFontWeight, _styledcomponents.stepsTokens.indicatorLetterSpacing, _styledcomponents.stepsTokens.indicatorLineHeight, _styledcomponents.stepsTokens.activeIndicatorFontFamily, _styledcomponents.stepsTokens.activeIndicatorFontSize, _styledcomponents.stepsTokens.activeIndicatorFontStyle, _styledcomponents.stepsTokens.activeIndicatorFontWeight, _styledcomponents.stepsTokens.activeIndicatorLetterSpacing, _styledcomponents.stepsTokens.activeIndicatorLineHeight, _styledcomponents.stepsTokens.titleFontFamily, _styledcomponents.stepsTokens.titleFontSize, _styledcomponents.stepsTokens.titleFontStyle, _styledcomponents.stepsTokens.titleFontWeight, _styledcomponents.stepsTokens.titleLetterSpacing, _styledcomponents.stepsTokens.titleLineHeight, _styledcomponents.stepsTokens.contentFontFamily, _styledcomponents.stepsTokens.contentFontSize, _styledcomponents.stepsTokens.contentFontStyle, _styledcomponents.stepsTokens.contentFontWeight, _styledcomponents.stepsTokens.contentLetterSpacing, _styledcomponents.stepsTokens.contentLineHeight, _styledcomponents.stepsTokens.dividerThickness)
+        }
     }
-  }
-};
+};

package/components/Steps/Steps.js

@@ -1,11 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Steps = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Steps = /*#__PURE__*/require("./Steps.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.stepsConfig, _Steps.config);
-var StepsComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var Steps = exports.Steps = StepsComponent;
+Object.defineProperty(exports, "Steps", {
+    enumerable: true,
+    get: function() {
+        return Steps;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Stepsconfig = require("./Steps.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepsConfig, _Stepsconfig.config);
+var StepsComponent = (0, _styledcomponents.component)(mergedConfig);
+var Steps = StepsComponent;

package/components/Steps/index.js

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