@salutejs/plasma-new-hope 0.270.0-dev.0 → 0.271.0-canary.1778.13389874162.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Notification/Notification.css +11 -11
- package/cjs/components/Notification/Notification.js +7 -3
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +42 -26
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_1u5gusp.css → Notification.styles_gk4bgs.css} +2 -2
- package/cjs/components/Notification/Notification.tokens.js +1 -0
- package/cjs/components/Notification/Notification.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +1 -0
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Notification/Notification.js +7 -3
- package/emotion/cjs/components/Notification/Notification.styles.js +32 -26
- package/emotion/cjs/components/Notification/Notification.tokens.js +1 -0
- package/emotion/cjs/components/Notification/NotificationsPortal.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +11 -7
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +35 -3
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.config.js +11 -7
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +18 -2
- package/emotion/es/components/Notification/Notification.js +7 -3
- package/emotion/es/components/Notification/Notification.styles.js +32 -26
- package/emotion/es/components/Notification/Notification.tokens.js +1 -0
- package/emotion/es/components/Notification/NotificationsPortal.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.config.js +11 -7
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +35 -3
- package/emotion/es/examples/plasma_web/components/Notification/Notification.config.js +11 -7
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +18 -2
- package/es/components/Notification/Notification.css +11 -11
- package/es/components/Notification/Notification.js +7 -3
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +42 -26
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_1u5gusp.css → Notification.styles_gk4bgs.css} +2 -2
- package/es/components/Notification/Notification.tokens.js +1 -0
- package/es/components/Notification/Notification.tokens.js.map +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +1 -0
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/Notification.js +7 -3
- package/styled-components/cjs/components/Notification/Notification.styles.js +21 -15
- package/styled-components/cjs/components/Notification/Notification.tokens.js +1 -0
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +5 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +35 -3
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.config.js +5 -1
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +18 -2
- package/styled-components/es/components/Notification/Notification.js +7 -3
- package/styled-components/es/components/Notification/Notification.styles.js +21 -15
- package/styled-components/es/components/Notification/Notification.tokens.js +1 -0
- package/styled-components/es/components/Notification/NotificationsPortal.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.config.js +5 -1
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +35 -3
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.config.js +5 -1
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +18 -2
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +6 -2
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.tokens.d.ts +1 -0
- package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +8 -0
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.config.d.ts +4 -0
- package/types/examples/plasma_web/components/Notification/Notification.config.d.ts.map +1 -1
package/cjs/index.css
CHANGED
|
@@ -353,17 +353,17 @@
|
|
|
353
353
|
|
|
354
354
|
.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd.base_crlufx_notificationWithoutIcon__c6cc97dd{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificationCloseIcon__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
|
|
355
355
|
|
|
356
|
-
.
|
|
357
|
-
.
|
|
358
|
-
.
|
|
359
|
-
.
|
|
360
|
-
.
|
|
361
|
-
.
|
|
362
|
-
.
|
|
363
|
-
.
|
|
364
|
-
.
|
|
365
|
-
.
|
|
366
|
-
.
|
|
356
|
+
.Notification_styles_gk4bgs_sb12p__85070c43{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
357
|
+
.Notification_styles_gk4bgs_crvd7hm__85070c43{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.Notification_styles_gk4bgs_crvd7hm__85070c43:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_gk4bgs_crvd7hm__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{position:relative;}
|
|
358
|
+
.Notification_styles_gk4bgs_wg1ga5v__85070c43{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.Notification_styles_gk4bgs_wg1ga5v__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-notification-horizontal-layout-gap);}
|
|
359
|
+
.Notification_styles_gk4bgs_b1amsn8a__85070c43{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.Notification_styles_gk4bgs_b1amsn8a__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{margin-top:unset;margin-left:unset;}
|
|
360
|
+
.Notification_styles_gk4bgs_i14raqr9__85070c43{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.Notification_styles_gk4bgs_i14raqr9__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
|
|
361
|
+
.Notification_styles_gk4bgs_c157peez__85070c43{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_gk4bgs_c157peez__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{padding:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
|
|
362
|
+
.Notification_styles_gk4bgs_t1vmb0f2__85070c43{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_gk4bgs_t1vmb0f2__85070c43.Notification_styles_gk4bgs_notificationLayoutHorizontal__85070c43{padding:unset;}
|
|
363
|
+
.Notification_styles_gk4bgs_s1k4e58v__85070c43{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s1k4e58v-0);}
|
|
364
|
+
.Notification_styles_gk4bgs_s92kmpm__85070c43{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
|
|
365
|
+
.Notification_styles_gk4bgs_s18m0x6v__85070c43{margin-top:1rem;opacity:1;}.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_notificationItemOpened__85070c43{-webkit-animation:0.4s Notification_styles_gk4bgs_showAnimationS18m0x6v__85070c43 ease-out;animation:0.4s Notification_styles_gk4bgs_showAnimationS18m0x6v__85070c43 ease-out;}.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_notificationItemOpened__85070c43.Notification_styles_gk4bgs_notificationLeftToRightAnimation__85070c43{-webkit-animation:0.4s Notification_styles_gk4bgs_showLeftToRightAnimationS18m0x6v__85070c43 ease-out;animation:0.4s Notification_styles_gk4bgs_showLeftToRightAnimationS18m0x6v__85070c43 ease-out;}.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_notificationItemHidden__85070c43{-webkit-animation:0.4s Notification_styles_gk4bgs_hideAnimationS18m0x6v__85070c43 ease-out;animation:0.4s Notification_styles_gk4bgs_hideAnimationS18m0x6v__85070c43 ease-out;}.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_s18m0x6v__85070c43.Notification_styles_gk4bgs_notificationItemHidden__85070c43.Notification_styles_gk4bgs_notificationLeftToRightAnimation__85070c43{-webkit-animation:0.4s Notification_styles_gk4bgs_hideLeftToRightAnimationS18m0x6v__85070c43 ease-out;animation:0.4s Notification_styles_gk4bgs_hideLeftToRightAnimationS18m0x6v__85070c43 ease-out;}@-webkit-keyframes Notification_styles_gk4bgs_showLeftToRightAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_gk4bgs_showLeftToRightAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_gk4bgs_hideLeftToRightAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_gk4bgs_hideLeftToRightAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_gk4bgs_showAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_gk4bgs_showAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_gk4bgs_hideAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_gk4bgs_hideAnimationS18m0x6v__85070c43{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
|
|
366
|
+
.Notification_styles_gk4bgs_sfe5ql2__85070c43{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
|
|
367
367
|
|
|
368
368
|
.base_dzs9wa_bd1gfvh__e42804c6{--plasma-panel-background:var(--plasma-drawer-background);--plasma-panel-shadow:var(--plasma-drawer-shadow);--plasma-panel-content-background-color:var(--plasma-drawer-content-background-color);}
|
|
369
369
|
|
|
@@ -17,7 +17,7 @@ var _base4 = /*#__PURE__*/require("./variations/_closeIconType/base");
|
|
|
17
17
|
var _Notification2 = /*#__PURE__*/require("./Notification.types");
|
|
18
18
|
var _Notification3 = /*#__PURE__*/require("./Notification.styles");
|
|
19
19
|
var _utils2 = /*#__PURE__*/require("./utils");
|
|
20
|
-
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
|
|
20
|
+
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "iconColor", "onCloseButtonClick"];
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -42,6 +42,8 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
|
42
42
|
layout = _props$layout === void 0 ? _Notification2.layouts.vertical : _props$layout,
|
|
43
43
|
icon = props.icon,
|
|
44
44
|
closeIconType = props.closeIconType,
|
|
45
|
+
textColor = props.textColor,
|
|
46
|
+
iconColor = props.iconColor,
|
|
45
47
|
onCloseButtonClick = props.onCloseButtonClick,
|
|
46
48
|
rest = _objectWithoutProperties(props, _excluded);
|
|
47
49
|
var ariaLive = 'polite';
|
|
@@ -74,13 +76,15 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
|
74
76
|
className: (0, _utils.cx)(_Notification.classes.contentBox, (0, _utils2.getLayoutClass)(layout), withoutIconClass)
|
|
75
77
|
}, icon && /*#__PURE__*/_react["default"].createElement(_Notification3.IconWrapper, {
|
|
76
78
|
iconPlacement: IconPlacementInternal,
|
|
77
|
-
className: (0, _utils.cx)(_Notification.classes.icon, (0, _utils2.getLayoutClass)(layout))
|
|
79
|
+
className: (0, _utils.cx)(_Notification.classes.icon, (0, _utils2.getLayoutClass)(layout)),
|
|
80
|
+
iconColor: iconColor
|
|
78
81
|
}, icon), /*#__PURE__*/_react["default"].createElement(_Notification3.TextBox, {
|
|
79
82
|
iconPlacement: IconPlacementInternal,
|
|
80
83
|
showCloseIcon: showCloseIcon,
|
|
81
84
|
className: (0, _utils.cx)(_Notification.classes.textbox, (0, _utils2.getLayoutClass)(layout))
|
|
82
85
|
}, title && /*#__PURE__*/_react["default"].createElement(_Notification3.StyledTitle, {
|
|
83
|
-
className: _Notification.classes.title
|
|
86
|
+
className: _Notification.classes.title,
|
|
87
|
+
textColor: textColor
|
|
84
88
|
}, title), content && /*#__PURE__*/_react["default"].createElement(_Notification3.StyledContent, {
|
|
85
89
|
className: _Notification.classes.text
|
|
86
90
|
}, content))), actions && /*#__PURE__*/_react["default"].createElement(_Notification3.ButtonsWrapper, {
|