@salutejs/sdds-os 0.3.0-canary.2427.21174659942.0

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

@@ -0,0 +1,366 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--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'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
+            negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
+            positive: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
+            warning: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
+            info: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox)
+        },
+        layout: {
+            horizontal: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.notificationTokens.width, _styledcomponents.notificationTokens.horizontalLayoutPadding),
+            vertical: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.notificationTokens.width, _styledcomponents.notificationTokens.padding)
+        },
+        closeIconType: {
+            default: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.notificationTokens.closeIconButtonSize, _styledcomponents.notificationTokens.closeIconSize)
+        },
+        size: {
+            xs: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.buttonsMarginLeft),
+            xxs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.buttonsMarginLeft)
+        }
+    }
+};

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Notification () {
+        return Notification;
+    },
+    get NotificationNewHope () {
+        return NotificationNewHope;
+    },
+    get NotificationsProvider () {
+        return NotificationsProvider;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _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(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(_styledcomponents.NotificationsProvider, {
+        config: mergedConfig,
+        frame: frame,
+        placement: placement,
+        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
+    }, children);
+};

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Overlay", {
+    enumerable: true,
+    get: function() {
+        return _styledcomponents.Overlay;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get PaginationDot () {
+        return _styledcomponents.PaginationDot;
+    },
+    get PaginationDots () {
+        return _styledcomponents.PaginationDots;
+    },
+    get SmartPaginationDots () {
+        return _styledcomponents.SmartPaginationDots;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--shadow-down-hard-m);\n\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n                ',
+        ": 0.375rem;\n                ",
+        ": 0.5625rem;\n                ",
+        ": var(--surface-solid-tertiary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.popoverTokens.boxShadow, _styledcomponents.popoverTokens.arrowMaskWidth, _styledcomponents.popoverTokens.arrowMaskHeight, _styledcomponents.popoverTokens.arrowMaskImage, _styledcomponents.popoverTokens.arrowHeight, _styledcomponents.popoverTokens.arrowEdgeMargin, _styledcomponents.popoverTokens.arrowBackground)
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Popover", {
+    enumerable: true,
+    get: function() {
+        return Popover;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Popoverconfig = require("./Popover.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.popoverConfig, _Popoverconfig.config);
+var Popover = (0, _styledcomponents.component)(mergedConfig);

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Popover", {
+    enumerable: true,
+    get: function() {
+        return _Popover.Popover;
+    }
+});
+var _Popover = require("./Popover");

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Popup", {
+    enumerable: true,
+    get: function() {
+        return Popup;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.popupConfig);
+var Popup = (0, _styledcomponents.component)(mergedConfig);

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Popup () {
+        return _Popup.Popup;
+    },
+    get PopupProvider () {
+        return _styledcomponents.PopupProvider;
+    },
+    get popupClasses () {
+        return _styledcomponents.popupClasses;
+    },
+    get usePopupContext () {
+        return _styledcomponents.usePopupContext;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Popup = require("./Popup");

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Portal", {
+    enumerable: true,
+    get: function() {
+        return _styledcomponents.Portal;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");