@salutejs/sdds-cs 0.318.1-canary.2030.15844844390.0 → 0.318.1-canary.2036.15817315131.0

package/emotion/cjs/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/emotion/cjs/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 _emotion = require("@salutejs/plasma-new-hope/emotion");
-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 _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+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, _emotion.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            "])), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus),
+      accent: /*#__PURE__*/(0, _emotion.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            "])), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus)
+    },
+    size: {
+      s: /*#__PURE__*/(0, _emotion.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            "])), _emotion.sliderTokens.size, _emotion.sliderTokens.doubleWrapperGap, _emotion.sliderTokens.labelWrapperGap, _emotion.sliderTokens.labelWrapperMarginBottom, _emotion.sliderTokens.labelWrapperMarginRight, _emotion.sliderTokens.labelWrapperOnlyIconMarginRight, _emotion.sliderTokens.labelWrapperVerticalMargin, _emotion.sliderTokens.labelFontFamily, _emotion.sliderTokens.labelFontSize, _emotion.sliderTokens.labelFontStyle, _emotion.sliderTokens.labelFontWeight, _emotion.sliderTokens.labelLetterSpacing, _emotion.sliderTokens.labelLineHeight, _emotion.sliderTokens.rangeValueHorizontalMargin, _emotion.sliderTokens.rangeValueBottomOffset, _emotion.sliderTokens.rangeValueHorizontalOffset, _emotion.sliderTokens.rangeValueVerticalMargin, _emotion.sliderTokens.valueFontFamily, _emotion.sliderTokens.valueFontSize, _emotion.sliderTokens.valueFontStyle, _emotion.sliderTokens.valueFontWeight, _emotion.sliderTokens.valueLetterSpacing, _emotion.sliderTokens.valueLineHeight, _emotion.sliderTokens.thumbSize, _emotion.sliderTokens.thumbSizeLarge, _emotion.sliderTokens.thumbBorder, _emotion.sliderTokens.currentValueTopOffset, _emotion.sliderTokens.railThickness, _emotion.sliderTokens.railBorderRadius, _emotion.sliderTokens.railIndent, _emotion.sliderTokens.textFieldWrapperGap, _emotion.sliderTokens.textFieldBorderWidth, _emotion.sliderTokens.textFieldHeight, _emotion.sliderTokens.textFieldPadding, _emotion.sliderTokens.textFieldBorderRadius, _emotion.sliderTokens.textFieldFontFamily, _emotion.sliderTokens.textFieldFontSize, _emotion.sliderTokens.textFieldFontStyle, _emotion.sliderTokens.textFieldFontWeight, _emotion.sliderTokens.textFieldLetterSpacing, _emotion.sliderTokens.textFieldLineHeight)
     },
-    variations: {
-        view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus),
-            accent: (0, _emotion.css)(_templateObject1(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus)
-        },
-        size: {
-            s: (0, _emotion.css)(_templateObject2(), _emotion.sliderTokens.size, _emotion.sliderTokens.doubleWrapperGap, _emotion.sliderTokens.labelWrapperGap, _emotion.sliderTokens.labelWrapperMarginBottom, _emotion.sliderTokens.labelWrapperMarginRight, _emotion.sliderTokens.labelWrapperOnlyIconMarginRight, _emotion.sliderTokens.labelWrapperVerticalMargin, _emotion.sliderTokens.labelFontFamily, _emotion.sliderTokens.labelFontSize, _emotion.sliderTokens.labelFontStyle, _emotion.sliderTokens.labelFontWeight, _emotion.sliderTokens.labelLetterSpacing, _emotion.sliderTokens.labelLineHeight, _emotion.sliderTokens.rangeValueHorizontalMargin, _emotion.sliderTokens.rangeValueBottomOffset, _emotion.sliderTokens.rangeValueHorizontalOffset, _emotion.sliderTokens.rangeValueVerticalMargin, _emotion.sliderTokens.valueFontFamily, _emotion.sliderTokens.valueFontSize, _emotion.sliderTokens.valueFontStyle, _emotion.sliderTokens.valueFontWeight, _emotion.sliderTokens.valueLetterSpacing, _emotion.sliderTokens.valueLineHeight, _emotion.sliderTokens.thumbSize, _emotion.sliderTokens.thumbSizeLarge, _emotion.sliderTokens.thumbBorder, _emotion.sliderTokens.currentValueTopOffset, _emotion.sliderTokens.railThickness, _emotion.sliderTokens.railBorderRadius, _emotion.sliderTokens.railIndent, _emotion.sliderTokens.textFieldWrapperGap, _emotion.sliderTokens.textFieldBorderWidth, _emotion.sliderTokens.textFieldHeight, _emotion.sliderTokens.textFieldPadding, _emotion.sliderTokens.textFieldBorderRadius, _emotion.sliderTokens.textFieldFontFamily, _emotion.sliderTokens.textFieldFontSize, _emotion.sliderTokens.textFieldFontStyle, _emotion.sliderTokens.textFieldFontWeight, _emotion.sliderTokens.textFieldLetterSpacing, _emotion.sliderTokens.textFieldLineHeight)
-        },
-        disabled: {
-            true: (0, _emotion.css)(_templateObject3(), _emotion.sliderTokens.disabledOpacity)
-        }
+    disabled: {
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _emotion.sliderTokens.disabledOpacity)
     }
-};
+  }
+};

package/emotion/cjs/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 _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Sliderconfig = require("./Slider.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.sliderConfig, _Sliderconfig.config);
-var SliderComponent = (0, _emotion.component)(mergedConfig);
-var Slider = SliderComponent;
+exports.Slider = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Slider = /*#__PURE__*/require("./Slider.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.sliderConfig, _Slider.config);
+var SliderComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+
+/**
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
+ * Можно указать два значения.
+ */
+var Slider = exports.Slider = SliderComponent;