@salutejs/plasma-new-hope 0.324.1-canary.1997.15290839769.0 → 0.324.1-canary.1999.15295614542.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/cjs/components/Notification/Notification.css +12 -12
  2. package/cjs/components/Notification/Notification.js +5 -1
  3. package/cjs/components/Notification/Notification.js.map +1 -1
  4. package/cjs/components/Notification/Notification.styles.js +63 -48
  5. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  6. package/cjs/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
  7. package/cjs/components/Notification/Notification.types.js.map +1 -1
  8. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  9. package/cjs/components/Notification/variations/_layout/base.js +1 -1
  10. package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
  11. package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
  12. package/cjs/index.css +12 -12
  13. package/emotion/cjs/components/Notification/Notification.js +5 -1
  14. package/emotion/cjs/components/Notification/Notification.styles.js +43 -36
  15. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +44 -0
  16. package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
  17. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +16 -1
  18. package/emotion/cjs/examples/fixtures/Notification.js +1 -1
  19. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  20. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
  21. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  22. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  23. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +23 -22
  24. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  25. package/emotion/es/components/Notification/Notification.js +5 -1
  26. package/emotion/es/components/Notification/Notification.styles.js +43 -36
  27. package/emotion/es/components/Notification/Notification.template-doc.mdx +44 -0
  28. package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
  29. package/emotion/es/components/TextField/TextField.template-doc.mdx +16 -1
  30. package/emotion/es/examples/fixtures/Notification.js +1 -1
  31. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  32. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
  33. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  34. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  35. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +23 -22
  36. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  37. package/es/components/Notification/Notification.css +12 -12
  38. package/es/components/Notification/Notification.js +5 -1
  39. package/es/components/Notification/Notification.js.map +1 -1
  40. package/es/components/Notification/Notification.styles.js +63 -48
  41. package/es/components/Notification/Notification.styles.js.map +1 -1
  42. package/es/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
  43. package/es/components/Notification/Notification.types.js.map +1 -1
  44. package/es/components/Notification/NotificationsProvider.css +11 -11
  45. package/es/components/Notification/variations/_layout/base.js +1 -1
  46. package/es/components/Notification/variations/_layout/base.js.map +1 -1
  47. package/es/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
  48. package/es/index.css +12 -12
  49. package/package.json +2 -2
  50. package/styled-components/cjs/components/Notification/Notification.js +5 -1
  51. package/styled-components/cjs/components/Notification/Notification.styles.js +33 -26
  52. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +44 -0
  53. package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
  54. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +16 -1
  55. package/styled-components/cjs/examples/fixtures/Notification.js +1 -1
  56. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  57. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
  58. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  59. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  60. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -6
  61. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  62. package/styled-components/es/components/Notification/Notification.js +5 -1
  63. package/styled-components/es/components/Notification/Notification.styles.js +33 -26
  64. package/styled-components/es/components/Notification/Notification.template-doc.mdx +44 -0
  65. package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
  66. package/styled-components/es/components/TextField/TextField.template-doc.mdx +16 -1
  67. package/styled-components/es/examples/fixtures/Notification.js +1 -1
  68. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  69. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
  70. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  71. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  72. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -6
  73. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  74. package/types/components/Notification/Notification.d.ts.map +1 -1
  75. package/types/components/Notification/Notification.styles.d.ts +3 -1
  76. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  77. package/types/components/Notification/Notification.types.d.ts +9 -0
  78. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  79. package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
  80. package/es/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
package/cjs/index.css CHANGED
@@ -354,21 +354,21 @@
354
354
 
355
355
  .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
356
356
 
