@salutejs/sdds-cs 0.354.0-next-platform-ai.0 → 0.355.0-dev.0

package/dist/emotion/cjs/components/Notification/Notification.config.js

@@ -8,161 +8,120 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": var(--outline-solid-primary);\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 0;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 1.625rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\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                ",
-        ": 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                ",
-        ": var(--text-accent);\n                ",
-        ":var(--text-accent-minor);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 30rem;\n                ",
-        ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ",
-        ": flex-start;\n                ",
-        ": flex-end;\n                ",
-        ": flex-start;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 15rem;\n                ",
-        ": 0.375rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 0rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.875rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.75rem 1rem 1rem 1rem;\n                ",
-        ": 0.1875rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n\n                ",
-        ": 2rem;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.5rem;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const config = {
     defaults: {
         view: 'default',
         closeIconType: 'thin'
     },
     variations: {
         view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _emotion.notificationTokens.borderColor, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.contentPaddingTopWithoutIcon, _emotion.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _emotion.notificationTokens.textboxPaddingTop, _emotion.notificationTokens.textboxPaddingRight, _emotion.notificationTokens.textboxPaddingBottom, _emotion.notificationTokens.textboxPaddingLeft, _emotion.notificationTokens.textboxPaddingRightWithCloseIcon, _emotion.notificationTokens.textboxGap, _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.buttonsMarginTop, _emotion.notificationTokens.contentLeftIconSize, _emotion.notificationTokens.contentLeftIconMargin, _emotion.notificationTokens.contentTopIconMargin, _emotion.notificationTokens.contentFontFamily, _emotion.notificationTokens.contentFontSize, _emotion.notificationTokens.contentFontStyle, _emotion.notificationTokens.contentFontWeight, _emotion.notificationTokens.contentFontLetterSpacing, _emotion.notificationTokens.contentFontLineHeight, _emotion.notificationTokens.titleFontFamily, _emotion.notificationTokens.titleFontSize, _emotion.notificationTokens.titleFontStyle, _emotion.notificationTokens.titleFontWeight, _emotion.notificationTokens.titleFontLetterSpacing, _emotion.notificationTokens.titleFontLineHeight, _emotion.notificationTokens.closeIconColor, _emotion.notificationTokens.closeIconColorOnHover, _emotion.notificationTokens.horizontalLayoutGap, _emotion.notificationTokens.horizontalLayoutLeftIconMargin, _emotion.notificationTokens.paddingOneLineTextbox)
