@salutejs/plasma-new-hope 0.133.2-canary.1396.10611246152.0 → 0.134.0-canary.1352.10609199302.0

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Notification = /*#__PURE__*/require("../../../../components/Notification");
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Notification.notificationTokens.contentColor, ":var(--text-secondary);", _Notification.notificationTokens.background, ":var(--surface-transparent-card);", _Notification.notificationTokens.borderRadius, ":0.75rem;", _Notification.notificationTokens.padding, ":0.375rem;", _Notification.notificationTokens.contentPaddingTop, ":0.125rem;", _Notification.notificationTokens.contentPaddingRight, ":0.25rem;", _Notification.notificationTokens.contentPaddingBottom, ":0rem;", _Notification.notificationTokens.contentPaddingLeft, ":0.25rem;", _Notification.notificationTokens.contentPaddingTopWithoutIcon, ":0.25rem;", _Notification.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, ":1rem;", _Notification.notificationTokens.textboxPaddingTop, ":0.1875rem;", _Notification.notificationTokens.textboxPaddingRight, ":0.125rem;", _Notification.notificationTokens.textboxPaddingBottom, ":0.375rem;", _Notification.notificationTokens.textboxPaddingLeft, ":0.125rem;", _Notification.notificationTokens.textboxPaddingRightWithCloseIcon, ":1.625rem;", _Notification.notificationTokens.textboxGap, ":0.25rem;", _Notification.notificationTokens.closeIconTop, ":0.5rem;", _Notification.notificationTokens.closeIconRight, ":0.5rem;", _Notification.notificationTokens.buttonsMarginTop, ":0.375rem;", _Notification.notificationTokens.contentLeftIconSize, ":1.5rem;", _Notification.notificationTokens.contentLeftIconMargin, ":0.375rem;", _Notification.notificationTokens.contentTopIconMargin, ":0.5rem;", _Notification.notificationTokens.contentFontFamily, ":var(--plasma-typo-body-s-font-family);", _Notification.notificationTokens.contentFontSize, ":var(--plasma-typo-body-s-font-size);", _Notification.notificationTokens.contentFontStyle, ":var(--plasma-typo-body-s-font-style);", _Notification.notificationTokens.contentFontWeight, ":var(--plasma-typo-body-s-font-weight);", _Notification.notificationTokens.contentFontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Notification.notificationTokens.contentFontLineHeight, ":var(--plasma-typo-body-s-line-height);", _Notification.notificationTokens.titleFontFamily, ":var(--plasma-typo-body-s-font-family);", _Notification.notificationTokens.titleFontSize, ":var(--plasma-typo-body-s-font-size);", _Notification.notificationTokens.titleFontStyle, ":var(--plasma-typo-body-s-font-style);", _Notification.notificationTokens.titleFontWeight, ":var(--plasma-typo-body-s-bold-font-weight);", _Notification.notificationTokens.titleFontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Notification.notificationTokens.titleFontLineHeight, ":var(--plasma-typo-body-s-line-height);", _Notification.notificationTokens.closeIconColor, ":var(--text-tertiary);", _Notification.notificationTokens.closeIconColorOnHover, ":var(--text-primary);", _Notification.notificationTokens.horizontalLayoutGap, ":0.375rem;", _Notification.notificationTokens.horizontalLayoutLeftIconMargin, ":0.75rem;", _Notification.notificationTokens.paddingOneLineTextbox, ":0.8125rem 0.5rem 0.8125rem 0.875rem;;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbm90aWZpY2F0aW9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcFdpdGhvdXRJY29ufTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0UmlnaHRQYWRkaW5nV2l0aG91dENsb3NlSWNvbn06IDFyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcH06IDAuMTg3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdCb3R0b219OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ0xlZnR9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nUmlnaHRXaXRoQ2xvc2VJY29ufTogMS42MjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveEdhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Ub3B9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uUmlnaHR9OiAwLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luVG9wfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25TaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRMZWZ0SWNvbk1hcmdpbn06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRUb3BJY29uTWFyZ2lufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmhvcml6b250YWxMYXlvdXRHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0TGVmdEljb25NYXJnaW59OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmdPbmVMaW5lVGV4dGJveH06IDAuODEyNXJlbSAwLjVyZW0gMC44MTI1cmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgICBob3Jpem9udGFsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAyNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0UGFkZGluZ306IDFyZW0gMC41cmVtIDFyZW0gMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgdmVydGljYWw6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy53aWR0aH06IDE1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nVG9wV2l0aFRvcEljb259OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3B9OiAwLjEyNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1JpZ2h0fTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0JvdHRvbX06IDByZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdMZWZ0fTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmJ1dHRvbnNNYXJnaW5MZWZ0fTogMHJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    layout: {
+      horizontal: /*#__PURE__*/(0, _react.css)(_Notification.notificationTokens.width, ":25rem;", _Notification.notificationTokens.horizontalLayoutPadding, ":1rem 0.5rem 1rem 0.875rem;;label:plasma-new-hope__horizontal;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFMkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      vertical: /*#__PURE__*/(0, _react.css)(_Notification.notificationTokens.width, ":15rem;", _Notification.notificationTokens.padding, ":0.375rem;;label:plasma-new-hope__vertical;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _react.css)(_Notification.notificationTokens.closeIconTop, ":0.5rem;", _Notification.notificationTokens.closeIconRight, ":0.5rem;", _Notification.notificationTokens.padding, ":0.375rem;", _Notification.notificationTokens.textboxPaddingTopWithTopIcon, ":0rem;", _Notification.notificationTokens.contentPaddingTop, ":0.125rem;", _Notification.notificationTokens.contentPaddingRight, ":0.25rem;", _Notification.notificationTokens.contentPaddingBottom, ":0rem;", _Notification.notificationTokens.contentPaddingLeft, ":0.25rem;", _Notification.notificationTokens.buttonsMarginLeft, ":0rem;;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationsProvider = exports.Notification = void 0;
+Object.defineProperty(exports, "modalClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Modal.modalClasses;
+  }
+});
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Notification = /*#__PURE__*/require("../../../../components/Notification");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Notification2 = /*#__PURE__*/require("./Notification.config");
+var _Modal = /*#__PURE__*/require("../../../../components/Modal");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Notification.noticationConfig, _Notification2.config);
+var Notification = exports.Notification = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
+  var children = _ref.children,
+    _ref$frame = _ref.frame,
+    frame = _ref$frame === void 0 ? 'theme-root' : _ref$frame;
+  return /*#__PURE__*/_react["default"].createElement(_Notification.NotificationsProvider, {
+    config: mergedConfig,
+    frame: frame
+  }, children);
+};