357
- .base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea{width:var(--plasma-notification-width);padding:var(--plasma-notification-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationWithoutCloseIcon__4791b7ea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationOneLineTextbox__4791b7ea{padding:var(--plasma-notification-padding-one-line-textbox);}
357
+ .base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea{padding:var(--plasma-notification-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationWithoutCloseIcon__c76a6dea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationOneLineTextbox__c76a6dea{padding:var(--plasma-notification-padding-one-line-textbox);}
358
358
 
359
359
  .base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{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_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237.base_1insfd_notificationWithoutIcon__cb9a5237{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationCloseIcon__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
360
360
 
361
- .Notification_styles_1yt699o_sb12p__ff5174fd{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
362
- .Notification_styles_1yt699o_crvd7hm__ff5174fd{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_1yt699o_crvd7hm__ff5174fd:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1yt699o_crvd7hm__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{position:relative;}
363
- .Notification_styles_1yt699o_wg1ga5v__ff5174fd{position:relative;box-sizing:border-box;background:var(--wg1ga5v-0);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.Notification_styles_1yt699o_wg1ga5v__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{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);}
364
- .Notification_styles_1yt699o_b1amsn8a__ff5174fd{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_1yt699o_b1amsn8a__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-top:unset;margin-left:unset;}
365
- .Notification_styles_1yt699o_i14raqr9__ff5174fd{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_1yt699o_i14raqr9__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
366
- .Notification_styles_1yt699o_c157peez__ff5174fd{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1yt699o_c157peez__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{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;}
367
- .Notification_styles_1yt699o_t1vmb0f2__ff5174fd{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_1yt699o_t1vmb0f2__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{padding:unset;}
368
- .Notification_styles_1yt699o_s1k4e58v__ff5174fd{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);}
369
- .Notification_styles_1yt699o_s92kmpm__ff5174fd{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(--s92kmpm-0);}
370
- .Notification_styles_1yt699o_s18m0x6v__ff5174fd{margin-top:1rem;opacity:1;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationTopToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationBottomToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}@-webkit-keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{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_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{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_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{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_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{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_1yt699o_showAnimationS18m0x6v__ff5174fd{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_1yt699o_showAnimationS18m0x6v__ff5174fd{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_1yt699o_hideAnimationS18m0x6v__ff5174fd{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_1yt699o_hideAnimationS18m0x6v__ff5174fd{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;}}
371
- .Notification_styles_1yt699o_sfe5ql2__ff5174fd{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);}
361
+ .Notification_styles_1uyb7ob_sb12p__65d2ebe5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
362
+ .Notification_styles_1uyb7ob_crvd7hm__65d2ebe5{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_1uyb7ob_crvd7hm__65d2ebe5:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1uyb7ob_crvd7hm__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{position:relative;}
363
+ .Notification_styles_1uyb7ob_wg1ga5v__65d2ebe5{position:relative;width:var(--wg1ga5v-0);max-width:var(--wg1ga5v-1);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);background:var(--wg1ga5v-2);box-sizing:border-box;}.Notification_styles_1uyb7ob_wg1ga5v__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{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);}
364
+ .Notification_styles_1uyb7ob_b1amsn8a__65d2ebe5{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_1uyb7ob_b1amsn8a__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{margin-top:unset;margin-left:unset;}
365
+ .Notification_styles_1uyb7ob_i14raqr9__65d2ebe5{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_1uyb7ob_i14raqr9__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
366
+ .Notification_styles_1uyb7ob_c157peez__65d2ebe5{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1uyb7ob_c157peez__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{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;}
367
+ .Notification_styles_1uyb7ob_t1vmb0f2__65d2ebe5{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_1uyb7ob_t1vmb0f2__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{padding:unset;}
368
+ .Notification_styles_1uyb7ob_s1k4e58v__65d2ebe5{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);}
369
+ .Notification_styles_1uyb7ob_s92kmpm__65d2ebe5{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(--s92kmpm-0);}
370
+ .Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5{margin-top:1rem;opacity:1;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationLeftToRightAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationTopToCenterAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationBottomToCenterAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemHidden__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemHidden__65d2ebe5.Notification_styles_1uyb7ob_notificationLeftToRightAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;}@-webkit-keyframes Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_showAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_showAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5{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_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5{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;}}
371
+ .Notification_styles_1uyb7ob_sfe5ql2__65d2ebe5{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);}
372
372
 
373
373
  .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);}
374
374
 
@@ -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", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
20
+ var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -45,6 +45,8 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
45
45
  textColor = props.textColor,
46
46
  titleColor = props.titleColor,
47
47
  backgroundColor = props.backgroundColor,
48
+ width = props.width,
49
+ maxWidth = props.maxWidth,
48
50
  onCloseButtonClick = props.onCloseButtonClick,
49
51
  rest = _objectWithoutProperties(props, _excluded);
50
52
  var ariaLive = 'polite';
@@ -72,6 +74,8 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
72
74
  "aria-atomic": ariaAtomic
73
75
  }, rest), /*#__PURE__*/_react["default"].createElement(_Notification3.Wrapper, {
74
76
  backgroundColor: backgroundColor,
77
+ width: width,
78
+ maxWidth: maxWidth,
75
79
  className: (0, _utils.cx)(_Notification.classes.wrapper, (0, _utils2.getLayoutClass)(layout), oneLineClass, withoutCloseIconClass)
76
80
  }, /*#__PURE__*/_react["default"].createElement(_Notification3.ContentBox, {
77
81
  iconPlacement: IconPlacementInternal,