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

package/components/Radiobox/Radiobox.d.ts

@@ -1,8 +1,54 @@
 import { ComponentProps } from 'react';
-declare const RadioboxComponent: import("react").FunctionComponent<any>;
+declare const RadioboxComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        primary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        tertiary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        paragraph: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    focused: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
 export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
 /**
  * Переключатель, или *радиокнопка*.
  */
-export declare const Radiobox: import("react").FunctionComponent<any>;
+export declare const Radiobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        primary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        tertiary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        paragraph: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    focused: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
 export { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';

package/components/Radiobox/Radiobox.js

@@ -1,23 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get RadioGroup () {
-        return _styledcomponents.RadioGroup;
-    },
-    get Radiobox () {
-        return Radiobox;
-    }
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.RadioGroup;
+  }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Radioboxconfig = require("./Radiobox.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.radioboxConfig, _Radioboxconfig.config);
-var RadioboxComponent = (0, _styledcomponents.component)(mergedConfig);
-var Radiobox = RadioboxComponent;
+exports.Radiobox = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Radiobox = /*#__PURE__*/require("./Radiobox.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.radioboxConfig, _Radiobox.config);
+var RadioboxComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+/**
+ * Переключатель, или *радиокнопка*.
+ */
+var Radiobox = exports.Radiobox = RadioboxComponent;

package/components/Radiobox/Radiobox.perftest.js

@@ -1,40 +1,36 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Default", {
-    enumerable: true,
-    get: function() {
-        return Default;
-    }
-});
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _ = require(".");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-var func = function() {};
+exports.Default = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _ = /*#__PURE__*/require(".");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var func = function func() {};
 var defaultProps = {
-    name: 'Radiobox',
-    label: 'Label',
-    description: 'Description',
-    disabled: false,
-    size: 'm'
-};
-var Default = function() {
-    var name = defaultProps.name, label = defaultProps.label, disabled = defaultProps.disabled, description = defaultProps.description, size = defaultProps.size;
-    return /*#__PURE__*/ _react.default.createElement(_.Radiobox, {
-        name: name,
-        value: 0,
-        label: label,
-        description: description,
-        disabled: disabled,
-        checked: true,
-        size: size,
-        onChange: func,
-        onFocus: func,
-        onBlur: func
-    });
+  name: 'Radiobox',
+  label: 'Label',
+  description: 'Description',
+  disabled: false,
+  size: 'm'
 };
+var Default = exports.Default = function Default() {
+  var name = defaultProps.name,
+    label = defaultProps.label,
+    disabled = defaultProps.disabled,
+    description = defaultProps.description,
+    size = defaultProps.size;
+  return /*#__PURE__*/_react["default"].createElement(_.Radiobox, {
+    name: name,
+    value: 0,
+    label: label,
+    description: description,
+    disabled: disabled,
+    checked: true,
+    size: size,
+    onChange: func,
+    onFocus: func,
+    onBlur: func
+  });
+};

package/components/Radiobox/index.js

@@ -1,19 +1,18 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get RadioGroup () {
-        return _Radiobox.RadioGroup;
-    },
-    get Radiobox () {
-        return _Radiobox.Radiobox;
-    }
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Radiobox.RadioGroup;
+  }
 });
-var _Radiobox = require("./Radiobox");
+Object.defineProperty(exports, "Radiobox", {
+  enumerable: true,
+  get: function get() {
+    return _Radiobox.Radiobox;
+  }
+});
+var _Radiobox = /*#__PURE__*/require("./Radiobox");

package/components/Range/Range.config.js