+            default: (0, _emotion.css)`
+                ${_emotion.notificationTokens.titleColor}: var(--text-primary);
+                ${_emotion.notificationTokens.contentLeftIconColor}: var(--text-primary);
+                ${_emotion.notificationTokens.contentColor}: var(--text-secondary);
+                ${_emotion.notificationTokens.background}: var(--surface-solid-card);
+                ${_emotion.notificationTokens.borderRadius}: 0.75rem;
+                ${_emotion.notificationTokens.padding}: 0.75rem;
+                ${_emotion.notificationTokens.borderColor}: var(--outline-solid-primary);
+
+                ${_emotion.notificationTokens.contentPaddingTop}: 0.125rem;
+                ${_emotion.notificationTokens.contentPaddingRight}: 0.25rem;
+                ${_emotion.notificationTokens.contentPaddingBottom}: 0rem;
+                ${_emotion.notificationTokens.contentPaddingLeft}: 0.25rem;
+
+                ${_emotion.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
+                ${_emotion.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
+
+                ${_emotion.notificationTokens.textboxPaddingTop}: 0;
+                ${_emotion.notificationTokens.textboxPaddingRight}: 0.125rem;
+                ${_emotion.notificationTokens.textboxPaddingBottom}: 0.375rem;
+                ${_emotion.notificationTokens.textboxPaddingLeft}: 0.125rem;
+
+                ${_emotion.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
+                ${_emotion.notificationTokens.textboxGap}: 0.25rem;
+
+                ${_emotion.notificationTokens.closeIconTop}: 0.5rem;
+                ${_emotion.notificationTokens.closeIconRight}: 0.5rem;
+
+                ${_emotion.notificationTokens.buttonsMarginTop}: 0.375rem;
+
+                ${_emotion.notificationTokens.contentLeftIconSize}: 1.5rem;
+                ${_emotion.notificationTokens.contentLeftIconMargin}: 0.25rem;
+                ${_emotion.notificationTokens.contentTopIconMargin}: 0.25rem;
+
+                ${_emotion.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_emotion.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_emotion.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_emotion.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_emotion.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_emotion.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_emotion.notificationTokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.notificationTokens.titleFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.notificationTokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.notificationTokens.titleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_emotion.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.notificationTokens.closeIconColor}: var(--text-accent);
+                ${_emotion.notificationTokens.closeIconColorOnHover}:var(--text-accent-minor);
+
+                ${_emotion.notificationTokens.horizontalLayoutGap}: 0.5rem;
+                ${_emotion.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
+                ${_emotion.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
+            `
         },
         layout: {
-            horizontal: (0, _emotion.css)(_templateObject1(), _emotion.notificationTokens.width, _emotion.notificationTokens.horizontalLayoutPadding, _emotion.notificationTokens.horisontalIconLeftAlignSelf, _emotion.notificationTokens.horisontalActionsAlignSelf, _emotion.notificationTokens.horisontalIconCloseAlignSelf),
-            vertical: (0, _emotion.css)(_templateObject2(), _emotion.notificationTokens.width, _emotion.notificationTokens.padding)
+            horizontal: (0, _emotion.css)`
+                ${_emotion.notificationTokens.width}: 30rem;
+                ${_emotion.notificationTokens.horizontalLayoutPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;
+                ${_emotion.notificationTokens.horisontalIconLeftAlignSelf}: flex-start;
+                ${_emotion.notificationTokens.horisontalActionsAlignSelf}: flex-end;
+                ${_emotion.notificationTokens.horisontalIconCloseAlignSelf}: flex-start;
+            `,
+            vertical: (0, _emotion.css)`
+                ${_emotion.notificationTokens.width}: 15rem;
+                ${_emotion.notificationTokens.padding}: 0.375rem;
+            `
         },
         size: {
-            xs: (0, _emotion.css)(_templateObject3(), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.borderWidth, _emotion.notificationTokens.padding, _emotion.notificationTokens.textboxPaddingTopWithTopIcon, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.buttonsMarginLeft),
-            xxs: (0, _emotion.css)(_templateObject4(), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.borderWidth, _emotion.notificationTokens.padding, _emotion.notificationTokens.textboxPaddingTopWithTopIcon, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.buttonsMarginLeft)
+            xs: (0, _emotion.css)`
+                ${_emotion.notificationTokens.closeIconTop}: 0.5rem;
+                ${_emotion.notificationTokens.closeIconRight}: 0.5rem;
+                ${_emotion.notificationTokens.borderWidth}: 0.125rem;
+
+                ${_emotion.notificationTokens.padding}: 0.75rem;
+                ${_emotion.notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;
+
+                ${_emotion.notificationTokens.contentPaddingTop}: 0.125rem;
+                ${_emotion.notificationTokens.contentPaddingRight}: 0.25rem;
+                ${_emotion.notificationTokens.contentPaddingBottom}: 0rem;
+                ${_emotion.notificationTokens.contentPaddingLeft}: 0.25rem;
+
+                ${_emotion.notificationTokens.buttonsMarginLeft}: 0rem;
+            `,
+            xxs: (0, _emotion.css)`
+                ${_emotion.notificationTokens.closeIconTop}: 0.875rem;
+                ${_emotion.notificationTokens.closeIconRight}: 1rem;
+                ${_emotion.notificationTokens.borderWidth}: 0.125rem;
+
+                ${_emotion.notificationTokens.padding}: 0.75rem 1rem 1rem 1rem;
+                ${_emotion.notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;
+
+                ${_emotion.notificationTokens.contentPaddingTop}: 0.25rem;
+                ${_emotion.notificationTokens.contentPaddingRight}: 0rem;
+                ${_emotion.notificationTokens.contentPaddingBottom}: 0rem;
+                ${_emotion.notificationTokens.contentPaddingLeft}: 0rem;
+
+                ${_emotion.notificationTokens.buttonsMarginLeft}: 2rem;
+            `
         },
         closeIconType: {
-            thin: (0, _emotion.css)(_templateObject5(), _emotion.notificationTokens.closeIconButtonSize, _emotion.notificationTokens.closeIconSize)
+            thin: (0, _emotion.css)`
+                ${_emotion.notificationTokens.closeIconButtonSize}: 1.5rem;
+                ${_emotion.notificationTokens.closeIconSize}: 1.5rem;
+            `
         }
     }
 };

