@salutejs/plasma-web 1.585.0-canary.2032.15771800756.0 → 1.585.0-canary.2041.15843472824.0

package/components/List/index.js

@@ -1,19 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function get() {
-    return _List.List;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get List () {
+        return _List.List;
+    },
+    get ListItem () {
+        return _styledcomponents.ListItem;
+    }
 });
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.ListItem;
-  }
-});
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _List = /*#__PURE__*/require("./List");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _List = require("./List");

package/components/Mask/Mask.js

@@ -1,9 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Mask = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _TextField = /*#__PURE__*/require("../TextField/TextField");
-var Mask = exports.Mask = /*#__PURE__*/(0, _styledComponents.composeMask)(_TextField.TextFieldComponent);
+Object.defineProperty(exports, "Mask", {
+    enumerable: true,
+    get: function() {
+        return Mask;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _TextField = require("../TextField/TextField");
+var Mask = (0, _styledcomponents.composeMask)(_TextField.TextFieldComponent);

package/components/Mask/index.js

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

package/components/Modal/Modal.perftest.js

@@ -1,25 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Default = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _Typography = /*#__PURE__*/require("../Typography");
-var _ = /*#__PURE__*/require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-// TODO: https://github.com/salute-developers/plasma/issues/507
-
-var longText = "\u0415\u0441\u043B\u0438 \u043F\u043E\u0441\u043B\u0435 \u043F\u0440\u0438\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043F\u0440\u0430\u0432\u0438\u043B\u0430 \u041B\u043E\u043F\u0438\u0442\u0430\u043B\u044F \u043D\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0451\u043D\u043D\u043E\u0441\u0442\u044C \u0442\u0438\u043F\u0430 0 / 0 \u043E\u0441\u0442\u0430\u043B\u0430\u0441\u044C, \u043C\u043D\u0438\u043C\u0430\u044F \u0435\u0434\u0438\u043D\u0438\u0446\u0430 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043E\u043D\u043D\u043E\n\u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u041D\u0430\u0438\u0431\u043E\u043B\u044C\u0448\u0438\u0439 \u041E\u0431\u0449\u0438\u0439 \u0414\u0435\u043B\u0438\u0442\u0435\u043B\u044C (\u041D\u041E\u0414). \u0424\u0443\u043D\u043A\u0446\u0438\u044F \u043C\u043D\u043E\u0433\u0438\u0445 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445, \u0438\u0441\u043A\u043B\u044E\u0447\u0430\u044F \u043E\u0447\u0435\u0432\u0438\u0434\u043D\u044B\u0439 \u0441\u043B\u0443\u0447\u0430\u0439,\n\u0443\u043F\u043E\u0440\u044F\u0434\u043E\u0447\u0438\u0432\u0430\u0435\u0442 \u0438\u043D\u0442\u0435\u0433\u0440\u0430\u043B \u043E\u0442 \u0444\u0443\u043D\u043A\u0446\u0438\u0438, \u043E\u0431\u0440\u0430\u0449\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0432 \u0431\u0435\u0441\u043A\u043E\u043D\u0435\u0447\u043D\u043E\u0441\u0442\u044C \u0432 \u0438\u0437\u043E\u043B\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u043E\u0439 \u0442\u043E\u0447\u043A\u0435. \u0418\u043D\u0442\u0435\u0440\u0435\u0441\u043D\u043E\n\u043E\u0442\u043C\u0435\u0442\u0438\u0442\u044C, \u0447\u0442\u043E \u044D\u043F\u0441\u0438\u043B\u043E\u043D \u043E\u043A\u0440\u0435\u0441\u0442\u043D\u043E\u0441\u0442\u044C \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u0440\u044B\u0432 \u0444\u0443\u043D\u043A\u0446\u0438\u0438. \u0421\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0435 \u043F\u043E\u0434\u043C\u043D\u043E\u0436\u0435\u0441\u0442\u0432\u043E \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E\n\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u044D\u043A\u0441\u043F\u0435\u0440\u0438\u043C\u0435\u043D\u0442\u0430\u043B\u044C\u043D\u044B\u0439 \u041D\u0430\u0438\u0431\u043E\u043B\u044C\u0448\u0438\u0439 \u041E\u0431\u0449\u0438\u0439 \u0414\u0435\u043B\u0438\u0442\u0435\u043B\u044C (\u041D\u041E\u0414). \u041F\u043E\u0441\u0442\u043E\u044F\u043D\u043D\u0430\u044F \u0432\u0435\u043B\u0438\u0447\u0438\u043D\u0430 \u043F\u043E\u043B\u043E\u0436\u0438\u0442\u0435\u043B\u044C\u043D\u0430.";
+Object.defineProperty(exports, "Default", {
+    enumerable: true,
+    get: function() {
+        return Default;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _Typography = require("../Typography");
+var _ = require(".");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var longText = "Если после применения правила Лопиталя неопределённость типа 0 / 0 осталась, мнимая единица традиционно\nразвивает Наибольший Общий Делитель (НОД). Функция многих переменных, исключая очевидный случай,\nупорядочивает интеграл от функции, обращающейся в бесконечность в изолированной точке. Интересно\nотметить, что эпсилон окрестность развивает разрыв функции. Собственное подмножество естественно\nсоответствует экспериментальный Наибольший Общий Делитель (НОД). Постоянная величина положительна.";
 var defaultProps = {
-  heading: 'Тэги «Голосовая викторина Queez с Валдисом Пельшем»',
-  text: longText
+    heading: 'Тэги «Голосовая викторина Queez с Валдисом Пельшем»',
+    text: longText
+};
+var onClose = function() {};
+var Default = function() {
+    var heading = defaultProps.heading, text = defaultProps.text;
+    return /*#__PURE__*/ _react.default.createElement(_.ModalsProvider, null, /*#__PURE__*/ _react.default.createElement(_.ModalView, {
+        onClose: onClose
+    }, /*#__PURE__*/ _react.default.createElement(_Typography.Headline1, null, heading), /*#__PURE__*/ _react.default.createElement(_Typography.P1, null, text)));
 };
-var onClose = function onClose() {};
-var Default = exports.Default = function Default() {
-  var heading = defaultProps.heading,
-    text = defaultProps.text;
-  return /*#__PURE__*/_react["default"].createElement(_.ModalsProvider, null, /*#__PURE__*/_react["default"].createElement(_.ModalView, {
-    onClose: onClose
-  }, /*#__PURE__*/_react["default"].createElement(_Typography.Headline1, null, heading), /*#__PURE__*/_react["default"].createElement(_Typography.P1, null, text)));
-};

package/components/Modal/index.js

@@ -1,24 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _plasmaHope.Modal;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Modal () {
+        return _plasmahope.Modal;
+    },
+    get ModalView () {
+        return _plasmahope.ModalView;
+    },
+    get ModalsProvider () {
+        return _plasmahope.ModalsProvider;
+    }
 });
-Object.defineProperty(exports, "ModalView", {
-  enumerable: true,
-  get: function get() {
-    return _plasmaHope.ModalView;
-  }
-});
-Object.defineProperty(exports, "ModalsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _plasmaHope.ModalsProvider;
-  }
-});
-var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
+var _plasmahope = require("@salutejs/plasma-hope");

package/components/ModalBase/Modal.config.js

@@ -1,19 +1,51 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject;
-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'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": rgba(35, 35, 35, 0.2);\n                ", ": var(--overlay-soft);\n                ", ": var(--surface-solid-card);\n                ", ": 1.25rem;\n                ", ": 2rem;\n                ", ": 0.625rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.modalTokens.modalOverlayWithBlurColor, _styledComponents.modalTokens.modalOverlayColor, _styledComponents.modalTokens.modalBodyBackground, _styledComponents.modalTokens.modalBodyBorderRadius, _styledComponents.modalTokens.modalBodyPadding, _styledComponents.modalTokens.modalContentPadding, _styledComponents.modalTokens.modalCloseButtonRadius, _styledComponents.modalTokens.modalCloseButtonColor, _styledComponents.modalTokens.modalCloseButtonHoverColor, _styledComponents.modalTokens.modalCloseButtonActiveColor, _styledComponents.modalTokens.modalOutlineFocusColor)
+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                ",
+        ": rgba(35, 35, 35, 0.2);\n                ",
+        ": var(--overlay-soft);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": 1.25rem;\n                ",
+        ": 2rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.modalTokens.modalOverlayWithBlurColor, _styledcomponents.modalTokens.modalOverlayColor, _styledcomponents.modalTokens.modalBodyBackground, _styledcomponents.modalTokens.modalBodyBorderRadius, _styledcomponents.modalTokens.modalBodyPadding, _styledcomponents.modalTokens.modalContentPadding, _styledcomponents.modalTokens.modalCloseButtonRadius, _styledcomponents.modalTokens.modalCloseButtonColor, _styledcomponents.modalTokens.modalCloseButtonHoverColor, _styledcomponents.modalTokens.modalCloseButtonActiveColor, _styledcomponents.modalTokens.modalOutlineFocusColor)
+        }
+    }
+};