@@ -1,324 +1,32 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-negative);\n                ",
-        ": var(--surface-positive);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--text-positive);\n\n                ",
-        ": var(--surface-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-accent);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--surface-negative);\n                ",
-        ": var(--surface-negative-hover);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-positive-hover);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-tertiary);\n\n                ",
-        ": var(--text-accent);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.0625rem;\n\n                ",
-        ": 0 0.375rem;\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n\n                ",
-        ": 0 0 0 1rem;\n                ",
-        ": 0;\n\n                ",
-        ": 0.75rem;\n\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0.5rem auto auto -0.75rem;\n                ",
-        ": 0 0 auto auto;\n                ",
-        ": 0.25rem -0.625rem auto auto;\n\n                ",
-        ": 3.5rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n\n                ",
-        ": 0.25rem 0 0 0;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ",
-        ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n\n                ",
-        ": 0 0.375rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0 0 0 0.875rem;\n                ",
-        ": 0;\n\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0.375rem auto auto -0.75rem;\n                ",
-        ": 0 0 auto auto;\n                ",
-        ": 0.25rem -0.6875rem auto auto;\n\n                ",
-        ": 3rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 0.875rem 1rem 0.875rem 1rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.25rem 0 0 0;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ",
-        ": -0.125rem -0.125rem -0.125rem 0.75rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n\n                ",
-        ": 0 0.375rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0 0 0 0.75rem;\n                ",
-        ": 0;\n\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\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.375rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0.3125rem auto auto -0.6875rem;\n                ",
-        ": 0 0 auto auto;\n                ",
-        ": 0.25rem -0.625rem auto auto;\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\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.25rem 0 0 0;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ",
-        ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n\n                ",
-        ": 0 0.375rem;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 0 0 0 0.5rem;\n                ",
-        ": 0;\n\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": 0.375rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0.25rem auto auto -0.625rem;\n                ",
-        ": 0 0 auto auto;\n                ",
-        ": 0.125rem -0.6875rem auto auto;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": 0.25rem 0 0 0;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\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                ",
-        ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ",
-        ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": 0.4;\n                ",
-        ": 0.4;\n                ",
-        ": 0.4;\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": transparent;\n                ",
-        ": var(--text-secondary);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 'l'
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive-hover);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.rangeTokens.background, _styledComponents.rangeTokens.borderColor, _styledComponents.rangeTokens.borderColorError, _styledComponents.rangeTokens.borderColorSuccess, _styledComponents.rangeTokens.dividerColor, _styledComponents.rangeTokens.labelColor, _styledComponents.rangeTokens.leftHelperColor, _styledComponents.rangeTokens.leftHelperColorError, _styledComponents.rangeTokens.leftHelperColorSuccess, _styledComponents.rangeTokens.indicatorColor, _styledComponents.rangeTokens.textFieldColor, _styledComponents.rangeTokens.textFieldPlaceholderColor, _styledComponents.rangeTokens.textFieldPlaceholderColorFocus, _styledComponents.rangeTokens.textFieldCaretColor, _styledComponents.rangeTokens.textFieldBorderColorHover, _styledComponents.rangeTokens.textFieldBorderColorFocus, _styledComponents.rangeTokens.textFieldBorderColorError, _styledComponents.rangeTokens.textFieldBorderColorErrorHover, _styledComponents.rangeTokens.textFieldBorderColorErrorFocus, _styledComponents.rangeTokens.textFieldBorderColorSuccess, _styledComponents.rangeTokens.textFieldBorderColorSuccessHover, _styledComponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledComponents.rangeTokens.textFieldTextBeforeColor, _styledComponents.rangeTokens.textFieldTextAfterColor, _styledComponents.rangeTokens.focusColor)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 0 0 1rem;\n                ", ": 0;\n\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 3.5rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), _styledComponents.rangeTokens.borderRadius, _styledComponents.rangeTokens.borderWidth, _styledComponents.rangeTokens.dividerPadding, _styledComponents.rangeTokens.dividerFontFamily, _styledComponents.rangeTokens.dividerFontStyle, _styledComponents.rangeTokens.dividerFontSize, _styledComponents.rangeTokens.dividerFontWeight, _styledComponents.rangeTokens.dividerLetterSpacing, _styledComponents.rangeTokens.dividerLineHeight, _styledComponents.rangeTokens.leftContentMargin, _styledComponents.rangeTokens.rightContentMargin, _styledComponents.rangeTokens.labelOffset, _styledComponents.rangeTokens.labelFontFamily, _styledComponents.rangeTokens.labelFontStyle, _styledComponents.rangeTokens.labelFontSize, _styledComponents.rangeTokens.labelFontWeight, _styledComponents.rangeTokens.labelLetterSpacing, _styledComponents.rangeTokens.labelLineHeight, _styledComponents.rangeTokens.indicatorSize, _styledComponents.rangeTokens.indicatorSizeOuter, _styledComponents.rangeTokens.indicatorPlacement, _styledComponents.rangeTokens.indicatorOuterPlacement, _styledComponents.rangeTokens.indicatorPlacementRight, _styledComponents.rangeTokens.indicatorOuterPlacementRight, _styledComponents.rangeTokens.textFieldHeight, _styledComponents.rangeTokens.textFieldBorderRadius, _styledComponents.rangeTokens.textFieldBorderWidth, _styledComponents.rangeTokens.textFieldPadding, _styledComponents.rangeTokens.textFieldFontFamily, _styledComponents.rangeTokens.textFieldFontStyle, _styledComponents.rangeTokens.textFieldFontSize, _styledComponents.rangeTokens.textFieldFontWeight, _styledComponents.rangeTokens.textFieldLetterSpacing, _styledComponents.rangeTokens.textFieldLineHeight, _styledComponents.rangeTokens.leftHelperOffset, _styledComponents.rangeTokens.leftHelperFontFamily, _styledComponents.rangeTokens.leftHelperFontStyle, _styledComponents.rangeTokens.leftHelperFontSize, _styledComponents.rangeTokens.leftHelperFontWeight, _styledComponents.rangeTokens.leftHelperLetterSpacing, _styledComponents.rangeTokens.leftHelperLineHeight, _styledComponents.rangeTokens.textFieldLeftContentMargin, _styledComponents.rangeTokens.textFieldRightContentMargin, _styledComponents.rangeTokens.textFieldTextBeforeMargin, _styledComponents.rangeTokens.textFieldTextAfterMargin),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.875rem;\n                ", ": 0;\n\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n\n                ", ": 3rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), _styledComponents.rangeTokens.borderRadius, _styledComponents.rangeTokens.borderWidth, _styledComponents.rangeTokens.dividerPadding, _styledComponents.rangeTokens.dividerFontFamily, _styledComponents.rangeTokens.dividerFontStyle, _styledComponents.rangeTokens.dividerFontSize, _styledComponents.rangeTokens.dividerFontWeight, _styledComponents.rangeTokens.dividerLetterSpacing, _styledComponents.rangeTokens.dividerLineHeight, _styledComponents.rangeTokens.leftContentMargin, _styledComponents.rangeTokens.rightContentMargin, _styledComponents.rangeTokens.labelOffset, _styledComponents.rangeTokens.labelFontFamily, _styledComponents.rangeTokens.labelFontStyle, _styledComponents.rangeTokens.labelFontSize, _styledComponents.rangeTokens.labelFontWeight, _styledComponents.rangeTokens.labelLetterSpacing, _styledComponents.rangeTokens.labelLineHeight, _styledComponents.rangeTokens.indicatorSize, _styledComponents.rangeTokens.indicatorSizeOuter, _styledComponents.rangeTokens.indicatorPlacement, _styledComponents.rangeTokens.indicatorOuterPlacement, _styledComponents.rangeTokens.indicatorPlacementRight, _styledComponents.rangeTokens.indicatorOuterPlacementRight, _styledComponents.rangeTokens.textFieldHeight, _styledComponents.rangeTokens.textFieldBorderRadius, _styledComponents.rangeTokens.textFieldBorderWidth, _styledComponents.rangeTokens.textFieldPadding, _styledComponents.rangeTokens.textFieldFontFamily, _styledComponents.rangeTokens.textFieldFontStyle, _styledComponents.rangeTokens.textFieldFontSize, _styledComponents.rangeTokens.textFieldFontWeight, _styledComponents.rangeTokens.textFieldLetterSpacing, _styledComponents.rangeTokens.textFieldLineHeight, _styledComponents.rangeTokens.leftHelperOffset, _styledComponents.rangeTokens.leftHelperFontFamily, _styledComponents.rangeTokens.leftHelperFontStyle, _styledComponents.rangeTokens.leftHelperFontSize, _styledComponents.rangeTokens.leftHelperFontWeight, _styledComponents.rangeTokens.leftHelperLetterSpacing, _styledComponents.rangeTokens.leftHelperLineHeight, _styledComponents.rangeTokens.textFieldLeftContentMargin, _styledComponents.rangeTokens.textFieldRightContentMargin, _styledComponents.rangeTokens.textFieldTextBeforeMargin, _styledComponents.rangeTokens.textFieldTextAfterMargin),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\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.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), _styledComponents.rangeTokens.borderRadius, _styledComponents.rangeTokens.borderWidth, _styledComponents.rangeTokens.dividerPadding, _styledComponents.rangeTokens.dividerFontFamily, _styledComponents.rangeTokens.dividerFontStyle, _styledComponents.rangeTokens.dividerFontSize, _styledComponents.rangeTokens.dividerFontWeight, _styledComponents.rangeTokens.dividerLetterSpacing, _styledComponents.rangeTokens.dividerLineHeight, _styledComponents.rangeTokens.leftContentMargin, _styledComponents.rangeTokens.rightContentMargin, _styledComponents.rangeTokens.labelOffset, _styledComponents.rangeTokens.labelFontFamily, _styledComponents.rangeTokens.labelFontStyle, _styledComponents.rangeTokens.labelFontSize, _styledComponents.rangeTokens.labelFontWeight, _styledComponents.rangeTokens.labelLetterSpacing, _styledComponents.rangeTokens.labelLineHeight, _styledComponents.rangeTokens.indicatorSize, _styledComponents.rangeTokens.indicatorSizeOuter, _styledComponents.rangeTokens.indicatorPlacement, _styledComponents.rangeTokens.indicatorOuterPlacement, _styledComponents.rangeTokens.indicatorPlacementRight, _styledComponents.rangeTokens.indicatorOuterPlacementRight, _styledComponents.rangeTokens.textFieldHeight, _styledComponents.rangeTokens.textFieldBorderRadius, _styledComponents.rangeTokens.textFieldBorderWidth, _styledComponents.rangeTokens.textFieldPadding, _styledComponents.rangeTokens.textFieldFontFamily, _styledComponents.rangeTokens.textFieldFontStyle, _styledComponents.rangeTokens.textFieldFontSize, _styledComponents.rangeTokens.textFieldFontWeight, _styledComponents.rangeTokens.textFieldLetterSpacing, _styledComponents.rangeTokens.textFieldLineHeight, _styledComponents.rangeTokens.leftHelperOffset, _styledComponents.rangeTokens.leftHelperFontFamily, _styledComponents.rangeTokens.leftHelperFontStyle, _styledComponents.rangeTokens.leftHelperFontSize, _styledComponents.rangeTokens.leftHelperFontWeight, _styledComponents.rangeTokens.leftHelperLetterSpacing, _styledComponents.rangeTokens.leftHelperLineHeight, _styledComponents.rangeTokens.textFieldLeftContentMargin, _styledComponents.rangeTokens.textFieldRightContentMargin, _styledComponents.rangeTokens.textFieldTextBeforeMargin, _styledComponents.rangeTokens.textFieldTextAfterMargin),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0;\n\n                ", ": 0.375rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), _styledComponents.rangeTokens.borderRadius, _styledComponents.rangeTokens.borderWidth, _styledComponents.rangeTokens.dividerPadding, _styledComponents.rangeTokens.dividerFontFamily, _styledComponents.rangeTokens.dividerFontStyle, _styledComponents.rangeTokens.dividerFontSize, _styledComponents.rangeTokens.dividerFontWeight, _styledComponents.rangeTokens.dividerLetterSpacing, _styledComponents.rangeTokens.dividerLineHeight, _styledComponents.rangeTokens.leftContentMargin, _styledComponents.rangeTokens.rightContentMargin, _styledComponents.rangeTokens.labelOffset, _styledComponents.rangeTokens.labelFontFamily, _styledComponents.rangeTokens.labelFontStyle, _styledComponents.rangeTokens.labelFontSize, _styledComponents.rangeTokens.labelFontWeight, _styledComponents.rangeTokens.labelLetterSpacing, _styledComponents.rangeTokens.labelLineHeight, _styledComponents.rangeTokens.indicatorSize, _styledComponents.rangeTokens.indicatorSizeOuter, _styledComponents.rangeTokens.indicatorPlacement, _styledComponents.rangeTokens.indicatorOuterPlacement, _styledComponents.rangeTokens.indicatorPlacementRight, _styledComponents.rangeTokens.indicatorOuterPlacementRight, _styledComponents.rangeTokens.textFieldHeight, _styledComponents.rangeTokens.textFieldBorderRadius, _styledComponents.rangeTokens.textFieldBorderWidth, _styledComponents.rangeTokens.textFieldPadding, _styledComponents.rangeTokens.textFieldFontFamily, _styledComponents.rangeTokens.textFieldFontStyle, _styledComponents.rangeTokens.textFieldFontSize, _styledComponents.rangeTokens.textFieldFontWeight, _styledComponents.rangeTokens.textFieldLetterSpacing, _styledComponents.rangeTokens.textFieldLineHeight, _styledComponents.rangeTokens.leftHelperOffset, _styledComponents.rangeTokens.leftHelperFontFamily, _styledComponents.rangeTokens.leftHelperFontStyle, _styledComponents.rangeTokens.leftHelperFontSize, _styledComponents.rangeTokens.leftHelperFontWeight, _styledComponents.rangeTokens.leftHelperLetterSpacing, _styledComponents.rangeTokens.leftHelperLineHeight, _styledComponents.rangeTokens.textFieldLeftContentMargin, _styledComponents.rangeTokens.textFieldRightContentMargin, _styledComponents.rangeTokens.textFieldTextBeforeMargin, _styledComponents.rangeTokens.textFieldTextAfterMargin)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.rangeTokens.disabledOpacity)
     },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorHover, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessHover, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
