@salutejs/plasma-new-hope 0.156.0-canary.1451.11071589632.0 → 0.156.0-canary.1452.11101408453.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +14 -12
- package/cjs/components/Slider/Slider.js +9 -1
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +15 -3
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +7 -7
- package/cjs/components/Slider/components/Double/Double.js +14 -9
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +13 -13
- package/cjs/components/Slider/components/Single/Single.js +53 -30
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_fdps5r.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -4
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1g9fv8o.css +4 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +38 -32
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_xinbde.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +1 -0
- package/cjs/components/Slider/utils/index.js +28 -10
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base.js +1 -1
- package/cjs/components/Slider/variations/_view/base.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
- package/cjs/components/TextArea/TextArea.js +15 -21
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/cjs/index.css +15 -15
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.js +9 -1
- package/emotion/cjs/components/Slider/Slider.tokens.js +15 -3
- package/emotion/cjs/components/Slider/components/Double/Double.js +10 -5
- package/emotion/cjs/components/Slider/components/Single/Single.js +53 -30
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +9 -9
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +41 -32
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +9 -15
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +28 -10
- package/emotion/cjs/components/Slider/variations/_view/base.js +2 -1
- package/emotion/cjs/components/TextArea/TextArea.js +16 -22
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/emotion/es/components/Slider/Slider.js +9 -1
- package/emotion/es/components/Slider/Slider.tokens.js +15 -3
- package/emotion/es/components/Slider/components/Double/Double.js +10 -5
- package/emotion/es/components/Slider/components/Single/Single.js +54 -31
- package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/es/components/Slider/ui/Handler/Handler.js +40 -30
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +10 -16
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +28 -10
- package/emotion/es/components/Slider/variations/_view/base.js +2 -1
- package/emotion/es/components/TextArea/TextArea.js +14 -20
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/es/components/TextArea/TextArea.tokens.js +2 -15
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/es/components/Slider/Slider.css +14 -12
- package/es/components/Slider/Slider.js +9 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +15 -3
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +7 -7
- package/es/components/Slider/components/Double/Double.js +10 -5
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +13 -13
- package/es/components/Slider/components/Single/Single.js +54 -31
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_fdps5r.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +4 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_1g9fv8o.css +4 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +37 -31
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_xinbde.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +1 -0
- package/es/components/Slider/utils/index.js +28 -10
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/Slider/variations/_view/base.js +1 -1
- package/es/components/Slider/variations/_view/base.js.map +1 -1
- package/es/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
- package/es/components/TextArea/TextArea.js +15 -21
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +2 -15
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/es/index.css +15 -15
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/Slider.js +9 -1
- package/styled-components/cjs/components/Slider/Slider.tokens.js +15 -3
- package/styled-components/cjs/components/Slider/components/Double/Double.js +10 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +53 -30
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +41 -32
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -4
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +28 -10
- package/styled-components/cjs/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +15 -21
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/styled-components/es/components/Slider/Slider.js +9 -1
- package/styled-components/es/components/Slider/Slider.tokens.js +15 -3
- package/styled-components/es/components/Slider/components/Double/Double.js +10 -5
- package/styled-components/es/components/Slider/components/Single/Single.js +54 -31
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +3 -3
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +40 -30
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -5
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +28 -10
- package/styled-components/es/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/es/components/TextArea/TextArea.js +13 -19
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -15
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +14 -2
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +26 -1
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts +6 -2
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +4 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +26 -8
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +0 -4
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -13
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +3 -15
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/TextArea/variations/_clear/base.js +0 -9
- package/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_clear/base_193g3al.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/components/TextArea/variations/_clear/base.js +0 -5
- package/es/components/TextArea/variations/_clear/base.js.map +0 -1
- package/es/components/TextArea/variations/_clear/base_193g3al.css +0 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/styled-components/es/components/TextArea/variations/_clear/base.js +0 -4
- package/types/components/TextArea/variations/_clear/base.d.ts +0 -2
- package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
@@ -7,14 +7,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.Handler = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _reactDraggable = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-draggable"));
|
10
|
-
var _utils = /*#__PURE__*/require("
|
10
|
+
var _utils = /*#__PURE__*/require("../../../../utils");
|
11
|
+
var _utils2 = /*#__PURE__*/require("../../utils");
|
11
12
|
var _Thumb = /*#__PURE__*/require("../Thumb/Thumb");
|
13
|
+
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
12
14
|
var _Handler = /*#__PURE__*/require("./Handler.styles");
|
13
|
-
var _excluded = ["stepSize", "onChangeCommitted", "onChange", "
|
15
|
+
var _excluded = ["size", "orientation", "stepSize", "onChangeCommitted", "onChange", "position", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value", "valuePlacement"];
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
19
|
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); }
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
22
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
18
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
19
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
20
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -36,11 +41,13 @@ var KeyboardSupport = {
|
|
36
41
|
ArrowDown: 40
|
37
42
|
};
|
38
43
|
var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
39
|
-
var
|
44
|
+
var size = _ref.size,
|
45
|
+
orientation = _ref.orientation,
|
46
|
+
stepSize = _ref.stepSize,
|
40
47
|
onChangeCommitted = _ref.onChangeCommitted,
|
41
48
|
onChange = _ref.onChange,
|
42
|
-
_ref$
|
43
|
-
|
49
|
+
_ref$position = _ref.position,
|
50
|
+
position = _ref$position === void 0 ? 0 : _ref$position,
|
44
51
|
min = _ref.min,
|
45
52
|
max = _ref.max,
|
46
53
|
_ref$bounds = _ref.bounds,
|
@@ -55,36 +62,35 @@ var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
55
62
|
_ref$endOffset = _ref.endOffset,
|
56
63
|
endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
|
57
64
|
value = _ref.value,
|
65
|
+
valuePlacement = _ref.valuePlacement,
|
58
66
|
rest = _objectWithoutProperties(_ref, _excluded);
|
67
|
+
var isVertical = orientation === 'vertical';
|
59
68
|
var lastOnChangeValue = (0, _react.useRef)();
|
60
|
-
var _getOffsets = (0,
|
69
|
+
var _getOffsets = (0, _utils2.getOffsets)(ref, side, isVertical),
|
61
70
|
_getOffsets2 = _slicedToArray(_getOffsets, 2),
|
62
|
-
|
63
|
-
|
71
|
+
startClientOffset = _getOffsets2[0],
|
72
|
+
endClientOffset = _getOffsets2[1];
|
64
73
|
var _bounds = _slicedToArray(bounds, 2),
|
65
|
-
|
66
|
-
|
67
|
-
var
|
68
|
-
var
|
69
|
-
var
|
70
|
-
x:
|
71
|
-
y: 0
|
74
|
+
startValueBound = _bounds[0],
|
75
|
+
endValueBound = _bounds[1];
|
76
|
+
var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
|
77
|
+
var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
|
78
|
+
var dragPosition = typeof position === 'number' ? {
|
79
|
+
x: isVertical ? 0 : position,
|
80
|
+
y: isVertical ? position : 0
|
72
81
|
} : undefined;
|
73
82
|
var tabIndex = disabled ? -1 : 0;
|
74
|
-
var computedBounds = {
|
75
|
-
|
76
|
-
right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - (offsetRight ? stepSize : 0)
|
77
|
-
};
|
78
|
-
var showCurrentValueCondition = showCurrentValue && (xPosition >= startOffset && xPosition <= max * stepSize - endOffset || xPosition === 0 && value !== 0);
|
83
|
+
var computedBounds = _defineProperty(_defineProperty({}, isVertical ? 'top' : 'left', (startPositionBound !== null && startPositionBound !== void 0 ? startPositionBound : 0) - (startClientOffset ? stepSize : 0)), isVertical ? 'bottom' : 'right', (endPositionBound !== null && endPositionBound !== void 0 ? endPositionBound : stepSize * (max - min)) - (endClientOffset ? stepSize : 0));
|
84
|
+
var showCurrentValueCondition = showCurrentValue && (position >= startOffset && position <= max * stepSize - endOffset || position === 0 && value !== 0);
|
79
85
|
var onDrag = function onDrag(_, data) {
|
80
|
-
var newValue = (0,
|
86
|
+
var newValue = (0, _utils2.getSliderThumbValue)(isVertical ? data.y : data.x, stepSize, min, max);
|
81
87
|
if (lastOnChangeValue.current !== newValue) {
|
82
88
|
onChange === null || onChange === void 0 || onChange(newValue, data);
|
83
89
|
lastOnChangeValue.current = newValue;
|
84
90
|
}
|
85
91
|
};
|
86
92
|
var onStop = function onStop(_, data) {
|
87
|
-
var newValue = (0,
|
93
|
+
var newValue = (0, _utils2.getSliderThumbValue)(isVertical ? data.y : data.x, stepSize, min, max);
|
88
94
|
onChangeCommitted && onChangeCommitted(newValue, data);
|
89
95
|
};
|
90
96
|
var onKeyPress = function onKeyPress(event) {
|
@@ -106,7 +112,7 @@ var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
106
112
|
var data = {
|
107
113
|
x: 0,
|
108
114
|
deltaX: stepSize,
|
109
|
-
lastX:
|
115
|
+
lastX: position,
|
110
116
|
y: 0,
|
111
117
|
deltaY: 0,
|
112
118
|
lastY: 0,
|
@@ -115,19 +121,19 @@ var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
115
121
|
switch (keyCode) {
|
116
122
|
case ArrowUp:
|
117
123
|
case ArrowRight:
|
118
|
-
data.x =
|
124
|
+
data.x = position + stepSize;
|
119
125
|
break;
|
120
126
|
case ArrowDown:
|
121
127
|
case ArrowLeft:
|
122
|
-
data.x =
|
128
|
+
data.x = position - stepSize;
|
123
129
|
data.deltaX = -stepSize;
|
124
130
|
break;
|
125
131
|
case PageUp:
|
126
|
-
data.x =
|
132
|
+
data.x = position + computedMultipleSteps;
|
127
133
|
data.deltaX = computedMultipleSteps;
|
128
134
|
break;
|
129
135
|
case PageDown:
|
130
|
-
data.x =
|
136
|
+
data.x = position - computedMultipleSteps;
|
131
137
|
data.deltaX = -computedMultipleSteps;
|
132
138
|
break;
|
133
139
|
case End:
|
@@ -148,29 +154,32 @@ var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
148
154
|
* см. функция clamp
|
149
155
|
*/
|
150
156
|
var boundedValue = Math.max(Math.min(right, data.x), left);
|
151
|
-
var computedValue = (0,
|
157
|
+
var computedValue = (0, _utils2.getSliderThumbValue)(boundedValue, stepSize, min, max);
|
152
158
|
lastOnChangeValue.current = computedValue;
|
153
159
|
onChangeCommitted && onChangeCommitted(computedValue, data);
|
154
160
|
};
|
155
161
|
return /*#__PURE__*/_react["default"].createElement(_reactDraggable["default"], {
|
156
|
-
axis:
|
162
|
+
axis: isVertical ? 'y' : 'x',
|
157
163
|
bounds: computedBounds,
|
158
|
-
grid: [stepSize, 1],
|
164
|
+
grid: isVertical ? [1, stepSize] : [stepSize, 1],
|
159
165
|
onStop: onStop,
|
160
166
|
onDrag: onDrag,
|
161
|
-
position:
|
167
|
+
position: dragPosition,
|
162
168
|
disabled: disabled
|
163
169
|
}, /*#__PURE__*/_react["default"].createElement(_Handler.HandlerStyled, {
|
164
170
|
ref: ref,
|
165
171
|
style: {
|
166
172
|
zIndex: zIndex
|
167
173
|
},
|
174
|
+
className: (0, _utils.cx)(isVertical && _Slider.classes.verticalOrientation, valuePlacement === 'left' && _Slider.classes.valuePlacementLeft),
|
175
|
+
isLarge: size === 'l',
|
168
176
|
onKeyDown: onKeyPress
|
169
177
|
}, /*#__PURE__*/_react["default"].createElement(_Thumb.Thumb, _extends({
|
170
178
|
tabIndex: tabIndex,
|
171
179
|
min: min,
|
172
180
|
max: max,
|
173
181
|
value: value,
|
174
|
-
disabled: disabled
|
182
|
+
disabled: disabled,
|
183
|
+
orientation: orientation
|
175
184
|
}, rest)), showCurrentValueCondition && /*#__PURE__*/_react["default"].createElement(_Handler.StyledValue, null, value)));
|
176
185
|
});
|
@@ -7,9 +7,12 @@ exports.StyledValue = exports.HandlerStyled = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
var HandlerStyled = exports.HandlerStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-a1py3c-0"
|
12
|
-
})(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;"]);
|
13
10
|
var StyledValue = exports.StyledValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-a1py3c-0"
|
12
|
+
})(["position:absolute;z-index:1;top:var(", ");text-align:center;width:100%;margin-left:-0.125rem;display:flex;justify-content:center;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Slider.tokens.currentValueTopOffset, _Slider.tokens.currentValueFontFamily, _Slider.tokens.currentValueFontSize, _Slider.tokens.currentValueFontStyle, _Slider.tokens.currentValueFontWeight, _Slider.tokens.currentValueLetterSpacing, _Slider.tokens.currentValueLineHeight);
|
13
|
+
var HandlerStyled = exports.HandlerStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-a1py3c-1"
|
15
|
-
})(["position:absolute;z-index:1;top:
|
15
|
+
})(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:flex;align-items:center;--thumb-size:", ";&.", "{left:0.125rem;right:0;align-items:flex-start;justify-content:center;", "{margin:0;top:0;bottom:0;right:0;left:calc(var(", ") - (var(", ") - var(--thumb-size)) / 2 + 0.25rem);align-items:center;justify-content:flex-start;}}&.", "{", "{left:auto;right:calc(var(", ") - (var(", ") - var(--thumb-size)) / 2 + 0.3125rem);justify-content:flex-end;}}"], function (_ref) {
|
16
|
+
var isLarge = _ref.isLarge;
|
17
|
+
return isLarge ? "var(".concat(_Slider.tokens.thumbSizeLarge, ")") : "var(".concat(_Slider.tokens.thumbSize, ")");
|
18
|
+
}, _Slider.classes.verticalOrientation, StyledValue, _Slider.tokens.size, _Slider.tokens.size, _Slider.classes.valuePlacementLeft, StyledValue, _Slider.tokens.size, _Slider.tokens.size);
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.Thumb = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
8
|
var _Thumb = /*#__PURE__*/require("./Thumb.styles");
|
9
|
-
var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
|
9
|
+
var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled", "orientation"];
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
11
|
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); }
|
12
12
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
@@ -19,6 +19,7 @@ var Thumb = exports.Thumb = function Thumb(_ref) {
|
|
19
19
|
ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
|
20
20
|
ariaLabel = _ref.ariaLabel,
|
21
21
|
disabled = _ref.disabled,
|
22
|
+
orientation = _ref.orientation,
|
22
23
|
rest = _objectWithoutProperties(_ref, _excluded);
|
23
24
|
return /*#__PURE__*/_react["default"].createElement(_Thumb.ThumbBase, _extends({
|
24
25
|
role: "slider",
|
@@ -27,6 +28,6 @@ var Thumb = exports.Thumb = function Thumb(_ref) {
|
|
27
28
|
"aria-valuemax": max,
|
28
29
|
"aria-valuenow": value,
|
29
30
|
disabled: disabled,
|
30
|
-
"aria-orientation":
|
31
|
+
"aria-orientation": orientation
|
31
32
|
}, rest));
|
32
33
|
};
|
@@ -10,8 +10,8 @@ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
11
|
var ThumbBase = exports.ThumbBase = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-13botku-0"
|
13
|
-
})(["width:var(
|
14
|
-
outlineOffset: '0.
|
13
|
+
})(["width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;left:-0.0625rem;top:-0.0625rem;border-radius:50%;box-sizing:border-box;background:var(", ");margin:0.0625rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", ");margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", ""], _Slider.tokens.thumbBackgroundColor, _Slider.tokens.thumbBorderColor, _Slider.tokens.thumbFocusBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
14
|
+
outlineOffset: '0.0625rem',
|
15
15
|
outlineSize: '0.125rem',
|
16
16
|
outlineRadius: '50%',
|
17
17
|
outlineColor: /*#__PURE__*/"var(".concat(_Slider.tokens.thumbFocusBorderColor, ")")
|
@@ -14,8 +14,8 @@ exports.sizeData = void 0;
|
|
14
14
|
* @param {number} max
|
15
15
|
* @return {number}
|
16
16
|
*/
|
17
|
-
function getSliderThumbValue(
|
18
|
-
var newValue = Math.round(
|
17
|
+
function getSliderThumbValue(handleCenterPosRelative, stepSize, min, max) {
|
18
|
+
var newValue = Math.round(handleCenterPosRelative / stepSize) + min;
|
19
19
|
return Math.min(Math.max(newValue, min), max);
|
20
20
|
}
|
21
21
|
|
@@ -26,11 +26,11 @@ function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
|
|
26
26
|
* @param {'left' | 'right'} side
|
27
27
|
* @return Array<number>
|
28
28
|
*/
|
29
|
-
function getOffsets(ref, side) {
|
29
|
+
function getOffsets(ref, side, isVertical) {
|
30
30
|
if (!ref || !('current' in ref) || !ref.current || !side) {
|
31
31
|
return [0, 0];
|
32
32
|
}
|
33
|
-
var size = ref.current.clientWidth;
|
33
|
+
var size = isVertical ? ref.current.clientHeight : ref.current.clientWidth;
|
34
34
|
if (side === 'left') {
|
35
35
|
return [0, size];
|
36
36
|
}
|
@@ -41,15 +41,33 @@ function getOffsets(ref, side) {
|
|
41
41
|
}
|
42
42
|
var sizeData = exports.sizeData = {
|
43
43
|
s: {
|
44
|
-
|
45
|
-
|
44
|
+
s: {
|
45
|
+
indent: 0.5,
|
46
|
+
fontSizeMultiplier: 16
|
47
|
+
},
|
48
|
+
l: {
|
49
|
+
indent: 0.625,
|
50
|
+
fontSizeMultiplier: 16
|
51
|
+
}
|
46
52
|
},
|
47
53
|
m: {
|
48
|
-
|
49
|
-
|
54
|
+
s: {
|
55
|
+
indent: 0.5,
|
56
|
+
fontSizeMultiplier: 16
|
57
|
+
},
|
58
|
+
l: {
|
59
|
+
indent: 0.625,
|
60
|
+
fontSizeMultiplier: 16
|
61
|
+
}
|
50
62
|
},
|
51
63
|
l: {
|
52
|
-
|
53
|
-
|
64
|
+
s: {
|
65
|
+
indent: 0.5,
|
66
|
+
fontSizeMultiplier: 16
|
67
|
+
},
|
68
|
+
l: {
|
69
|
+
indent: 0.625,
|
70
|
+
fontSizeMultiplier: 16
|
71
|
+
}
|
54
72
|
}
|
55
73
|
};
|
@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var
|
8
|
+
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{height:100%;display:inline-flex;}"], _Slider.classes.verticalOrientation);
|
@@ -15,9 +15,8 @@ var _TextArea = /*#__PURE__*/require("./TextArea.styles");
|
|
15
15
|
var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
|
16
16
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
17
17
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
18
|
-
var _base3 = /*#__PURE__*/require("./variations/
|
19
|
-
var
|
20
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
18
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
21
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
22
|
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); }
|
@@ -62,6 +61,7 @@ var getDynamicLabelClasses = exports.getDynamicLabelClasses = function getDynami
|
|
62
61
|
var readOnly = props.readOnly,
|
63
62
|
label = props.label,
|
64
63
|
labelPlacement = props.labelPlacement,
|
64
|
+
autoResize = props.autoResize,
|
65
65
|
rows = props.rows,
|
66
66
|
value = props.value,
|
67
67
|
size = props.size;
|
@@ -70,10 +70,10 @@ var getDynamicLabelClasses = exports.getDynamicLabelClasses = function getDynami
|
|
70
70
|
var withFocusedOuterUpPlaceholder = !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;
|
71
71
|
|
72
72
|
// Добавить класс отвечающий за поднятие и уменьшение плейсхолдера
|
73
|
-
var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
|
73
|
+
var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !autoResize && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
|
74
74
|
|
75
75
|
// Добавить класс отвечающий за скрытие плейсхолдера
|
76
|
-
var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && rows || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
|
76
|
+
var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && (rows || autoResize) || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
|
77
77
|
return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];
|
78
78
|
};
|
79
79
|
var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
@@ -104,8 +104,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
104
104
|
requiredPlacement = _props$requiredPlacem === void 0 ? 'right' : _props$requiredPlacem,
|
105
105
|
_props$optional = props.optional,
|
106
106
|
optional = _props$optional === void 0 ? false : _props$optional,
|
107
|
-
clear = props.clear,
|
108
|
-
hasDivider = props.hasDivider,
|
109
107
|
size = props.size,
|
110
108
|
view = props.view,
|
111
109
|
id = props.id,
|
@@ -138,8 +136,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
138
136
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
139
137
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
140
138
|
var placeholderLabel = hasInnerLabel ? label : placeholder;
|
141
|
-
var clearClass = clear ? _TextArea2.classes.clear : undefined;
|
142
|
-
var hasDividerClass = hasDivider ? _TextArea2.classes.hasDivider : undefined;
|
143
139
|
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
144
140
|
(0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
|
145
141
|
var inlineWidth = currentElement.style.width;
|
@@ -149,7 +145,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
149
145
|
setHelperWidth("".concat(elementWidth / _hooks.ROOT_FONT_SIZE, "rem"));
|
150
146
|
}
|
151
147
|
});
|
152
|
-
(0, _hooks.useAutoResize)(autoResize
|
148
|
+
(0, _hooks.useAutoResize)(autoResize, outerRef, value, minAuto, maxAuto);
|
153
149
|
var onFocusHandler = (0, _react.useCallback)(function () {
|
154
150
|
setFocused(true);
|
155
151
|
}, []);
|
@@ -163,25 +159,27 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
163
159
|
}
|
164
160
|
onChange === null || onChange === void 0 || onChange(event);
|
165
161
|
}, [value, onChange]);
|
166
|
-
var dynamicLabelClasses = getDynamicLabelClasses({
|
162
|
+
var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
|
167
163
|
size: size,
|
168
164
|
readOnly: readOnly,
|
169
165
|
label: label,
|
170
166
|
labelPlacement: labelPlacement,
|
171
|
-
value: value || uncontrolledValue || defaultValue
|
167
|
+
value: value || uncontrolledValue || defaultValue
|
168
|
+
}, rows ? {
|
172
169
|
rows: rows
|
173
|
-
}
|
170
|
+
} : {
|
171
|
+
autoResize: autoResize
|
172
|
+
}), focused);
|
174
173
|
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
175
174
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
176
175
|
view: overriddenView,
|
177
176
|
size: size,
|
178
177
|
disabled: disabled,
|
179
178
|
readOnly: readOnly,
|
180
|
-
clear: clear,
|
181
179
|
style: _objectSpread({
|
182
180
|
width: helperWidth
|
183
181
|
}, style),
|
184
|
-
className:
|
182
|
+
className: className
|
185
183
|
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, required && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicator, {
|
186
184
|
className: (0, _utils.cx)(_TextArea2.classes.outerLabelPlacement, requiredPlacementClass)
|
187
185
|
}), label, optionalTextNode), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
|
@@ -202,7 +200,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
202
200
|
applyCustomWidth: applyCustomWidth,
|
203
201
|
ref: outerRef,
|
204
202
|
disabled: disabled,
|
205
|
-
height: autoResize
|
203
|
+
height: autoResize ? minAuto : height,
|
206
204
|
width: width,
|
207
205
|
placeholder: placeholderLabel,
|
208
206
|
"aria-describedby": textareaHelperId,
|
@@ -235,12 +233,8 @@ var textAreaConfig = exports.textAreaConfig = {
|
|
235
233
|
view: {
|
236
234
|
css: _base.base
|
237
235
|
},
|
238
|
-
clear: {
|
239
|
-
css: _base3.base,
|
240
|
-
attrs: true
|
241
|
-
},
|
242
236
|
disabled: {
|
243
|
-
css:
|
237
|
+
css: _base3.base,
|
244
238
|
attrs: true
|
245
239
|
},
|
246
240
|
readOnly: {
|
@@ -104,35 +104,6 @@ export function App() {
|
|
104
104
|
}
|
105
105
|
```
|
106
106
|
|
107
|
-
### Clear
|
108
|
-
На отображение TextArea влияют свойства `clear` и `hasDivider`.
|
109
|
-
При этом `hasDivider` не может использоваться без `clear`.
|
110
|
-
Свойства `minAuto`, `maxAuto`, `autoResize`, `rows` и `cols`, `height` и `width` игнорируются.
|
111
|
-
Высота TextArea в таком случае регулируется по длине контента внутри:
|
112
|
-
|
113
|
-
```tsx live
|
114
|
-
import React from 'react';
|
115
|
-
import { TextArea } from '@salutejs/{{ package }}';
|
116
|
-
|
117
|
-
export function App() {
|
118
|
-
const [value, setValue] = React.useState('Значение');
|
119
|
-
|
120
|
-
return (
|
121
|
-
<div>
|
122
|
-
<TextArea
|
123
|
-
placeholder="Введите значение"
|
124
|
-
value={value}
|
125
|
-
onChange={(e) => {
|
126
|
-
setValue(e.target.value);
|
127
|
-
}}
|
128
|
-
clear
|
129
|
-
hasDivider
|
130
|
-
/>
|
131
|
-
</div>
|
132
|
-
);
|
133
|
-
}
|
134
|
-
```
|
135
|
-
|
136
107
|
### Подсказка
|
137
108
|
Для вывода подсказки снизу от поля используйте свойство `leftHelper` и/или `rightHelper`.
|
138
109
|
|
@@ -22,10 +22,7 @@ var classes = exports.classes = {
|
|
22
22
|
/** Класс для компонента `StyledHelpers` */
|
23
23
|
styledHelpers: 'textarea-helpers',
|
24
24
|
innerLabelPlacement: 'label-placement-inner',
|
25
|
-
outerLabelPlacement: 'label-placement-outer'
|
26
|
-
/** Класс для view `clear` */
|
27
|
-
clear: 'textfield-clear',
|
28
|
-
hasDivider: 'hasDivider'
|
25
|
+
outerLabelPlacement: 'label-placement-outer'
|
29
26
|
};
|
30
27
|
var tokens = exports.tokens = {
|
31
28
|
/** Цвет фона для элемента textarea */
|
@@ -54,14 +51,12 @@ var tokens = exports.tokens = {
|
|
54
51
|
helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
|
55
52
|
/** Цвет текста для элемента textarea */
|
56
53
|
inputColor: '--plasma-textarea-input-color',
|
57
|
-
clearInputColor: '--plasma-textarea-input-clear-color',
|
58
54
|
/** Цвет текста для элемента textarea в состоянии focus */
|
59
55
|
inputColorFocus: '--plasma-textarea-input-color-focus',
|
60
56
|
/** Цвет каретки для элемента textarea */
|
61
57
|
inputCaretColor: '--plasma-textarea-input-caret-color',
|
62
58
|
/** Цвет элемента placeholder */
|
63
59
|
placeholderColor: '--plasma-textarea-placeholder-color',
|
64
|
-
clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
|
65
60
|
/** Цвет элемента placeholder в состоянии focus */
|
66
61
|
placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
|
67
62
|
/** Цвет элемента optional */
|
@@ -102,7 +97,6 @@ var tokens = exports.tokens = {
|
|
102
97
|
inputPaddingLeft: '--plasma-textarea-input-padding-left',
|
103
98
|
/** Отступ сверху для блока подписей */
|
104
99
|
helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
|
105
|
-
clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
|
106
100
|
/** Отступ справа для блока подписей */
|
107
101
|
helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
|
108
102
|
/** Отступ снизу для блока подписей */
|
@@ -133,7 +127,6 @@ var tokens = exports.tokens = {
|
|
133
127
|
labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
|
134
128
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
135
129
|
labelMarginBottom: '--plasma-textarea-label-margin-bottom',
|
136
|
-
clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
|
137
130
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
138
131
|
labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
|
139
132
|
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
@@ -185,11 +178,5 @@ var tokens = exports.tokens = {
|
|
185
178
|
indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
|
186
179
|
indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
|
187
180
|
indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
|
188
|
-
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
189
|
-
clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
|
190
|
-
clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
|
191
|
-
dividerColor: '--plasma-textfield-divider-color',
|
192
|
-
dividerColorHover: '--plasma-textfield-divider-color-hover',
|
193
|
-
dividerColorFocus: '--plasma-textfield-divider-color-focus',
|
194
|
-
dividerColorReadOnly: '--plasma-textfield-divider-color-readonly'
|
181
|
+
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
195
182
|
};
|
@@ -9,5 +9,5 @@ var _TextArea = /*#__PURE__*/require("../../TextArea.tokens");
|
|
9
9
|
var styledContainer = _TextArea.classes.styledContainer,
|
10
10
|
styledTextAreaWrapper = _TextArea.classes.styledTextAreaWrapper,
|
11
11
|
styledHelpers = _TextArea.classes.styledHelpers;
|
12
|
-
var exclusionSelectors =
|
12
|
+
var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
|
13
13
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");border:var(", ") solid var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{border:var(", ") solid var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{border:var(", ") solid var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);
|
@@ -18,9 +18,9 @@ var config = exports.config = {
|
|
18
18
|
gradient: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor)
|
19
19
|
},
|
20
20
|
size: {
|
21
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.
|
23
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
|
22
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
|
23
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight)
|
24
24
|
},
|
25
25
|
disabled: {
|
26
26
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Slider.sliderTokens.disabledOpacity)
|