package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx

@@ -0,0 +1,159 @@
+import React, { useCallback, useRef, useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { Button } from '../Button/Button';
+import { Modal } from '../Modal/Modal';
+import {
+    NotificationIconPlacement,
+    NotificationLayout,
+    addNotification,
+} from '../../../../../src/components/Notification';
+import { WithTheme } from '../../../_helpers';
+import { PopupProvider } from '../Popup/Popup';
+import { NotificationProps } from '../../../../components/Notification';
+import { IconDisclosureRight } from '../../../../components/_Icon';
+
+import { Notification, NotificationsProvider } from './Notification';
+
+const titles = ['Выполнено', 'Внимание', 'Ошибка'];
+const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
+const iconPlacement = ['top', 'left'];
+
+const longText = `JavaScript frameworks are an essential part of modern front-end web development,
+providing developers with proven tools for building scalable, interactive web applications.
+`;
+
+const getNotificationProps = (i: number) => ({
+    title: titles[i % 3],
+    children: texts[i % 3],
+    iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
+});
+
+const placements = ['top', 'left'];
+
+const meta: Meta<NotificationProps> = {
+    title: 'sds_engineer/Notification',
+    decorators: [WithTheme],
+};
+
+export default meta;
+
+interface StoryDefaultProps {
+    title: string;
+    children: string;
+    showCloseIcon: boolean;
+    showLeftIcon: boolean;
+    layout: NotificationLayout;
+    iconPlacement: NotificationIconPlacement;
+}
+
+const StoryDefault = ({ title, children, iconPlacement, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
+    return (
+        <Notification
+            title={title}
+            icon={showLeftIcon ? <IconDisclosureRight /> : ''}
+            iconPlacement={iconPlacement}
+            actions={<Button text="text" size="xs" stretch={layout === 'vertical'} />}
+            layout={layout}
+            {...rest}
+        >
+            {children}
+        </Notification>
+    );
+};
+
+export const Default: StoryObj<StoryDefaultProps> = {
+    argTypes: {
+        iconPlacement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        layout: {
+            options: ['vertical', 'horizontal'],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        title: 'Title',
+        children: longText,
+        showCloseIcon: true,
+        showLeftIcon: true,
+        iconPlacement: 'top',
+        layout: 'vertical',
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
+    timeout: number;
+    layout: NotificationLayout;
+    iconPlacement: NotificationIconPlacement;
+};
+
+const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
+    const count = useRef(0);
+    const handleClick = useCallback(() => {
+        addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
+        count.current++;
+    }, [count, rest]);
+
+    return (
+        <NotificationsProvider>
+            <Button text="Добавить уведомление" onClick={handleClick} />
+        </NotificationsProvider>
+    );
+};
+
+export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
+    argTypes: {
+        layout: {
+            options: ['vertical', 'horizontal'],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        timeout: 3000,
+        role: 'alert',
+        layout: 'vertical',
+    },
+    render: (args) => <StoryLiveDemo {...args} />,
+};
+
+type StoryWithModalProps = ComponentProps<typeof Notification> & {
+    timeout: number;
+};
+
+const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const count = useRef(0);
+    const handleClick = useCallback(() => {
+        addNotification(getNotificationProps(count.current), timeout);
+        count.current++;
+    }, [count]);
+
+    return (
+        <NotificationsProvider>
+            <PopupProvider>
+                <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                    <div>Hello!</div>
+                    <Button view="primary" text="Add notification" onClick={handleClick} />
+                </Modal>
+            </PopupProvider>
+        </NotificationsProvider>
+    );
+};
+
+export const WithModal: StoryObj<StoryLiveDemoProps> = {
+    args: {
+        timeout: 3500,
+    },
+    render: (args) => <StoryWithModal {...args} />,
+};

package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx

@@ -0,0 +1,79 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+import { Overlay } from '../../../../components/Overlay';
+
+const onOverlayClick = action('onOverlayClick');
+
+type StoryOverlayProps = ComponentProps<typeof Overlay>;
+
+const meta: Meta<StoryOverlayProps> = {
+    title: 'sds_engineer/Overlay',
+    decorators: [WithTheme],
+    argTypes: {
+        isClickable: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        withBlur: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: false } },
+        },
+        ...disableProps(['onOverlayClick', 'zIndex']),
+    },
+    component: Overlay,
+};
+
+export default meta;
+
+const StyledButton = styled(Button)`
+    margin: 1rem;
+    width: 15rem;
+`;
+
+const StyledCloseButton = styled(Button)`
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: 101;
+    transform: translate(-50%, -50%);
+    width: 15rem;
+`;
+
+const StoryDefault = (props: StoryOverlayProps) => {
+    const [isVisible, setIsVisible] = useState(false);
+
+    return (
+        <>
+            <StyledButton text="Показать overlay" onClick={() => setIsVisible(true)} />
+            {isVisible && (
+                <>
+                    <Overlay {...props} />
+                    <StyledCloseButton text=" Скрыть overlay" onClick={() => setIsVisible(false)} />
+                </>
+            )}
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryOverlayProps> = {
+    args: {
+        zIndex: '100',
+        backgroundColorProperty: 'var(--overlay-soft)',
+        withBlur: false,
+        transparent: false,
+        isClickable: true,
+        onOverlayClick,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.config.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Panel = /*#__PURE__*/require("../../../../components/Panel");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm',
+    borderRadius: 'none'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Panel.panelTokens.background, ":var(--surface-solid-card);", _Panel.panelTokens.shadow, ":0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);", _Panel.panelTokens.contentBackgroundColor, ":var(--surface-transparent-primary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwYW5lbFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUGFuZWwnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5zaGFkb3d9OiAwIDMuNzVyZW0gN3JlbSAtMC41cmVtIHJnYmEoMCwgMCwgMCwgMC4wOCk7XG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5jb250ZW50QmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1wcmltYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBib3JkZXJSYWRpdXM6IHtcbiAgICAgICAgICAgIG5vbmU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDA7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      m: /*#__PURE__*/(0, _react.css)(_Panel.panelTokens.padding, ":1.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    borderRadius: {
+      none: /*#__PURE__*/(0, _react.css)(_Panel.panelTokens.borderRadius, ":0;;label:plasma-new-hope__none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      "default": /*#__PURE__*/(0, _react.css)(_Panel.panelTokens.borderRadius, ":0.625rem;;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PanelHeader = exports.PanelFooter = exports.PanelContent = exports.Panel = void 0;
+var _Panel = /*#__PURE__*/require("../../../../components/Panel");
+var _Panel2 = /*#__PURE__*/require("../../../../components/Panel/Panel");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Panel3 = /*#__PURE__*/require("./Panel.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Panel2.panelConfig, _Panel3.config);
+var Panel = exports.Panel = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var mergedContentConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Panel.panelContentConfig);
+var PanelContent = exports.PanelContent = /*#__PURE__*/(0, _engines.component)(mergedContentConfig);
+var mergedHeaderConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Panel.panelHeaderConfig);
+var PanelHeader = exports.PanelHeader = /*#__PURE__*/(0, _engines.component)(mergedHeaderConfig);
+var mergedFooterConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Panel.panelFooterConfig);
+var PanelFooter = exports.PanelFooter = /*#__PURE__*/(0, _engines.component)(mergedFooterConfig);

package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx

@@ -0,0 +1,148 @@
+import React, { useState } from 'react';
+import styled from '@emotion/styled';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { IconDone } from '../../../../components/_Icon';
+import { ClosePlacementType } from '../../../../components/Panel';
+import { SSRProvider } from '../../../../components/SSRProvider';
+
+import { Panel, PanelContent, PanelFooter, PanelHeader } from './Panel';
+
+export default {
+    title: 'sds_engineer/Panel',
+    decorators: [WithTheme],
+    argTypes: {
+        borderRadius: {
+            options: ['none', 'default'],
+            control: {
+                type: 'select',
+            },
+        },
+        showHeader: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        showFooter: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        showActions: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        closePlacement: {
+            options: ['right', 'left'],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'right' } },
+        },
+    },
+} as Meta;
+
+type StoryPanelProps = ComponentProps<typeof Panel> & {
+    showHeader: boolean;
+    showFooter: boolean;
+    showActions: boolean;
+    closePlacement: string;
+    hasCloseArrow: boolean;
+};
+
+const StyledWrapper = styled.div`
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+`;
+
+const StyledContentWrapper = styled.div`
+    height: 80%;
+    display: flex;
+    flex-grow: 1;
+`;
+
+const StyledContent = styled.div`
+    background: #f5f5dc;
+    flex-grow: 1;
+    height: 100%;
+`;
+
+const StyledSection = styled.div`
+    background: #808080;
+    min-height: 20%;
+`;
+
+const StyledIconButton = styled(Button)`
+    position: relative;
+    width: 1.5rem;
+    height: 1.5rem;
+`;
+
+const StoryPanelDemo = ({ showHeader, showFooter, showActions, closePlacement, ...rest }: StoryPanelProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <SSRProvider>
+            <StyledWrapper>
+                <StyledSection>
+                    <Button text="Открыть панель" onClick={() => setIsOpen(true)} />
+                </StyledSection>
+                <StyledContentWrapper>
+                    {isOpen && (
+                        <Panel {...rest}>
+                            <PanelHeader
+                                closePlacement={closePlacement as ClosePlacementType}
+                                actions={
+                                    showActions && (
+                                        <StyledIconButton size="s" view="clear">
+                                            <IconDone size="s" />
+                                        </StyledIconButton>
+                                    )
+                                }
+                                onClose={() => setIsOpen(false)}
+                            >
+                                {showHeader && <Heading size="h3">Header</Heading>}
+                            </PanelHeader>
+                            <PanelContent>Content</PanelContent>
+                            {showFooter && (
+                                <PanelFooter>
+                                    <Heading size="h3">Footer</Heading>
+                                </PanelFooter>
+                            )}
+                        </Panel>
+                    )}
+                    <StyledContent>
+                        <Heading style={{ margin: '2rem' }} size="h2">
+                            Some basic content
+                        </Heading>
+                    </StyledContent>
+                </StyledContentWrapper>
+                <StyledSection />
+            </StyledWrapper>
+        </SSRProvider>
+    );
+};
+
+export const PanelDemo: StoryObj<StoryPanelProps> = {
+    args: {
+        showHeader: true,
+        showFooter: true,
+        showActions: true,
+        hasCloseArrow: true,
+        borderRadius: 'none',
+        closePlacement: 'right',
+        width: '30%',
+        height: '100%',
+    },
+    render: (args) => <StoryPanelDemo {...args} />,
+};

package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.config.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Popover = /*#__PURE__*/require("../../../../components/Popover");
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Popover.popoverTokens.arrowMaskWidth, ":1rem;", _Popover.popoverTokens.arrowMaskHeight, ":1rem;", _Popover.popoverTokens.arrowMaskImage, ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", _Popover.popoverTokens.arrowHeight, ":0.375rem;", _Popover.popoverTokens.arrowEdgeMargin, ":0.5625rem;", _Popover.popoverTokens.arrowBackground, ":var(--plasma-colors-surface-solid03);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd01hc2tXaWR0aH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0hlaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0ltYWdlfTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCM2FXUjBhRDBpTVRZaUlHaGxhV2RvZEQwaU1UWWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmMzWm5QU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUkrQ2lBZ1BIQmhkR2dnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSnRNQ3c1TGpnMWJERTJMREJqTFRRdU5ERXNNQ0F0T0N3eUxqWTVJQzA0TERaak1Dd3RNeTR6TVNBdE15NDFPU3d0TmlBdE9Dd3RObm9pSUdacGJHdzlJaU14TnpFM01UY2lJR1pwYkd3dGNuVnNaVDBpWlhabGJtOWtaQ0lnYVdROUlsUmhhV3dpTHo0S1BDOXpkbWMrXCIpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0hlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiAwLjU2MjVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93QmFja2dyb3VuZH06IHZhcigtLXBsYXNtYS1jb2xvcnMtc3VyZmFjZS1zb2xpZDAzKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = void 0;
+var _Popover = /*#__PURE__*/require("../../../../components/Popover");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Popover2 = /*#__PURE__*/require("./Popover.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Popover.popoverConfig, _Popover2.config);
+var Popover = exports.Popover = /*#__PURE__*/(0, _engines.component)(mergedConfig);