@salutejs/sdds-scan 0.349.0-next-sbcom.0 → 0.349.0

package/dist/styled-components/cjs/components/Notification/Notification.js

@@ -19,19 +19,18 @@ _export(exports, {
         return NotificationsProvider;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Notificationconfig = require("./Notification.config");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Notificationconfig = require("./Notification.config");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.notificationConfig, _Notificationconfig.config);
-var NotificationNewHope = (0, _styledcomponents.component)(mergedConfig);
-var Notification = NotificationNewHope;
-var NotificationsProvider = function NotificationsProvider(param) {
-    var children = param.children, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, placement = param.placement, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.notificationConfig, _Notificationconfig.config);
+const NotificationNewHope = (0, _styledcomponents.component)(mergedConfig);
+const Notification = NotificationNewHope;
+const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
     return /*#__PURE__*/ _react.default.createElement(_styledcomponents.NotificationsProvider, {
         config: mergedConfig,
         frame: frame,

package/dist/styled-components/cjs/components/Notification/index.js

@@ -22,5 +22,5 @@ _export(exports, {
         return _styledcomponents.closeNotification;
     }
 });
-var _Notification = require("./Notification");
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Notification = require("./Notification");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js

@@ -8,286 +8,8 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--inverse-text-tertiary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--inverse-surface-transparent-secondary);\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-solid-default);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--inverse-text-primary-hover);\n                ",
-        ": var(--surface-solid-default-hover);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--inverse-text-primary-active);\n                ",
-        ": var(--surface-solid-default-active);\n\n                ",
-        ": 0.4;\n\n                ",
-        ": inherit;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary-active);\n                ",
-        ": var(--surface-transparent-secondary-active);\n\n                ",
-        ": 0.4;\n\n                ",
-        ": inherit;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--on-dark-text-tertiary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--on-dark-surface-transparent-secondary);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--on-dark-text-primary-hover);\n                ",
-        ": var(--surface-accent-hover);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--on-dark-text-primary-active);\n                ",
-        ": var(--surface-accent-active);\n\n                ",
-        ": 0.4;\n\n                ",
-        ": inherit;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": transparent;\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": transparent;\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": transparent;\n                ",
-        ": var(--text-primary-active);\n                ",
-        ": transparent;\n\n                ",
-        ": 0.4;\n\n                ",
-        ": inherit;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 10.25rem;\n                ",
-        ": 3rem;\n                ",
-        ": 3rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0 0.125rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 3rem;\n                ",
-        ": 0.875rem 1rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1.375rem;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 8.75rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 1rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0 0.125rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.688rem 0.875rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1.375rem;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 50%;\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": transparent;\n                ",
-        ": transparent;\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject12() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0;\n            "
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject13() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject13 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 'm',
@@ -296,30 +18,209 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.numberInputTokens.caretColor, _styledcomponents.numberInputTokens.errorColor, _styledcomponents.numberInputTokens.backgroundErrorColor, _styledcomponents.numberInputTokens.color, _styledcomponents.numberInputTokens.colorSolid, _styledcomponents.numberInputTokens.additionalTextColor, _styledcomponents.numberInputTokens.additionalTextColorSolid, _styledcomponents.numberInputTokens.backgroundColorFocus, _styledcomponents.numberInputTokens.backgroundColorSolidFocus, _styledcomponents.numberInputTokens.backgroundColorSolid, _styledcomponents.numberInputTokens.iconButtonColor, _styledcomponents.numberInputTokens.iconButtonBackgroundColor, _styledcomponents.numberInputTokens.iconButtonColorHover, _styledcomponents.numberInputTokens.iconButtonColorSolidHover, _styledcomponents.numberInputTokens.iconButtonBackgroundColorHover, _styledcomponents.numberInputTokens.iconButtonColorActive, _styledcomponents.numberInputTokens.iconButtonColorSolidActive, _styledcomponents.numberInputTokens.iconButtonBackgroundColorActive, _styledcomponents.numberInputTokens.actionButtonDisabledOpacity, _styledcomponents.numberInputTokens.loaderSpinnerColor, _styledcomponents.numberInputTokens.loaderSpinnerColorSolid),
-            secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.numberInputTokens.caretColor, _styledcomponents.numberInputTokens.errorColor, _styledcomponents.numberInputTokens.backgroundErrorColor, _styledcomponents.numberInputTokens.color, _styledcomponents.numberInputTokens.colorSolid, _styledcomponents.numberInputTokens.additionalTextColor, _styledcomponents.numberInputTokens.additionalTextColorSolid, _styledcomponents.numberInputTokens.backgroundColorFocus, _styledcomponents.numberInputTokens.backgroundColorSolidFocus, _styledcomponents.numberInputTokens.backgroundColorSolid, _styledcomponents.numberInputTokens.iconButtonColor, _styledcomponents.numberInputTokens.iconButtonBackgroundColor, _styledcomponents.numberInputTokens.iconButtonColorHover, _styledcomponents.numberInputTokens.iconButtonColorSolidHover, _styledcomponents.numberInputTokens.iconButtonBackgroundColorHover, _styledcomponents.numberInputTokens.iconButtonColorActive, _styledcomponents.numberInputTokens.iconButtonColorSolidActive, _styledcomponents.numberInputTokens.iconButtonBackgroundColorActive, _styledcomponents.numberInputTokens.actionButtonDisabledOpacity, _styledcomponents.numberInputTokens.loaderSpinnerColor, _styledcomponents.numberInputTokens.loaderSpinnerColorSolid),
-            accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.numberInputTokens.caretColor, _styledcomponents.numberInputTokens.caretColorSolid, _styledcomponents.numberInputTokens.errorColor, _styledcomponents.numberInputTokens.backgroundErrorColor, _styledcomponents.numberInputTokens.color, _styledcomponents.numberInputTokens.colorSolid, _styledcomponents.numberInputTokens.additionalTextColor, _styledcomponents.numberInputTokens.additionalTextColorSolid, _styledcomponents.numberInputTokens.backgroundColorFocus, _styledcomponents.numberInputTokens.backgroundColorSolidFocus, _styledcomponents.numberInputTokens.backgroundColorSolid, _styledcomponents.numberInputTokens.iconButtonColor, _styledcomponents.numberInputTokens.iconButtonBackgroundColor, _styledcomponents.numberInputTokens.iconButtonColorHover, _styledcomponents.numberInputTokens.iconButtonColorSolidHover, _styledcomponents.numberInputTokens.iconButtonBackgroundColorHover, _styledcomponents.numberInputTokens.iconButtonColorActive, _styledcomponents.numberInputTokens.iconButtonColorSolidActive, _styledcomponents.numberInputTokens.iconButtonBackgroundColorActive, _styledcomponents.numberInputTokens.actionButtonDisabledOpacity, _styledcomponents.numberInputTokens.loaderSpinnerColor, _styledcomponents.numberInputTokens.loaderSpinnerColorSolid),
-            clear: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.numberInputTokens.caretColor, _styledcomponents.numberInputTokens.caretColorSolid, _styledcomponents.numberInputTokens.errorColor, _styledcomponents.numberInputTokens.backgroundErrorColor, _styledcomponents.numberInputTokens.color, _styledcomponents.numberInputTokens.colorSolid, _styledcomponents.numberInputTokens.iconButtonColorSolidHover, _styledcomponents.numberInputTokens.additionalTextColor, _styledcomponents.numberInputTokens.additionalTextColorSolid, _styledcomponents.numberInputTokens.backgroundColorFocus, _styledcomponents.numberInputTokens.backgroundColorSolidFocus, _styledcomponents.numberInputTokens.backgroundColorSolid, _styledcomponents.numberInputTokens.iconButtonColor, _styledcomponents.numberInputTokens.iconButtonBackgroundColor, _styledcomponents.numberInputTokens.iconButtonColorHover, _styledcomponents.numberInputTokens.iconButtonBackgroundColorHover, _styledcomponents.numberInputTokens.iconButtonColorActive, _styledcomponents.numberInputTokens.iconButtonBackgroundColorActive, _styledcomponents.numberInputTokens.actionButtonDisabledOpacity, _styledcomponents.numberInputTokens.loaderSpinnerColor, _styledcomponents.numberInputTokens.loaderSpinnerColorSolid)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.caretColor}: var(--text-accent);
+                ${_styledcomponents.numberInputTokens.errorColor}: var(--text-negative);
+                ${_styledcomponents.numberInputTokens.backgroundErrorColor}: var(--surface-transparent-negative);
+
+                ${_styledcomponents.numberInputTokens.color}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.colorSolid}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.additionalTextColor}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.additionalTextColorSolid}: var(--inverse-text-tertiary);
+                ${_styledcomponents.numberInputTokens.backgroundColorFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolid}: var(--surface-solid-default);
+
+                ${_styledcomponents.numberInputTokens.iconButtonColor}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColor}: var(--surface-solid-default);
+                ${_styledcomponents.numberInputTokens.iconButtonColorHover}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonColorActive}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);
+
+                ${_styledcomponents.numberInputTokens.actionButtonDisabledOpacity}: 0.4;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColor}: inherit;
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColorSolid}: inherit;
+            `,
+            secondary: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.caretColor}: var(--text-accent);
+                ${_styledcomponents.numberInputTokens.errorColor}: var(--text-negative);
+                ${_styledcomponents.numberInputTokens.backgroundErrorColor}: var(--surface-transparent-negative);
+
+                ${_styledcomponents.numberInputTokens.color}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.colorSolid}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.additionalTextColor}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.additionalTextColorSolid}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.backgroundColorFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolid}: var(--surface-transparent-secondary);
+
+                ${_styledcomponents.numberInputTokens.iconButtonColor}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorHover}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidHover}: var(--text-primary-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonColorActive}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidActive}: var(--text-primary-active);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+
+                ${_styledcomponents.numberInputTokens.actionButtonDisabledOpacity}: 0.4;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColor}: inherit;
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColorSolid}: inherit;
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.caretColor}: var(--text-accent);
+                ${_styledcomponents.numberInputTokens.caretColorSolid}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.errorColor}: var(--text-negative);
+                ${_styledcomponents.numberInputTokens.backgroundErrorColor}: var(--surface-transparent-negative);
+
+                ${_styledcomponents.numberInputTokens.color}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.colorSolid}: var(--on-dark-text-primary);
+                ${_styledcomponents.numberInputTokens.additionalTextColor}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);
+                ${_styledcomponents.numberInputTokens.backgroundColorFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolid}: var(--surface-accent);
+
+                ${_styledcomponents.numberInputTokens.iconButtonColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColor}: var(--surface-accent);
+                ${_styledcomponents.numberInputTokens.iconButtonColorHover}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonColorActive}: var(--inverse-text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);
+
+                ${_styledcomponents.numberInputTokens.actionButtonDisabledOpacity}: 0.4;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColor}: inherit;
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColorSolid}: inherit;
+            `,
+            clear: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.caretColor}: var(--text-accent);
+                ${_styledcomponents.numberInputTokens.caretColorSolid}: var(--text-accent);
+                ${_styledcomponents.numberInputTokens.errorColor}: var(--text-negative);
+                ${_styledcomponents.numberInputTokens.backgroundErrorColor}: var(--surface-transparent-negative);
+
+                ${_styledcomponents.numberInputTokens.color}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.colorSolid}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonColorSolidHover}: var(--text-primary-hover);
+                ${_styledcomponents.numberInputTokens.additionalTextColor}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.additionalTextColorSolid}: var(--text-tertiary);
+                ${_styledcomponents.numberInputTokens.backgroundColorFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);
+                ${_styledcomponents.numberInputTokens.backgroundColorSolid}: transparent;
+
+                ${_styledcomponents.numberInputTokens.iconButtonColor}: var(--text-primary);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColor}: transparent;
+                ${_styledcomponents.numberInputTokens.iconButtonColorHover}: var(--text-primary-hover);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorHover}: transparent;
+                ${_styledcomponents.numberInputTokens.iconButtonColorActive}: var(--text-primary-active);
+                ${_styledcomponents.numberInputTokens.iconButtonBackgroundColorActive}: transparent;
+
+                ${_styledcomponents.numberInputTokens.actionButtonDisabledOpacity}: 0.4;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColor}: inherit;
+                ${_styledcomponents.numberInputTokens.loaderSpinnerColorSolid}: inherit;
+            `
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.numberInputTokens.rootMinWidth, _styledcomponents.numberInputTokens.iconButtonHeight, _styledcomponents.numberInputTokens.iconButtonWidth, _styledcomponents.numberInputTokens.iconButtonPadding, _styledcomponents.numberInputTokens.iconButtonFontFamily, _styledcomponents.numberInputTokens.iconButtonFontSize, _styledcomponents.numberInputTokens.iconButtonFontStyle, _styledcomponents.numberInputTokens.iconButtonFontWeight, _styledcomponents.numberInputTokens.iconButtonLetterSpacing, _styledcomponents.numberInputTokens.iconButtonLineHeight, _styledcomponents.numberInputTokens.iconButtonRadius, _styledcomponents.numberInputTokens.iconButtonSegmentationRadius, _styledcomponents.numberInputTokens.inputWrapperMargin, _styledcomponents.numberInputTokens.inputWrapperBorderRadius, _styledcomponents.numberInputTokens.textWrapperHeight, _styledcomponents.numberInputTokens.textWrapperPadding, _styledcomponents.numberInputTokens.fontFamily, _styledcomponents.numberInputTokens.fontSize, _styledcomponents.numberInputTokens.fontStyle, _styledcomponents.numberInputTokens.fontWeight, _styledcomponents.numberInputTokens.letterSpacing, _styledcomponents.numberInputTokens.lineHeight, _styledcomponents.numberInputTokens.textBeforeMarginRight, _styledcomponents.numberInputTokens.textAfterMarginLeft, _styledcomponents.numberInputTokens.loaderSpinnerSize),
-            s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.numberInputTokens.rootMinWidth, _styledcomponents.numberInputTokens.iconButtonHeight, _styledcomponents.numberInputTokens.iconButtonWidth, _styledcomponents.numberInputTokens.iconButtonPadding, _styledcomponents.numberInputTokens.iconButtonFontFamily, _styledcomponents.numberInputTokens.iconButtonFontSize, _styledcomponents.numberInputTokens.iconButtonFontStyle, _styledcomponents.numberInputTokens.iconButtonFontWeight, _styledcomponents.numberInputTokens.iconButtonLetterSpacing, _styledcomponents.numberInputTokens.iconButtonLineHeight, _styledcomponents.numberInputTokens.iconButtonRadius, _styledcomponents.numberInputTokens.iconButtonSegmentationRadius, _styledcomponents.numberInputTokens.inputWrapperMargin, _styledcomponents.numberInputTokens.inputWrapperBorderRadius, _styledcomponents.numberInputTokens.textWrapperHeight, _styledcomponents.numberInputTokens.textWrapperPadding, _styledcomponents.numberInputTokens.fontFamily, _styledcomponents.numberInputTokens.fontSize, _styledcomponents.numberInputTokens.fontStyle, _styledcomponents.numberInputTokens.fontWeight, _styledcomponents.numberInputTokens.letterSpacing, _styledcomponents.numberInputTokens.lineHeight, _styledcomponents.numberInputTokens.textBeforeMarginRight, _styledcomponents.numberInputTokens.textAfterMarginLeft, _styledcomponents.numberInputTokens.loaderSpinnerSize)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.rootMinWidth}: 10.25rem;
+                ${_styledcomponents.numberInputTokens.iconButtonHeight}: 3rem;
+                ${_styledcomponents.numberInputTokens.iconButtonWidth}: 3rem;
+                ${_styledcomponents.numberInputTokens.iconButtonPadding}: 1.25rem;
+                ${_styledcomponents.numberInputTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.numberInputTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.numberInputTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.numberInputTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_styledcomponents.numberInputTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.numberInputTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.numberInputTokens.iconButtonRadius}: 0.75rem;
+                ${_styledcomponents.numberInputTokens.iconButtonSegmentationRadius}: 0.25rem;
+
+                ${_styledcomponents.numberInputTokens.inputWrapperMargin}: 0 0.125rem;
+                ${_styledcomponents.numberInputTokens.inputWrapperBorderRadius}: 0.75rem;
+                ${_styledcomponents.numberInputTokens.textWrapperHeight}: 3rem;
+                ${_styledcomponents.numberInputTokens.textWrapperPadding}: 0.875rem 1rem;
+
+                ${_styledcomponents.numberInputTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.numberInputTokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.numberInputTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.numberInputTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.numberInputTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.numberInputTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.numberInputTokens.textBeforeMarginRight}: 0.25rem;
+                ${_styledcomponents.numberInputTokens.textAfterMarginLeft}: 0.25rem;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerSize}: 1.375rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.rootMinWidth}: 8.75rem;
+                ${_styledcomponents.numberInputTokens.iconButtonHeight}: 2.5rem;
+                ${_styledcomponents.numberInputTokens.iconButtonWidth}: 2.5rem;
+                ${_styledcomponents.numberInputTokens.iconButtonPadding}: 1rem;
+                ${_styledcomponents.numberInputTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.numberInputTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.numberInputTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.numberInputTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
+                ${_styledcomponents.numberInputTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.numberInputTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.numberInputTokens.iconButtonRadius}: 0.625rem;
+                ${_styledcomponents.numberInputTokens.iconButtonSegmentationRadius}: 0.25rem;
+
+                ${_styledcomponents.numberInputTokens.inputWrapperMargin}: 0 0.125rem;
+                ${_styledcomponents.numberInputTokens.inputWrapperBorderRadius}: 0.625rem;
+                ${_styledcomponents.numberInputTokens.textWrapperHeight}: 2.5rem;
+                ${_styledcomponents.numberInputTokens.textWrapperPadding}: 0.688rem 0.875rem;
+
+                ${_styledcomponents.numberInputTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.numberInputTokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.numberInputTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.numberInputTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.numberInputTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.numberInputTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.numberInputTokens.textBeforeMarginRight}: 0.25rem;
+                ${_styledcomponents.numberInputTokens.textAfterMarginLeft}: 0.25rem;
+
+                ${_styledcomponents.numberInputTokens.loaderSpinnerSize}: 1.375rem;
+            `
         },
         shape: {
-            cornered: (0, _styledcomponents.css)(_templateObject6()),
-            pilled: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.numberInputTokens.iconButtonRadius)
+            cornered: (0, _styledcomponents.css)``,
+            pilled: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.iconButtonRadius}: 50%;
+            `
         },
         inputBackgroundType: {
-            fill: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.numberInputTokens.backgroundColor, _styledcomponents.numberInputTokens.backgroundColorHover),
-            clear: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.numberInputTokens.backgroundColor, _styledcomponents.numberInputTokens.backgroundColorHover)
+            fill: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.backgroundColor}: var(--surface-transparent-primary);
+                ${_styledcomponents.numberInputTokens.backgroundColorHover}: var(--surface-transparent-primary);
+            `,
+            clear: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.backgroundColor}: transparent;
+                ${_styledcomponents.numberInputTokens.backgroundColorHover}: transparent;
+            `
         },
         segmentation: {
-            default: (0, _styledcomponents.css)(_templateObject10()),
-            segmented: (0, _styledcomponents.css)(_templateObject11()),
-            solid: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.numberInputTokens.iconButtonSegmentationRadius)
+            default: (0, _styledcomponents.css)``,
+            segmented: (0, _styledcomponents.css)``,
+            solid: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.iconButtonSegmentationRadius}: 0;
+            `
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.numberInputTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.numberInputTokens.disabledOpacity}: 0.4;
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/NumberInput/NumberInput.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "NumberInput", {
         return NumberInput;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _NumberInputconfig = require("./NumberInput.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.numberInputConfig, _NumberInputconfig.config);
-var NumberInput = (0, _styledcomponents.component)(mergedConfig);
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _NumberInputconfig = require("./NumberInput.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.numberInputConfig, _NumberInputconfig.config);
+const NumberInput = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/NumberInput/index.js

@@ -19,5 +19,5 @@ _export(exports, {
         return _styledcomponents.numberInputTokens;
     }
 });
-var _NumberInput = require("./NumberInput");
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _NumberInput = require("./NumberInput");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/components/Overlay/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Overlay", {
         return _styledcomponents.Overlay;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");