package/dist/emotion/cjs/components/Notification/Notification.js

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

package/dist/emotion/cjs/components/Notification/index.js

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

package/dist/emotion/cjs/components/NumberFormat/NumberFormat.js

@@ -8,6 +8,6 @@ Object.defineProperty(exports, "NumberFormat", {
         return NumberFormat;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _TextField = require("../TextField/TextField");
-var NumberFormat = (0, _emotion.composeNumberFormat)(_TextField.TextField);
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _TextField = require("../TextField/TextField");
+const NumberFormat = (0, _emotion.composeNumberFormat)(_TextField.TextField);

package/dist/emotion/cjs/components/NumberFormat/index.js

@@ -16,5 +16,5 @@ _export(exports, {
         return _emotion.numberFormatter;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _NumberFormat = require("./NumberFormat");
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _NumberFormat = require("./NumberFormat");

package/dist/emotion/cjs/components/NumberInput/NumberInput.config.js

@@ -8,132 +8,8 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-accent);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-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                ",
-        ": 7.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.5rem;\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.75rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0;\n                ",
-        ": 0.75rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.5rem 0.375rem;\n                ",
-        ": 0.125rem;\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                ",
-        ": 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            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 50%;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": transparent;\n                ",
-        ": transparent;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const config = {
     defaults: {
         view: 'default',
         size: 's',
@@ -143,23 +19,91 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.numberInputTokens.caretColor, _emotion.numberInputTokens.errorColor, _emotion.numberInputTokens.colorSolid, _emotion.numberInputTokens.additionalTextColorSolid, _emotion.numberInputTokens.backgroundColorSolid, _emotion.numberInputTokens.wrapperBorderColor, _emotion.numberInputTokens.wrapperBorderColorFocus, _emotion.numberInputTokens.iconButtonColor, _emotion.numberInputTokens.iconButtonBackgroundColor, _emotion.numberInputTokens.iconButtonColorSolidHover, _emotion.numberInputTokens.iconButtonColorSolidActive, _emotion.numberInputTokens.actionButtonDisabledOpacity, _emotion.numberInputTokens.loaderSpinnerColor, _emotion.numberInputTokens.loaderSpinnerColorSolid)
+            default: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.caretColor}: var(--text-accent);
+                ${_emotion.numberInputTokens.errorColor}: var(--text-negative);
+
+                ${_emotion.numberInputTokens.colorSolid}: var(--text-primary);
+                ${_emotion.numberInputTokens.additionalTextColorSolid}: var(--text-tertiary);
+                ${_emotion.numberInputTokens.backgroundColorSolid}: var(--surface-solid-card);
+                ${_emotion.numberInputTokens.wrapperBorderColor}: var(--outline-solid-primary);
+                ${_emotion.numberInputTokens.wrapperBorderColorFocus}: var(--outline-accent);
+
+                ${_emotion.numberInputTokens.iconButtonColor}: var(--text-accent);
+                ${_emotion.numberInputTokens.iconButtonBackgroundColor}: var(--surface-solid-card);
+                ${_emotion.numberInputTokens.iconButtonColorSolidHover}: var(--text-accent-minor);
+                ${_emotion.numberInputTokens.iconButtonColorSolidActive}: var(--text-accent-active);
+
+                ${_emotion.numberInputTokens.actionButtonDisabledOpacity}: 0;
+                ${_emotion.numberInputTokens.actionButtonDisabledCursor}: default;
+
+                ${_emotion.numberInputTokens.loaderSpinnerColor}: inherit;
+                ${_emotion.numberInputTokens.loaderSpinnerColorSolid}: inherit;
+            `
         },
         size: {
-            s: (0, _emotion.css)(_templateObject1(), _emotion.numberInputTokens.rootMinWidth, _emotion.numberInputTokens.iconButtonHeight, _emotion.numberInputTokens.iconButtonWidth, _emotion.numberInputTokens.iconButtonPadding, _emotion.numberInputTokens.iconButtonFontFamily, _emotion.numberInputTokens.iconButtonFontSize, _emotion.numberInputTokens.iconButtonFontStyle, _emotion.numberInputTokens.iconButtonFontWeight, _emotion.numberInputTokens.iconButtonLetterSpacing, _emotion.numberInputTokens.iconButtonLineHeight, _emotion.numberInputTokens.iconButtonRadius, _emotion.numberInputTokens.iconButtonSegmentationRadius, _emotion.numberInputTokens.inputWrapperMargin, _emotion.numberInputTokens.inputWrapperBorderRadius, _emotion.numberInputTokens.textWrapperHeight, _emotion.numberInputTokens.textWrapperPadding, _emotion.numberInputTokens.rootBorderWidth, _emotion.numberInputTokens.fontFamily, _emotion.numberInputTokens.fontSize, _emotion.numberInputTokens.fontStyle, _emotion.numberInputTokens.fontWeight, _emotion.numberInputTokens.letterSpacing, _emotion.numberInputTokens.lineHeight, _emotion.numberInputTokens.additionalTextFontFamily, _emotion.numberInputTokens.additionalTextFontSize, _emotion.numberInputTokens.additionalTextFontStyle, _emotion.numberInputTokens.additionalTextFontWeight, _emotion.numberInputTokens.additionalTextLetterSpacing, _emotion.numberInputTokens.additionalTextLineHeight, _emotion.numberInputTokens.textBeforeMarginRight, _emotion.numberInputTokens.textAfterMarginLeft, _emotion.numberInputTokens.loaderSpinnerSize)
+            s: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.rootMinWidth}: 7.5rem;
+                ${_emotion.numberInputTokens.iconButtonHeight}: 2.5rem;
+                ${_emotion.numberInputTokens.iconButtonWidth}: 2.5rem;
+                ${_emotion.numberInputTokens.iconButtonPadding}: 0.5rem;
+                ${_emotion.numberInputTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_emotion.numberInputTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_emotion.numberInputTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_emotion.numberInputTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
+                ${_emotion.numberInputTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_emotion.numberInputTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_emotion.numberInputTokens.iconButtonRadius}: 0.75rem;
+                ${_emotion.numberInputTokens.iconButtonSegmentationRadius}: 0.25rem;
+
+                ${_emotion.numberInputTokens.inputWrapperMargin}: 0;
+                ${_emotion.numberInputTokens.inputWrapperBorderRadius}: 0.75rem;
+                ${_emotion.numberInputTokens.textWrapperHeight}: 2.5rem;
+                ${_emotion.numberInputTokens.textWrapperPadding}: 0.5rem 0.375rem;
+                ${_emotion.numberInputTokens.rootBorderWidth}: 0.125rem;
+
+                ${_emotion.numberInputTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.numberInputTokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.numberInputTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.numberInputTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_emotion.numberInputTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.numberInputTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.numberInputTokens.additionalTextFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_emotion.numberInputTokens.additionalTextFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_emotion.numberInputTokens.additionalTextFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_emotion.numberInputTokens.additionalTextFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_emotion.numberInputTokens.additionalTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_emotion.numberInputTokens.additionalTextLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_emotion.numberInputTokens.textBeforeMarginRight}: 0.25rem;
+                ${_emotion.numberInputTokens.textAfterMarginLeft}: 0.25rem;
+
+                ${_emotion.numberInputTokens.loaderSpinnerSize}: 1.375rem;
+            `
         },
         shape: {
-            cornered: (0, _emotion.css)(_templateObject2()),
-            pilled: (0, _emotion.css)(_templateObject3(), _emotion.numberInputTokens.iconButtonRadius)
+            cornered: (0, _emotion.css)``,
+            pilled: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.iconButtonRadius}: 50%;
+            `
         },
         inputBackgroundType: {
-            clear: (0, _emotion.css)(_templateObject4(), _emotion.numberInputTokens.backgroundColor, _emotion.numberInputTokens.backgroundColorHover)
+            clear: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.backgroundColor}: transparent;
+                ${_emotion.numberInputTokens.backgroundColorHover}: transparent;
+            `
         },
         segmentation: {
-            solid: (0, _emotion.css)(_templateObject5(), _emotion.numberInputTokens.iconButtonSegmentationRadius)
+            solid: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.iconButtonSegmentationRadius}: 0;
+            `
         },
         disabled: {
-            true: (0, _emotion.css)(_templateObject6(), _emotion.numberInputTokens.disabledOpacity)
+            true: (0, _emotion.css)`
+                ${_emotion.numberInputTokens.disabledOpacity}: 0.4;
+            `
         }
     }
 };

package/dist/emotion/cjs/components/NumberInput/NumberInput.js

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

package/dist/emotion/cjs/components/NumberInput/index.js

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

package/dist/emotion/cjs/components/Overlay/index.js

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