@salutejs/sdds-cs 0.319.0-canary.2010.15854111527.0 → 0.319.0-canary.2016.15704675252.0

package/components/Slider/Slider.component-test.js

@@ -0,0 +1,223 @@
+"use strict";
+
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _plasmaTypo = /*#__PURE__*/require("@salutejs/plasma-typo");
+var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
+var _StandardTypoStyle, _PadMe, _PadMe2, _PadMe3, _PadMe4, _PadMe5, _PadMe6, _PadMe7, _PadMe8, _PadMe9, _PadMe10, _PadMe11, _PadMe12, _PadMe13, _PadMe14, _PadMe15, _PadMe16, _PadMe17, _PadMe18, _PadMe19, _PadMe20, _PadMe21, _PadMe22;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var StandardTypoStyle = /*#__PURE__*/(0, _styledComponents.createGlobalStyle)(_plasmaTypo.standard);
+describe('plasma-web: Slider', function () {
+  var _Slider, _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3, _CypressTestDecorator4, _Slider2, _Slider3, _Slider4;
+  var Slider = (0, _plasmaCyUtils.getComponent)('Slider');
+  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/_react["default"].createElement(StandardTypoStyle, null)), children);
+  };
+  it('simple', function () {
+    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, _Slider || (_Slider = /*#__PURE__*/_react["default"].createElement(Slider, {
+      min: 0,
+      max: 100,
+      value: 50
+    })), _PadMe || (_PadMe = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      min: 0,
+      max: 100,
+      value: [25, 75]
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('_view', function () {
+    (0, _plasmaCyUtils.mount)(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      view: "default"
+    }), _PadMe2 || (_PadMe2 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      view: "accent"
+    }), _PadMe3 || (_PadMe3 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      view: "gradient"
+    }))));
+    cy.matchImageSnapshot();
+  });
+  it('_size', function () {
+    (0, _plasmaCyUtils.mount)(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      size: "s"
+    }), _PadMe4 || (_PadMe4 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      size: "m"
+    }), _PadMe5 || (_PadMe5 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      size: "l"
+    }))));
+    cy.matchImageSnapshot();
+  });
+  it('_disabled', function () {
+    (0, _plasmaCyUtils.mount)(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100
+    }), _PadMe6 || (_PadMe6 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      disabled: true
+    }))));
+    cy.matchImageSnapshot();
+  });
+  it('_placement', function () {
+    (0, _plasmaCyUtils.mount)(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      labelPlacement: "inner"
+    }), _PadMe7 || (_PadMe7 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe8 || (_PadMe8 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      labelPlacement: "outer"
+    }), _PadMe9 || (_PadMe9 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe10 || (_PadMe10 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      rangeValuesPlacement: "inner"
+    }), _PadMe11 || (_PadMe11 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe12 || (_PadMe12 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      rangeValuesPlacement: "outer"
+    }), _PadMe13 || (_PadMe13 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe14 || (_PadMe14 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      showRangeValues: true
+    }), _PadMe15 || (_PadMe15 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe16 || (_PadMe16 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      showRangeValues: false
+    }), _PadMe17 || (_PadMe17 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe18 || (_PadMe18 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      showCurrentValue: true
+    }), _PadMe19 || (_PadMe19 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _PadMe20 || (_PadMe20 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(Slider, {
+      label: "Text",
+      value: 50,
+      min: 0,
+      max: 100,
+      showCurrentValue: false
+    }))));
+    cy.matchImageSnapshot();
+  });
+  it('_vertical: simple', function () {
+    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        height: '20rem'
+      }
+    }, _Slider2 || (_Slider2 = /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 0,
+      min: 0,
+      max: 100,
+      size: "s",
+      orientation: "vertical"
+    })), _PadMe21 || (_PadMe21 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _Slider3 || (_Slider3 = /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 50,
+      min: 0,
+      max: 100,
+      size: "m",
+      orientation: "vertical"
+    })), _PadMe22 || (_PadMe22 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), _Slider4 || (_Slider4 = /*#__PURE__*/_react["default"].createElement(Slider, {
+      value: 100,
+      min: 0,
+      max: 100,
+      size: "l",
+      orientation: "vertical"
+    })))));
+    cy.matchImageSnapshot();
+  });
+  ['s'].map(function (size) {
+    return it("_vertical: sliderAlign, ".concat(size), function () {
+      var showIcon = true;
+      var props = {
+        value: 40,
+        min: 0,
+        max: 100,
+        size: size,
+        orientation: 'vertical',
+        label: 'Громкость',
+        labelContent: showIcon ? /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconMic, {
+          size: size === 's' ? 'xs' : 's'
+        }) : null,
+        showCurrentValue: true,
+        showScale: true
+      };
+      (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          justifyContent: 'center',
+          height: '14rem'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(Slider, _extends({
+        sliderAlign: "right"
+      }, props)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          padding: '0 0.75rem'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(Slider, _extends({
+        sliderAlign: "center"
+      }, props)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          padding: '0 0.75rem'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(Slider, _extends({
+        sliderAlign: "left"
+      }, props))), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          justifyContent: 'center',
+          marginTop: '2rem',
+          height: '14rem'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(Slider, _extends({
+        sliderAlign: "center",
+        reversed: true
+      }, props)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          padding: '0 0.75rem'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(Slider, _extends({
+        sliderAlign: "center",
+        reversed: true,
+        labelReversed: true
+      }, props)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          padding: '0 0.75rem'
+        }
+      }))));
+      cy.matchImageSnapshot();
+    });
+  });
+});

package/components/Slider/Slider.config.js

@@ -1,152 +1,27 @@
 "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-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'
+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)
     },
-    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)
-        }
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__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,111 +1,27 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
+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            "])))
     }
-});
-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,26 +1,18 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"
-})([
-    ""
-]);
+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"
+})([""]);