package/components/ModalBase/ModalBase.js

@@ -1,15 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.ModalBase = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Modal = /*#__PURE__*/require("./Modal.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.modalConfig, _Modal.config);
-var ModalBaseComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-
-/**
- * Модальное окно.
- */
-var ModalBase = exports.ModalBase = ModalBaseComponent;
+Object.defineProperty(exports, "ModalBase", {
+    enumerable: true,
+    get: function() {
+        return ModalBase;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Modalconfig = require("./Modal.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.modalConfig, _Modalconfig.config);
+var ModalBaseComponent = (0, _styledcomponents.component)(mergedConfig);
+var ModalBase = ModalBaseComponent;

package/components/ModalBase/index.js

@@ -1,19 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "ModalBase", {
-  enumerable: true,
-  get: function get() {
-    return _ModalBase.ModalBase;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get ModalBase () {
+        return _ModalBase.ModalBase;
+    },
+    get modalBaseClasses () {
+        return _styledcomponents.modalClasses;
+    }
 });
-Object.defineProperty(exports, "modalBaseClasses", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.modalClasses;
-  }
-});
-var _ModalBase = /*#__PURE__*/require("./ModalBase");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _ModalBase = require("./ModalBase");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/Note/Note.config.js

@@ -1,30 +1,250 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n            "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n            "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n            "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
-      info: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-info);\n                ", ": var(--text-primary);\n                ", ": var(--text-info);\n            "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-positive);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-positive);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-warning);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-warning);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-negative);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-negative);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-info);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-info);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem 1.875rem;\n                ",
+        ": 1.5rem 1.75rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 2rem;\n                ",
+        ": 0.25rem 0;\n\n                ",
+        ": var(--plasma-typo-text-l-font-family);\n                ",
+        ": var(--plasma-typo-text-l-font-size);\n                ",
+        ": var(--plasma-typo-text-l-font-style);\n                ",
+        ": var(--plasma-typo-text-l-bold-font-weight);\n                ",
+        ": var(--plasma-typo-text-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-l-line-height);\n                ",
+        ": 1.875rem;\n\n                ",
+        ": var(--plasma-typo-text-l-font-family);\n                ",
+        ": var(--plasma-typo-text-l-font-size);\n                ",
+        ": var(--plasma-typo-text-l-font-style);\n                ",
+        ": var(--plasma-typo-text-l-font-weight);\n                ",
+        ": var(--plasma-typo-text-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-l-line-height);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.25rem 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0;\n\n                ",
+        ": var(--plasma-typo-text-m-font-family);\n                ",
+        ": var(--plasma-typo-text-m-font-size);\n                ",
+        ": var(--plasma-typo-text-m-font-style);\n                ",
+        ": var(--plasma-typo-text-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-text-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-m-line-height);\n                ",
+        ": 1.75rem;\n\n                ",
+        ": var(--plasma-typo-text-m-font-family);\n                ",
+        ": var(--plasma-typo-text-m-font-size);\n                ",
+        ": var(--plasma-typo-text-m-font-style);\n                ",
+        ": var(--plasma-typo-text-m-font-weight);\n                ",
+        ": var(--plasma-typo-text-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-m-line-height);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem 1.25rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n\n                ",
+        ": 1rem;\n                ",
+        ": 1.125rem;\n                ",
+        ": 0.063rem 0;\n\n                ",
+        ": var(--plasma-typo-text-s-font-family);\n                ",
+        ": var(--plasma-typo-text-s-font-size);\n                ",
+        ": var(--plasma-typo-text-s-font-style);\n                ",
+        ": var(--plasma-typo-text-s-bold-font-weight);\n                ",
+        ": var(--plasma-typo-text-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-s-line-height);\n                ",
+        ": 1.625rem;\n\n                ",
+        ": var(--plasma-typo-text-s-font-family);\n                ",
+        ": var(--plasma-typo-text-s-font-size);\n                ",
+        ": var(--plasma-typo-text-s-font-style);\n                ",
+        ": var(--plasma-typo-text-s-font-weight);\n                ",
+        ": var(--plasma-typo-text-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-s-line-height);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem 1rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0;\n\n                ",
+        ": var(--plasma-typo-text-xs-font-family);\n                ",
+        ": var(--plasma-typo-text-xs-font-size);\n                ",
+        ": var(--plasma-typo-text-xs-font-style);\n                ",
+        ": var(--plasma-typo-text-xs-bold-font-weight);\n                ",
+        ": var(--plasma-typo-text-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-xs-line-height);\n                ",
+        ": 1.5rem;\n\n                ",
+        ": var(--plasma-typo-text-xs-font-family);\n                ",
+        ": var(--plasma-typo-text-xs-font-size);\n                ",
+        ": var(--plasma-typo-text-xs-font-style);\n                ",
+        ": var(--plasma-typo-text-xs-font-weight);\n                ",
+        ": var(--plasma-typo-text-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-text-xs-line-height);\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'l'
     },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem 1.875rem;\n                ", ": 1.5rem 1.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 1.5rem;\n                ", ": 2rem;\n                ", ": 0.25rem 0;\n\n                ", ": var(--plasma-typo-text-l-font-family);\n                ", ": var(--plasma-typo-text-l-font-size);\n                ", ": var(--plasma-typo-text-l-font-style);\n                ", ": var(--plasma-typo-text-l-bold-font-weight);\n                ", ": var(--plasma-typo-text-l-letter-spacing);\n                ", ": var(--plasma-typo-text-l-line-height);\n                ", ": 1.875rem;\n\n                ", ": var(--plasma-typo-text-l-font-family);\n                ", ": var(--plasma-typo-text-l-font-size);\n                ", ": var(--plasma-typo-text-l-font-style);\n                ", ": var(--plasma-typo-text-l-font-weight);\n                ", ": var(--plasma-typo-text-l-letter-spacing);\n                ", ": var(--plasma-typo-text-l-line-height);\n            "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.closeIconTop, _styledComponents.noteTokens.closeIconRight, _styledComponents.noteTokens.closeIconColor, _styledComponents.noteTokens.closeIconColorOnHover, _styledComponents.noteTokens.closeIconSize, _styledComponents.noteTokens.closeIconButtonSize, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.titlePaddingRight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.25rem 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0;\n\n                ", ": var(--plasma-typo-text-m-font-family);\n                ", ": var(--plasma-typo-text-m-font-size);\n                ", ": var(--plasma-typo-text-m-font-style);\n                ", ": var(--plasma-typo-text-m-bold-font-weight);\n                ", ": var(--plasma-typo-text-m-letter-spacing);\n                ", ": var(--plasma-typo-text-m-line-height);\n                ", ": 1.75rem;\n\n                ", ": var(--plasma-typo-text-m-font-family);\n                ", ": var(--plasma-typo-text-m-font-size);\n                ", ": var(--plasma-typo-text-m-font-style);\n                ", ": var(--plasma-typo-text-m-font-weight);\n                ", ": var(--plasma-typo-text-m-letter-spacing);\n                ", ": var(--plasma-typo-text-m-line-height);\n            "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.closeIconTop, _styledComponents.noteTokens.closeIconRight, _styledComponents.noteTokens.closeIconColor, _styledComponents.noteTokens.closeIconColorOnHover, _styledComponents.noteTokens.closeIconSize, _styledComponents.noteTokens.closeIconButtonSize, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.titlePaddingRight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem 1.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 1rem;\n                ", ": 1.125rem;\n                ", ": 0.063rem 0;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-bold-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n                ", ": 1.625rem;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n            "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.closeIconTop, _styledComponents.noteTokens.closeIconRight, _styledComponents.noteTokens.closeIconColor, _styledComponents.noteTokens.closeIconColorOnHover, _styledComponents.noteTokens.closeIconSize, _styledComponents.noteTokens.closeIconButtonSize, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.titlePaddingRight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem 1rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": 1rem;\n                ", ": 1rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-bold-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n            "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.closeIconTop, _styledComponents.noteTokens.closeIconRight, _styledComponents.noteTokens.closeIconColor, _styledComponents.noteTokens.closeIconColorOnHover, _styledComponents.noteTokens.closeIconSize, _styledComponents.noteTokens.closeIconButtonSize, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.titlePaddingRight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.noteTokens.background, _styledcomponents.noteTokens.color, _styledcomponents.noteTokens.contentBeforeColor),
+            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.noteTokens.background, _styledcomponents.noteTokens.color, _styledcomponents.noteTokens.contentBeforeColor),
+            warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.noteTokens.background, _styledcomponents.noteTokens.color, _styledcomponents.noteTokens.contentBeforeColor),
+            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.noteTokens.background, _styledcomponents.noteTokens.color, _styledcomponents.noteTokens.contentBeforeColor),
+            info: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.noteTokens.background, _styledcomponents.noteTokens.color, _styledcomponents.noteTokens.contentBeforeColor)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.noteTokens.padding, _styledcomponents.noteTokens.paddingScalable, _styledcomponents.noteTokens.borderRadius, _styledcomponents.noteTokens.gap, _styledcomponents.noteTokens.gapScalable, _styledcomponents.noteTokens.contentGap, _styledcomponents.noteTokens.closeIconTop, _styledcomponents.noteTokens.closeIconRight, _styledcomponents.noteTokens.closeIconColor, _styledcomponents.noteTokens.closeIconColorOnHover, _styledcomponents.noteTokens.closeIconSize, _styledcomponents.noteTokens.closeIconButtonSize, _styledcomponents.noteTokens.fixedContentBeforeWidth, _styledcomponents.noteTokens.fixedContentBeforeHeight, _styledcomponents.noteTokens.fixedContentBeforePadding, _styledcomponents.noteTokens.titleFontFamily, _styledcomponents.noteTokens.titleFontSize, _styledcomponents.noteTokens.titleFontStyle, _styledcomponents.noteTokens.titleFontWeight, _styledcomponents.noteTokens.titleLetterSpacing, _styledcomponents.noteTokens.titleLineHeight, _styledcomponents.noteTokens.titlePaddingRight, _styledcomponents.noteTokens.textFontFamily, _styledcomponents.noteTokens.textFontSize, _styledcomponents.noteTokens.textFontStyle, _styledcomponents.noteTokens.textFontWeight, _styledcomponents.noteTokens.textLetterSpacing, _styledcomponents.noteTokens.textLineHeight),
+            m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.noteTokens.padding, _styledcomponents.noteTokens.paddingScalable, _styledcomponents.noteTokens.borderRadius, _styledcomponents.noteTokens.gap, _styledcomponents.noteTokens.gapScalable, _styledcomponents.noteTokens.contentGap, _styledcomponents.noteTokens.closeIconTop, _styledcomponents.noteTokens.closeIconRight, _styledcomponents.noteTokens.closeIconColor, _styledcomponents.noteTokens.closeIconColorOnHover, _styledcomponents.noteTokens.closeIconSize, _styledcomponents.noteTokens.closeIconButtonSize, _styledcomponents.noteTokens.fixedContentBeforeWidth, _styledcomponents.noteTokens.fixedContentBeforeHeight, _styledcomponents.noteTokens.fixedContentBeforePadding, _styledcomponents.noteTokens.titleFontFamily, _styledcomponents.noteTokens.titleFontSize, _styledcomponents.noteTokens.titleFontStyle, _styledcomponents.noteTokens.titleFontWeight, _styledcomponents.noteTokens.titleLetterSpacing, _styledcomponents.noteTokens.titleLineHeight, _styledcomponents.noteTokens.titlePaddingRight, _styledcomponents.noteTokens.textFontFamily, _styledcomponents.noteTokens.textFontSize, _styledcomponents.noteTokens.textFontStyle, _styledcomponents.noteTokens.textFontWeight, _styledcomponents.noteTokens.textLetterSpacing, _styledcomponents.noteTokens.textLineHeight),
+            s: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.noteTokens.padding, _styledcomponents.noteTokens.paddingScalable, _styledcomponents.noteTokens.borderRadius, _styledcomponents.noteTokens.gap, _styledcomponents.noteTokens.gapScalable, _styledcomponents.noteTokens.contentGap, _styledcomponents.noteTokens.closeIconTop, _styledcomponents.noteTokens.closeIconRight, _styledcomponents.noteTokens.closeIconColor, _styledcomponents.noteTokens.closeIconColorOnHover, _styledcomponents.noteTokens.closeIconSize, _styledcomponents.noteTokens.closeIconButtonSize, _styledcomponents.noteTokens.fixedContentBeforeWidth, _styledcomponents.noteTokens.fixedContentBeforeHeight, _styledcomponents.noteTokens.fixedContentBeforePadding, _styledcomponents.noteTokens.titleFontFamily, _styledcomponents.noteTokens.titleFontSize, _styledcomponents.noteTokens.titleFontStyle, _styledcomponents.noteTokens.titleFontWeight, _styledcomponents.noteTokens.titleLetterSpacing, _styledcomponents.noteTokens.titleLineHeight, _styledcomponents.noteTokens.titlePaddingRight, _styledcomponents.noteTokens.textFontFamily, _styledcomponents.noteTokens.textFontSize, _styledcomponents.noteTokens.textFontStyle, _styledcomponents.noteTokens.textFontWeight, _styledcomponents.noteTokens.textLetterSpacing, _styledcomponents.noteTokens.textLineHeight),
+            xs: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.noteTokens.padding, _styledcomponents.noteTokens.paddingScalable, _styledcomponents.noteTokens.borderRadius, _styledcomponents.noteTokens.gap, _styledcomponents.noteTokens.gapScalable, _styledcomponents.noteTokens.contentGap, _styledcomponents.noteTokens.closeIconTop, _styledcomponents.noteTokens.closeIconRight, _styledcomponents.noteTokens.closeIconColor, _styledcomponents.noteTokens.closeIconColorOnHover, _styledcomponents.noteTokens.closeIconSize, _styledcomponents.noteTokens.closeIconButtonSize, _styledcomponents.noteTokens.fixedContentBeforeWidth, _styledcomponents.noteTokens.fixedContentBeforeHeight, _styledcomponents.noteTokens.fixedContentBeforePadding, _styledcomponents.noteTokens.titleFontFamily, _styledcomponents.noteTokens.titleFontSize, _styledcomponents.noteTokens.titleFontStyle, _styledcomponents.noteTokens.titleFontWeight, _styledcomponents.noteTokens.titleLetterSpacing, _styledcomponents.noteTokens.titleLineHeight, _styledcomponents.noteTokens.titlePaddingRight, _styledcomponents.noteTokens.textFontFamily, _styledcomponents.noteTokens.textFontSize, _styledcomponents.noteTokens.textFontStyle, _styledcomponents.noteTokens.textFontWeight, _styledcomponents.noteTokens.textLetterSpacing, _styledcomponents.noteTokens.textLineHeight)
+        }
     }
-  }
-};
+};

package/components/Note/Note.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Note = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Note = /*#__PURE__*/require("./Note.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.noteConfig, _Note.config);
-var Note = exports.Note = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Note", {
+    enumerable: true,
+    get: function() {
+        return Note;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Noteconfig = require("./Note.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.noteConfig, _Noteconfig.config);
+var Note = (0, _styledcomponents.component)(mergedConfig);