-        },
-        size: {
-            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin)
-        },
-        disabled: {
-            true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.rangeTokens.disabledOpacity)
-        },
-        readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.rangeTokens.backgroundReadOnly, _styledcomponents.rangeTokens.borderColorReadOnly, _styledcomponents.rangeTokens.labelColorReadOnly, _styledcomponents.rangeTokens.leftHelperColorReadOnly, _styledcomponents.rangeTokens.dividerColorReadOnly, _styledcomponents.rangeTokens.readOnlyOpacity, _styledcomponents.rangeTokens.dividerOpacityReadOnly, _styledcomponents.rangeTokens.rightContentOpacityReadOnly, _styledcomponents.rangeTokens.textFieldColorReadOnly, _styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly, _styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly)
-        }
+    readOnly: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": 0.4;\n                ", ": 0.4;\n                ", ": 0.4;\n\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary);\n            "])), _styledComponents.rangeTokens.backgroundReadOnly, _styledComponents.rangeTokens.borderColorReadOnly, _styledComponents.rangeTokens.labelColorReadOnly, _styledComponents.rangeTokens.leftHelperColorReadOnly, _styledComponents.rangeTokens.dividerColorReadOnly, _styledComponents.rangeTokens.readOnlyOpacity, _styledComponents.rangeTokens.dividerOpacityReadOnly, _styledComponents.rangeTokens.rightContentOpacityReadOnly, _styledComponents.rangeTokens.textFieldColorReadOnly, _styledComponents.rangeTokens.textFieldBackgroundColorReadOnly, _styledComponents.rangeTokens.textFieldPlaceholderColorReadOnly)
     }
-};
+  }
+};