@salutejs/sdds-serv 0.314.0-canary.1973.15733948288.0 → 0.314.0-canary.1973.15850054289.0

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

@@ -1,35 +1,366 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-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',
-    closeIconType: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-card);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\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.375rem;\n                ", ": 0.5rem;\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-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                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
-      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-card);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\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.375rem;\n                ", ": 0.5rem;\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-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                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
-      positive: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-card);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\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.375rem;\n                ", ": 0.5rem;\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-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                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
-      warning: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-card);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\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.375rem;\n                ", ": 0.5rem;\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-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                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
-      info: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-info);\n                ", ": var(--text-info);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-card);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\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.375rem;\n                ", ": 0.5rem;\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-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                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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)
-    },
-    layout: {
-      horizontal: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 25rem;\n                ", ": 1rem 0.5rem 1rem 0.875rem;\n            "])), _emotion.notificationTokens.width, _emotion.notificationTokens.horizontalLayoutPadding),
-      vertical: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n                ", ": 0.375rem;\n            "])), _emotion.notificationTokens.width, _emotion.notificationTokens.padding)
-    },
-    closeIconType: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _emotion.notificationTokens.closeIconButtonSize, _emotion.notificationTokens.closeIconSize)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.1875rem;\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.375rem;\n                ",
+        ": 0.5rem;\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-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                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": 0.375rem;\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                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.1875rem;\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.375rem;\n                ",
+        ": 0.5rem;\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-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                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-positive);\n                ",
+        ": var(--text-positive);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.1875rem;\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.375rem;\n                ",
+        ": 0.5rem;\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-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                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-warning);\n                ",
+        ": var(--text-warning);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.1875rem;\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.375rem;\n                ",
+        ": 0.5rem;\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-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                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-info);\n                ",
+        ": var(--text-info);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.1875rem;\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.375rem;\n                ",
+        ": 0.5rem;\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-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                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 25rem;\n                ",
+        ": 1rem 0.5rem 1rem 0.875rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0rem;\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.8125rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0.5625rem 1rem 1rem 1rem;\n                ",
+        ": 0.1875rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 2rem;\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        closeIconType: 'default'
     },
-    size: {
-      xs: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0rem;\n            "])), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.padding, _emotion.notificationTokens.textboxPaddingTopWithTopIcon, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.buttonsMarginLeft),
-      xxs: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.8125rem;\n                ", ": 1rem;\n\n                ", ": 0.5625rem 1rem 1rem 1rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 2rem;\n            "])), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.padding, _emotion.notificationTokens.textboxPaddingTopWithTopIcon, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.buttonsMarginLeft)
+    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.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),
+            negative: (0, _emotion.css)(_templateObject1(), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
+            positive: (0, _emotion.css)(_templateObject2(), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
+            warning: (0, _emotion.css)(_templateObject3(), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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),
+            info: (0, _emotion.css)(_templateObject4(), _emotion.notificationTokens.titleColor, _emotion.notificationTokens.contentLeftIconColor, _emotion.notificationTokens.contentColor, _emotion.notificationTokens.background, _emotion.notificationTokens.borderRadius, _emotion.notificationTokens.padding, _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)
+        },
+        layout: {
+            horizontal: (0, _emotion.css)(_templateObject5(), _emotion.notificationTokens.width, _emotion.notificationTokens.horizontalLayoutPadding),
+            vertical: (0, _emotion.css)(_templateObject6(), _emotion.notificationTokens.width, _emotion.notificationTokens.padding)
+        },
+        closeIconType: {
+            default: (0, _emotion.css)(_templateObject7(), _emotion.notificationTokens.closeIconButtonSize, _emotion.notificationTokens.closeIconSize)
+        },
+        size: {
+            xs: (0, _emotion.css)(_templateObject8(), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _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)(_templateObject9(), _emotion.notificationTokens.closeIconTop, _emotion.notificationTokens.closeIconRight, _emotion.notificationTokens.padding, _emotion.notificationTokens.textboxPaddingTopWithTopIcon, _emotion.notificationTokens.contentPaddingTop, _emotion.notificationTokens.contentPaddingRight, _emotion.notificationTokens.contentPaddingBottom, _emotion.notificationTokens.contentPaddingLeft, _emotion.notificationTokens.buttonsMarginLeft)
+        }
     }
-  }
-};
+};

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

@@ -1,26 +1,41 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.NotificationsProvider = exports.NotificationNewHope = exports.Notification = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _Notification = /*#__PURE__*/require("./Notification.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.notificationConfig, _Notification.config);
-var NotificationNewHope = exports.NotificationNewHope = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
-var Notification = exports.Notification = NotificationNewHope;
-var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
-  var children = _ref.children,
-    _ref$frame = _ref.frame,
-    frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement,
-    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
-  return /*#__PURE__*/_react["default"].createElement(_emotion.NotificationsProvider, {
-    config: mergedConfig,
-    frame: frame,
-    placement: placement,
-    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
-  }, children);
-};
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Notification () {
+        return Notification;
+    },
+    get NotificationNewHope () {
+        return NotificationNewHope;
+    },
+    get NotificationsProvider () {
+        return NotificationsProvider;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _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(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;
+    return /*#__PURE__*/ _react.default.createElement(_emotion.NotificationsProvider, {
+        config: mergedConfig,
+        frame: frame,
+        placement: placement,
+        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
+    }, children);
+};

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

@@ -1,31 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function get() {
-    return _Notification.Notification;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Notification () {
+        return _Notification.Notification;
+    },
+    get NotificationsProvider () {
+        return _Notification.NotificationsProvider;
+    },
+    get addNotification () {
+        return _emotion.addNotification;
+    },
+    get closeNotification () {
+        return _emotion.closeNotification;
+    }
 });
-Object.defineProperty(exports, "NotificationsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _Notification.NotificationsProvider;
-  }
-});
-Object.defineProperty(exports, "addNotification", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.addNotification;
-  }
-});
-Object.defineProperty(exports, "closeNotification", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.closeNotification;
-  }
-});
-var _Notification = /*#__PURE__*/require("./Notification");
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Notification = require("./Notification");
+var _emotion = require("@salutejs/plasma-new-hope/emotion");

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

@@ -1,16 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.NumberFormat = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _TextField = /*#__PURE__*/require("../TextField/TextField");
-/**
- * Note: проблема связанная с выводом типов
- * Выводимому типу "NumberFormat" невозможно присвоить имя без ссылки
- * на "@salutejs/plasma-new-hope/node_modules/react-number-format".
- * Вероятно, оно не является переносимым. Требуется заметка с типом.
- */
-
-var NumberFormat = exports.NumberFormat = /*#__PURE__*/(0, _emotion.composeNumberFormat)(_TextField.TextField);
+Object.defineProperty(exports, "NumberFormat", {
+    enumerable: true,
+    get: function() {
+        return NumberFormat;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _TextField = require("../TextField/TextField");
+var NumberFormat = (0, _emotion.composeNumberFormat)(_TextField.TextField);

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

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "NumberFormat", {
-  enumerable: true,
-  get: function get() {
-    return _NumberFormat.NumberFormat;
-  }
+    enumerable: true,
+    get: function() {
+        return _NumberFormat.NumberFormat;
+    }
 });
-var _NumberFormat = /*#__PURE__*/require("./NumberFormat");
+var _NumberFormat = require("./NumberFormat");