npm - @salutejs/plasma-new-hope - Versions diffs - 0.252.0-dev.0 → 0.253.0-canary.1719.13069931199.0 - Mend

@salutejs/plasma-new-hope 0.252.0-dev.0 → 0.253.0-canary.1719.13069931199.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 (98) hide show

package/es/components/Toast/Toast.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { Overlay } from '../Overlay';\nimport { buttonTokens } from '../Button';\n\nimport { Button, TOAST_Z_INDEX } from './utils';\nimport { classes, tokens } from './Toast.tokens';\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n\n flex-shrink: 0;\n\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${buttonTokens.buttonWidth}: 1rem;\n`;\n\nexport const StyledRoot = styled.div<{ position: string; isVisible: boolean; offset?: number }>`\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: ${TOAST_Z_INDEX};\n\n display: flex;\n width: 0;\n\n top: ${({ position, offset = 0 }) => (position === 'top' ? `${Number(offset) + 5}rem` : 'unset')};\n bottom: ${({ position, offset = 0 }) => (position === 'bottom' ? `${Number(offset) + 5}rem` : 'unset')};\n\n &.${String(classes.toastShowed)} {\n animation: 0.3s showToastAnimation ease-out forwards;\n }\n\n &.${String(classes.toastHidden)} {\n animation: 0.3s hideToastAnimation ease-out forwards;\n }\n\n @keyframes showToastAnimation {\n 0% {\n transform: ${({ position }) => `translate(-50%, ${position === 'top' ? '-' : ''}5rem)`};\n opacity: 0;\n }\n\n 80% {\n transform: translate(-50%, 0);\n opacity: 0.7;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideToastAnimation {\n 0% {\n opacity: 1;\n }\n\n 20% {\n transform: translate(-50%, 0);\n opacity: 0.7;\n }\n\n 100% {\n transform: ${({ position }) => `translate(-50%, ${position === 'top' ? '-' : ''}5rem)`};\n opacity: 0;\n }\n }\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n height: var(${tokens.closeIconButtonSize});\n --plasma_private-close-icon-margin: var(${tokens.closeIconMargin});\n margin: var(--plasma_private-close-icon-margin);\n\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n`;\n\nexport const StyledOverlay = styled(Overlay)`\n &&.${String(classes.toastFadeShowed)} {\n animation: 0.3s showFadeAnimation ease-out forwards;\n }\n\n &&.${String(classes.toastFadeHidden)} {\n animation: 0.3s hideFadeAnimation ease-out forwards;\n }\n\n @keyframes showFadeAnimation {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideFadeAnimation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n --plasma_private-left-~~content-~~margin: var(${tokens.~~leftContentMargin~~});\n margin: var(--plasma_private-left-~~content-~~margin);\n`;\n\nexport const StyledContent = styled.div~~``;\~~n"],"names":["base","_exp3","_ref","position","_ref$offset","offset","concat","Number","_exp4","_ref2","_ref2$offset","_exp8","_ref3","StyledRoot","styled","name","class","propsAsIs","vars","_exp9","Button","CloseIconWrapper","_exp14","Overlay","StyledOverlay","StyledContentLeft","StyledContent"],"mappings":";;;;AASO,IAAMA,IAAI,GAUhB,WAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAWS,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAASD,QAAQ,KAAK,KAAK,GAAA,EAAA,CAAAG,MAAA,CAAMC,MAAM,CAACF,MAAM,CAAC,GAAG,CAAE,WAAO,OAAQ,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GA7BlFA,SA6BkFA,KAAAA,GAAA;AAAA,EAAA,OACtF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;MAAAO,YAAA,GAAAD,KAAA,CAAEJ,MAAM;AAANA,MAAAA,MAAM,GAAAK,YAAA,KAAG,KAAA,CAAA,GAAA,CAAA,GAAAA,YAAA,CAAA;AAAA,IAAA,OAASP,QAAQ,KAAK,QAAQ,GAAA,EAAA,CAAAG,MAAA,CAAMC,MAAM,CAACF,MAAM,CAAC,GAAG,CAAE,WAAO,OAAQ,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GA9BxFA,SA8BwFA,KAAAA,GAAA;AAAA,EAAA,OAqCjF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGT,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAAA,kBAAAA,CAAAA,MAAAA,CAAkCA,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,EAAG,EAAA,OAAA,CAAA,CAAA;GAAM,CAAA;AAAA,CAAA,CAAA;AA/C3F,IAAMU,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cASrBjB,KAAyF,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtFO,KAA4F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAqCjFG,KAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjG,EAAA;AAAC,IAAAQ,KAAA,GAvEgBA,SAuEhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCC,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,gBAAgB,gBAAGP,MAAM,CAAAK,KAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAUrC,EAAA;AAAC,IAAAK,MAAA,GAnFgBA,SAmFhBA,MAAAA,GAAA;AAAA,EAAA,OAEkCC,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,aAAa,gBAAGV,MAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4BlC,EAAA;AAEM,IAAMQ,iBAAiB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAItC~~,EAAA;~~AAEM~~,~~IAAMS~~,aAAa,~~gBAAGZ~~,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAAM~~;;;;"}
1	+ {"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { Overlay } from '../Overlay';\nimport { buttonTokens } from '../Button';\n\nimport { Button, TOAST_Z_INDEX } from './utils';\nimport { classes, tokens } from './Toast.tokens';\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n\n flex-shrink: 0;\n\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${buttonTokens.buttonWidth}: 1rem;\n`;\n\nexport const StyledRoot = styled.div<{ position: string; isVisible: boolean; offset?: number }>`\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: ${TOAST_Z_INDEX};\n\n display: flex;\n width: 0;\n\n top: ${({ position, offset = 0 }) => (position === 'top' ? `${Number(offset) + 5}rem` : 'unset')};\n bottom: ${({ position, offset = 0 }) => (position === 'bottom' ? `${Number(offset) + 5}rem` : 'unset')};\n\n &.${String(classes.toastShowed)} {\n animation: 0.3s showToastAnimation ease-out forwards;\n }\n\n &.${String(classes.toastHidden)} {\n animation: 0.3s hideToastAnimation ease-out forwards;\n }\n\n @keyframes showToastAnimation {\n 0% {\n transform: ${({ position }) => `translate(-50%, ${position === 'top' ? '-' : ''}5rem)`};\n opacity: 0;\n }\n\n 80% {\n transform: translate(-50%, 0);\n opacity: 0.7;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideToastAnimation {\n 0% {\n opacity: 1;\n }\n\n 20% {\n transform: translate(-50%, 0);\n opacity: 0.7;\n }\n\n 100% {\n transform: ${({ position }) => `translate(-50%, ${position === 'top' ? '-' : ''}5rem)`};\n opacity: 0;\n }\n }\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n height: var(${tokens.closeIconButtonSize});\n --plasma_private-close-icon-margin: var(${tokens.closeIconMargin});\n margin: var(--plasma_private-close-icon-margin);\n\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n`;\n\nexport const StyledOverlay = styled(Overlay)`\n &&.${String(classes.toastFadeShowed)} {\n animation: 0.3s showFadeAnimation ease-out forwards;\n }\n\n &&.${String(classes.toastFadeHidden)} {\n animation: 0.3s hideFadeAnimation ease-out forwards;\n }\n\n @keyframes showFadeAnimation {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideFadeAnimation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n --plasma_private-content-left-margin: var(${tokens.contentLeftMargin});\n margin: var(--plasma_private-content-left-margin);\n color: var(${tokens.contentLeftColor});\n`;\n\nexport const StyledContent = styled.div<{ textColor?: string }>`\n color: ${({ textColor }) => textColor \|\| 'currentColor'};\n`;\n"],"names":["base","_exp3","_ref","position","_ref$offset","offset","concat","Number","_exp4","_ref2","_ref2$offset","_exp8","_ref3","StyledRoot","styled","name","class","propsAsIs","vars","_exp9","Button","CloseIconWrapper","_exp14","Overlay","StyledOverlay","StyledContentLeft","_exp19","_ref4","textColor","StyledContent"],"mappings":"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"}

package/es/components/Toast/{Toast.styles_1nei944.css → Toast.styles_1kasmzh.css} RENAMED Viewed

@@ -2,5 +2,5 @@
 .s1ajsqhx{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.s1ajsqhx.toast-showed{-webkit-animation:0.3s showToastAnimation-s1ajsqhx ease-out forwards;animation:0.3s showToastAnimation-s1ajsqhx ease-out forwards;}.s1ajsqhx.toast-hidden{-webkit-animation:0.3s hideToastAnimation-s1ajsqhx ease-out forwards;animation:0.3s hideToastAnimation-s1ajsqhx ease-out forwards;}@-webkit-keyframes showToastAnimation-s1ajsqhx{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes showToastAnimation-s1ajsqhx{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes hideToastAnimation-s1ajsqhx{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes hideToastAnimation-s1ajsqhx{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
 .cb0tpdq{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.cb0tpdq:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
 .segu2tf.segu2tf.toast-fade-showed{-webkit-animation:0.3s showFadeAnimation-segu2tf ease-out forwards;animation:0.3s showFadeAnimation-segu2tf ease-out forwards;}.segu2tf.segu2tf.toast-fade-hidden{-webkit-animation:0.3s hideFadeAnimation-segu2tf ease-out forwards;animation:0.3s hideFadeAnimation-segu2tf ease-out forwards;}@-webkit-keyframes showFadeAnimation-segu2tf{0%{opacity:0;}100%{opacity:1;}}@keyframes showFadeAnimation-segu2tf{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes hideFadeAnimation-segu2tf{0%{opacity:1;}100%{opacity:0;}}@keyframes hideFadeAnimation-segu2tf{0%{opacity:1;}100%{opacity:0;}}
-.s1bt6ppa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);margin:var(--plasma_private-left-content-margin);}
+.s1bt6ppa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);margin:var(--plasma_private-content-left-margin);color:var(--plasma-toast-content-left-color);}
+.s1h44nk1{color:var(--s1h44nk1-0);}

package/es/components/Toast/Toast.tokens.js CHANGED Viewed

@@ -19,7 +19,8 @@ var tokens = {
   letterSpacing: '--plasma-toast-letter-spacing',
   lineHeight: '--plasma-toast-lineheight',
   pilledBorderRadius: '--plasma-toast-pilled-border-radius',
-  leftContentMargin: '--plasma-toast-left-content-margin',
+  contentLeftMargin: '--plasma-toast-content-left-margin',
+  contentLeftColor: '--plasma-toast-content-left-color',
   closeIconMargin: '--plasma-toast-close-icon-margin',
   closeIconColor: '--plasma-toast-close-icon-color',
   closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',

package/es/components/Toast/Toast.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.tokens.js","sources":["../../../src/components/Toast/Toast.tokens.ts"],"sourcesContent":["export const classes = {\n closeIcon: 'toast-close-icon',\n toastPilled: 'toast-pilled',\n toastShowed: 'toast-showed',\n toastHidden: 'toast-hidden',\n toastFadeShowed: 'toast-fade-showed',\n toastFadeHidden: 'toast-fade-hidden',\n};\n\nexport const tokens = {\n background: '--plasma-toast-background',\n color: '--plasma-toast-color',\n padding: '--plasma-toast-padding',\n borderRadius: '--plasma-toast-border-radius',\n maxWidth: '--plasma-toast-max-width',\n\n fontFamily: '--plasma-toast-font-family',\n fontSize: '--plasma-toast-font-size',\n fontStyle: '--plasma-toast-font-style',\n fontWeight: '--plasma-toast-font-weight',\n letterSpacing: '--plasma-toast-letter-spacing',\n lineHeight: '--plasma-toast-lineheight',\n\n pilledBorderRadius: '--plasma-toast-pilled-border-radius',\n\n ~~leftContentMargin~~: '--plasma-toast-left-content-~~margin~~',\n\n closeIconMargin: '--plasma-toast-close-icon-margin',\n closeIconColor: '--plasma-toast-close-icon-color',\n closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',\n closeIconSize: '--plasma-toast-close-icon-size',\n closeIconButtonSize: '--plasma-toast-close-icon-button-size',\n};\n"],"names":["classes","closeIcon","toastPilled","toastShowed","toastHidden","toastFadeShowed","toastFadeHidden","tokens","background","color","padding","borderRadius","maxWidth","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","pilledBorderRadius","~~leftContentMargin~~","closeIconMargin","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,eAAe,EAAE,mBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,QAAQ,EAAE,0BAA0B;AAEpCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,kBAAkB,EAAE,qCAAqC;AAEzDC,EAAAA,iBAAiB,EAAE,oCAAoC;~~AAEvDC~~,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,mBAAmB,EAAE,uCAAA;AACzB;;;;"}
1	+ {"version":3,"file":"Toast.tokens.js","sources":["../../../src/components/Toast/Toast.tokens.ts"],"sourcesContent":["export const classes = {\n closeIcon: 'toast-close-icon',\n toastPilled: 'toast-pilled',\n toastShowed: 'toast-showed',\n toastHidden: 'toast-hidden',\n toastFadeShowed: 'toast-fade-showed',\n toastFadeHidden: 'toast-fade-hidden',\n};\n\nexport const tokens = {\n background: '--plasma-toast-background',\n color: '--plasma-toast-color',\n padding: '--plasma-toast-padding',\n borderRadius: '--plasma-toast-border-radius',\n maxWidth: '--plasma-toast-max-width',\n\n fontFamily: '--plasma-toast-font-family',\n fontSize: '--plasma-toast-font-size',\n fontStyle: '--plasma-toast-font-style',\n fontWeight: '--plasma-toast-font-weight',\n letterSpacing: '--plasma-toast-letter-spacing',\n lineHeight: '--plasma-toast-lineheight',\n\n pilledBorderRadius: '--plasma-toast-pilled-border-radius',\n\n contentLeftMargin: '--plasma-toast-content-left-margin',\n contentLeftColor: '--plasma-toast-content-left-color',\n\n closeIconMargin: '--plasma-toast-close-icon-margin',\n closeIconColor: '--plasma-toast-close-icon-color',\n closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',\n closeIconSize: '--plasma-toast-close-icon-size',\n closeIconButtonSize: '--plasma-toast-close-icon-button-size',\n};\n"],"names":["classes","closeIcon","toastPilled","toastShowed","toastHidden","toastFadeShowed","toastFadeHidden","tokens","background","color","padding","borderRadius","maxWidth","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","pilledBorderRadius","contentLeftMargin","contentLeftColor","closeIconMargin","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,eAAe,EAAE,mBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,QAAQ,EAAE,0BAA0B;AAEpCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,kBAAkB,EAAE,qCAAqC;AAEzDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,mBAAmB,EAAE,uCAAA;AACzB;;;;"}

package/es/components/Toast/ToastController.css CHANGED Viewed

@@ -1,11 +1,11 @@
 .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
-.Toast_styles_1nei944_b1xqk743__24d4ce6e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
-.Toast_styles_1nei944_s1ajsqhx__24d4ce6e{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
-.Toast_styles_1nei944_cb0tpdq__24d4ce6e{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1nei944_cb0tpdq__24d4ce6e:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
-.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}
-.Toast_styles_1nei944_s1bt6ppa__24d4ce6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);margin:var(--plasma_private-left-content-margin);}
+.Toast_styles_1kasmzh_b1xqk743__8ac79e0c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
+.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastShowed__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastHidden__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}@-webkit-keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
+.Toast_styles_1kasmzh_cb0tpdq__8ac79e0c{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1kasmzh_cb0tpdq__8ac79e0c:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_toastFadeShowed__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c ease-out forwards;}.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_toastFadeHidden__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c ease-out forwards;}@-webkit-keyframes Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c{0%{opacity:1;}100%{opacity:0;}}
+.Toast_styles_1kasmzh_s1bt6ppa__8ac79e0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);margin:var(--plasma_private-content-left-margin);color:var(--plasma-toast-content-left-color);}
+.Toast_styles_1kasmzh_s1h44nk1__8ac79e0c{color:var(--s1h44nk1-0);}
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}

package/es/components/Toast/ToastProvider/ToastProvider.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { slicedToArray as _slicedToArray, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState, useRef, useCallback, useEffect, createContext, useContext } from 'react';
-import { TIMER_DELAY, DEFAULT_POSITION, DEFAULT_FADE } from '../utils.js';
+import { TIMER_DELAY, DEFAULT_POSITION, DEFAULT_FADE, DEFAULT_CLOSE_ICON_TYPE } from '../utils.js';
 var ToastContext = /*#__PURE__*/createContext(null);
 var useToastInner = function useToastInner() {
@@ -113,6 +113,9 @@ var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
         size = _getShowToastCallSign.size,
         view = _getShowToastCallSign.view,
         width = _getShowToastCallSign.width,
+        _getShowToastCallSign4 = _getShowToastCallSign.closeIconType,
+        closeIconType = _getShowToastCallSign4 === void 0 ? DEFAULT_CLOSE_ICON_TYPE : _getShowToastCallSign4,
+        textColor = _getShowToastCallSign.textColor,
         onHide = _getShowToastCallSign.onHide,
         onShow = _getShowToastCallSign.onShow;
       setToastProps({
@@ -126,7 +129,9 @@ var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
         pilled: pilled,
         hasClose: hasClose,
         size: size,
-        view: view
+        view: view,
+        closeIconType: closeIconType,
+        textColor: textColor
       });
       setToastInfo({
         timeout: timeout,

package/es/components/Toast/ToastProvider/ToastProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport type { ReactNode, FC } from 'react';\n\nimport type { CustomToastProps, ToastControllerProps, ToastProps } from '../Toast.types';\nimport { DEFAULT_FADE, DEFAULT_POSITION, TIMER_DELAY } from '../utils';\n\nimport type { ShowToast, ShowToastArgs, ShowToastCallSignature, ToastContextType } from './ToastProvider.types';\n\nexport const ToastContext = createContext<ToastContextType \| null>(null);\n\nexport const useToastInner = () => {\n const context = useContext(ToastContext);\n if (!context) {\n throw new Error('useToast must be used within a ToastProvider');\n }\n return context;\n};\n\nexport const useToast = () => {\n const { showToast, hideToast } = useToastInner();\n return { showToast, hideToast };\n};\n\nconst initialToastData = {\n text: undefined,\n offset: undefined,\n position: DEFAULT_POSITION,\n fade: DEFAULT_FADE,\n timeout: undefined,\n contentLeft: undefined,\n role: undefined,\n pilled: undefined,\n hasClose: undefined,\n width: undefined,\n size: 'm',\n view: 'primary',\n} as CustomToastProps;\n\nconst getShowToastCallSignature = (args: ShowToastCallSignature) => {\n if (typeof args[0] === 'object' && 'text' in args[0]) {\n return args[0];\n }\n\n // TODO: issue https://github.com/salute-developers/plasma/issues/333\n const [text, position, timeout, fade, contentLeft, role, offset, pilled, width, hasClose, size, view] = args;\n\n return { text, position, timeout, fade, contentLeft, role, offset, pilled, width, hasClose, size, view };\n};\n\nexport const ToastProviderHoc = <T extends ToastProps>(ToastComponent: FC<T>) =>\n function ToastProvider({ children }: { children: ReactNode }) {\n const [isVisible, setIsVisible] = useState(false);\n const [isHidden, setIsHidden] = useState(true);\n const hideTimeout = useRef<number \| null>(null);\n const animationRunTimeout = useRef<number \| null>(null);\n\n const [toastProps, setToastProps] = useState<ToastControllerProps>(initialToastData);\n const [toastInfo, setToastInfo] = useState<Pick<ShowToastArgs, 'timeout' \| 'onHide'>>({\n timeout: undefined,\n onHide: undefined,\n });\n\n const showToastCallback: ShowToast = (...args: ShowToastCallSignature) => {\n if (isVisible) {\n return;\n }\n\n const {\n text,\n offset,\n position = DEFAULT_POSITION,\n fade = DEFAULT_FADE,\n timeout,\n contentLeft,\n role,\n pilled,\n hasClose,\n size,\n view,\n width,\n onHide,\n onShow,\n } = getShowToastCallSignature(args);\n\n setToastProps({\n text,\n width,\n position,\n offset,\n fade,\n contentLeft,\n role,\n pilled,\n hasClose,\n size,\n view,\n });\n\n setToastInfo({ timeout, onHide });\n\n setIsHidden(false);\n setIsVisible(true);\n onShow?.();\n };\n\n const showToast = useCallback(showToastCallback, []);\n\n const { onHide, timeout } = toastInfo;\n\n const hideToast = useCallback(() => {\n if (hideTimeout?.current) {\n clearTimeout(hideTimeout.current);\n hideTimeout.current = null;\n }\n\n if (!isVisible) {\n return;\n }\n\n onHide?.();\n setIsVisible(false);\n\n animationRunTimeout.current = setTimeout(() => {\n setIsHidden(true);\n setToastProps(initialToastData);\n }, TIMER_DELAY);\n }, [onHide, isVisible, isHidden]);\n\n useEffect(() => {\n if (timeout === null && animationRunTimeout.current !== null) {\n clearTimeout(animationRunTimeout.current);\n animationRunTimeout.current = null;\n }\n\n return () => {\n if (animationRunTimeout?.current) {\n clearTimeout(animationRunTimeout.current);\n }\n };\n }, [timeout]);\n\n // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount\n useEffect(() => {\n if (timeout && isVisible) {\n hideTimeout.current = setTimeout(() => {\n hideToast();\n }, timeout);\n }\n\n return () => {\n if (hideTimeout?.current) {\n clearTimeout(hideTimeout.current);\n hideTimeout.current = null;\n }\n };\n }, [isVisible, timeout]);\n\n return (\n <ToastContext.Provider value={{ showToast, hideToast, isVisible, hideTimeout, animationRunTimeout }}>\n {children}\n {!isHidden && <ToastComponent {...(toastProps as T)} />}\n </ToastContext.Provider>\n );\n };\n"],"names":["ToastContext","createContext","useToastInner","context","useContext","Error","useToast","_useToastInner","showToast","hideToast","initialToastData","text","undefined","offset","position","DEFAULT_POSITION","fade","DEFAULT_FADE","timeout","contentLeft","role","pilled","hasClose","width","size","view","getShowToastCallSignature","args","_typeof","_args","_slicedToArray","ToastProviderHoc","ToastComponent","ToastProvider","_ref","children","_useState","useState","_useState2","isVisible","setIsVisible","_useState3","_useState4","isHidden","setIsHidden","hideTimeout","useRef","animationRunTimeout","_useState5","_useState6","toastProps","setToastProps","_useState7","onHide","_useState8","toastInfo","setToastInfo","showToastCallback","_len","arguments","length","Array","_key","_getShowToastCallSign","_getShowToastCallSign2","_getShowToastCallSign3","onShow","useCallback","current","clearTimeout","setTimeout","TIMER_DELAY","useEffect","React","createElement","Provider","value"],"mappings":"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"}
1	+ {"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport type { ReactNode, FC } from 'react';\n\nimport type { CustomToastProps, ToastControllerProps, ToastProps } from '../Toast.types';\nimport { DEFAULT_CLOSE_ICON_TYPE, DEFAULT_FADE, DEFAULT_POSITION, TIMER_DELAY } from '../utils';\n\nimport type { ShowToast, ShowToastArgs, ShowToastCallSignature, ToastContextType } from './ToastProvider.types';\n\nexport const ToastContext = createContext<ToastContextType \| null>(null);\n\nexport const useToastInner = () => {\n const context = useContext(ToastContext);\n if (!context) {\n throw new Error('useToast must be used within a ToastProvider');\n }\n return context;\n};\n\nexport const useToast = () => {\n const { showToast, hideToast } = useToastInner();\n return { showToast, hideToast };\n};\n\nconst initialToastData = {\n text: undefined,\n offset: undefined,\n position: DEFAULT_POSITION,\n fade: DEFAULT_FADE,\n timeout: undefined,\n contentLeft: undefined,\n role: undefined,\n pilled: undefined,\n hasClose: undefined,\n width: undefined,\n size: 'm',\n view: 'primary',\n} as CustomToastProps;\n\nconst getShowToastCallSignature = (args: ShowToastCallSignature) => {\n if (typeof args[0] === 'object' && 'text' in args[0]) {\n return args[0];\n }\n\n // TODO: issue https://github.com/salute-developers/plasma/issues/333\n const [text, position, timeout, fade, contentLeft, role, offset, pilled, width, hasClose, size, view] = args;\n\n return { text, position, timeout, fade, contentLeft, role, offset, pilled, width, hasClose, size, view };\n};\n\nexport const ToastProviderHoc = <T extends ToastProps>(ToastComponent: FC<T>) =>\n function ToastProvider({ children }: { children: ReactNode }) {\n const [isVisible, setIsVisible] = useState(false);\n const [isHidden, setIsHidden] = useState(true);\n const hideTimeout = useRef<number \| null>(null);\n const animationRunTimeout = useRef<number \| null>(null);\n\n const [toastProps, setToastProps] = useState<ToastControllerProps>(initialToastData);\n const [toastInfo, setToastInfo] = useState<Pick<ShowToastArgs, 'timeout' \| 'onHide'>>({\n timeout: undefined,\n onHide: undefined,\n });\n\n const showToastCallback: ShowToast = (...args: ShowToastCallSignature) => {\n if (isVisible) {\n return;\n }\n\n const {\n text,\n offset,\n position = DEFAULT_POSITION,\n fade = DEFAULT_FADE,\n timeout,\n contentLeft,\n role,\n pilled,\n hasClose,\n size,\n view,\n width,\n closeIconType = DEFAULT_CLOSE_ICON_TYPE,\n textColor,\n onHide,\n onShow,\n } = getShowToastCallSignature(args);\n\n setToastProps({\n text,\n width,\n position,\n offset,\n fade,\n contentLeft,\n role,\n pilled,\n hasClose,\n size,\n view,\n closeIconType,\n textColor,\n });\n\n setToastInfo({ timeout, onHide });\n\n setIsHidden(false);\n setIsVisible(true);\n onShow?.();\n };\n\n const showToast = useCallback(showToastCallback, []);\n\n const { onHide, timeout } = toastInfo;\n\n const hideToast = useCallback(() => {\n if (hideTimeout?.current) {\n clearTimeout(hideTimeout.current);\n hideTimeout.current = null;\n }\n\n if (!isVisible) {\n return;\n }\n\n onHide?.();\n setIsVisible(false);\n\n animationRunTimeout.current = setTimeout(() => {\n setIsHidden(true);\n setToastProps(initialToastData);\n }, TIMER_DELAY);\n }, [onHide, isVisible, isHidden]);\n\n useEffect(() => {\n if (timeout === null && animationRunTimeout.current !== null) {\n clearTimeout(animationRunTimeout.current);\n animationRunTimeout.current = null;\n }\n\n return () => {\n if (animationRunTimeout?.current) {\n clearTimeout(animationRunTimeout.current);\n }\n };\n }, [timeout]);\n\n // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount\n useEffect(() => {\n if (timeout && isVisible) {\n hideTimeout.current = setTimeout(() => {\n hideToast();\n }, timeout);\n }\n\n return () => {\n if (hideTimeout?.current) {\n clearTimeout(hideTimeout.current);\n hideTimeout.current = null;\n }\n };\n }, [isVisible, timeout]);\n\n return (\n <ToastContext.Provider value={{ showToast, hideToast, isVisible, hideTimeout, animationRunTimeout }}>\n {children}\n {!isHidden && <ToastComponent {...(toastProps as T)} />}\n </ToastContext.Provider>\n );\n };\n"],"names":["ToastContext","createContext","useToastInner","context","useContext","Error","useToast","_useToastInner","showToast","hideToast","initialToastData","text","undefined","offset","position","DEFAULT_POSITION","fade","DEFAULT_FADE","timeout","contentLeft","role","pilled","hasClose","width","size","view","getShowToastCallSignature","args","_typeof","_args","_slicedToArray","ToastProviderHoc","ToastComponent","ToastProvider","_ref","children","_useState","useState","_useState2","isVisible","setIsVisible","_useState3","_useState4","isHidden","setIsHidden","hideTimeout","useRef","animationRunTimeout","_useState5","_useState6","toastProps","setToastProps","_useState7","onHide","_useState8","toastInfo","setToastInfo","showToastCallback","_len","arguments","length","Array","_key","_getShowToastCallSign","_getShowToastCallSign2","_getShowToastCallSign3","_getShowToastCallSign4","closeIconType","DEFAULT_CLOSE_ICON_TYPE","textColor","onShow","useCallback","current","clearTimeout","setTimeout","TIMER_DELAY","useEffect","React","createElement","Provider","value"],"mappings":"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"}

package/es/components/Toast/utils.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { buttonConfig } from '../Button/Button.js';
 var DEFAULT_FADE = true;
 var DEFAULT_POSITION = 'bottom';
+var DEFAULT_CLOSE_ICON_TYPE = 'default';
 var TIMER_DELAY = 300;
 var FADE_Z_INDEX = '9900';
 var gradients = {
@@ -12,5 +13,5 @@ var gradients = {
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
-export { Button, DEFAULT_FADE, DEFAULT_POSITION, FADE_Z_INDEX, TIMER_DELAY, gradients };
+export { Button, DEFAULT_CLOSE_ICON_TYPE, DEFAULT_FADE, DEFAULT_POSITION, FADE_Z_INDEX, TIMER_DELAY, gradients };
 //# sourceMappingURL=utils.js.map

package/es/components/Toast/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/components/Toast/utils.ts"],"sourcesContent":["import { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nexport const DEFAULT_FADE = true;\nexport const DEFAULT_POSITION = 'bottom';\nexport const TIMER_DELAY = 300;\nexport const FADE_Z_INDEX = '9900';\nexport const TOAST_Z_INDEX = '9901';\n\nexport const gradients = {\n top: 'radial-gradient(200% 200% at 50% -100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n bottom: 'radial-gradient(200% 200% at 50% 200%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n};\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nexport const Button = component(mergedButtonConfig);\n"],"names":["DEFAULT_FADE","DEFAULT_POSITION","TIMER_DELAY","FADE_Z_INDEX","gradients","top","bottom","mergedButtonConfig","mergeConfig","buttonConfig","Button","component"],"mappings":";;;AAGO,IAAMA,YAAY,GAAG,KAAI;AACzB,IAAMC,gBAAgB,GAAG,SAAQ;AACjC,IAAMC,WAAW,GAAG,IAAG;AACvB,IAAMC,YAAY,GAAG,OAAM;AAG3B,IAAMC,SAAS,GAAG;AACrBC,EAAAA,GAAG,EAAE,uFAAuF;AAC5FC,EAAAA,MAAM,EAAE,sFAAA;AACZ,EAAC;AAED,IAAMC,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB;;;;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/components/Toast/utils.ts"],"sourcesContent":["import { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nexport const DEFAULT_FADE = true;\nexport const DEFAULT_POSITION = 'bottom';\nexport const DEFAULT_CLOSE_ICON_TYPE = 'default';\nexport const TIMER_DELAY = 300;\nexport const FADE_Z_INDEX = '9900';\nexport const TOAST_Z_INDEX = '9901';\n\nexport const gradients = {\n top: 'radial-gradient(200% 200% at 50% -100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n bottom: 'radial-gradient(200% 200% at 50% 200%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n};\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nexport const Button = component(mergedButtonConfig);\n"],"names":["DEFAULT_FADE","DEFAULT_POSITION","DEFAULT_CLOSE_ICON_TYPE","TIMER_DELAY","FADE_Z_INDEX","gradients","top","bottom","mergedButtonConfig","mergeConfig","buttonConfig","Button","component"],"mappings":";;;AAGO,IAAMA,YAAY,GAAG,KAAI;AACzB,IAAMC,gBAAgB,GAAG,SAAQ;AACjC,IAAMC,uBAAuB,GAAG,UAAS;AACzC,IAAMC,WAAW,GAAG,IAAG;AACvB,IAAMC,YAAY,GAAG,OAAM;AAG3B,IAAMC,SAAS,GAAG;AACrBC,EAAAA,GAAG,EAAE,uFAAuF;AAC5FC,EAAAA,MAAM,EAAE,sFAAA;AACZ,EAAC;AAED,IAAMC,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB;;;;"}

package/es/components/Toast/variations/_pilled/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_199qghc.css';
+import './base_13i59v3.css';
 var base = "bmt2xdv";
 export { base };

package/es/components/Toast/variations/_pilled/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/Toast/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Toast.tokens';\n\nexport const base = css`\n &.${String(classes.toastPilled)} {\n --plasma_private-left-~~content-~~margin: var(${tokens.~~leftContentMargin~~});\n --plasma_private-close-icon-margin: var(${tokens.closeIconMargin});\n\n border-radius: var(${tokens.pilledBorderRadius});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAOhB;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Toast/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Toast.tokens';\n\nexport const base = css`\n &.${String(classes.toastPilled)} {\n --plasma_private-content-left-margin: var(${tokens.contentLeftMargin});\n --plasma_private-close-icon-margin: var(${tokens.closeIconMargin});\n\n border-radius: var(${tokens.pilledBorderRadius});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAOhB;;;;"}

package/es/components/Toast/variations/_pilled/base_13i59v3.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .bmt2xdv.toast-pilled{--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}

package/es/index.css CHANGED Viewed

@@ -540,14 +540,14 @@
 .base_r51pt4_b1d1vtqu__bfcbbf25{padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-lineheight);}
-.base_199qghc_bmt2xdv__2079f9e5.base_199qghc_toastPilled__2079f9e5{--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}
-.Toast_styles_1nei944_b1xqk743__24d4ce6e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
-.Toast_styles_1nei944_s1ajsqhx__24d4ce6e{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
-.Toast_styles_1nei944_cb0tpdq__24d4ce6e{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1nei944_cb0tpdq__24d4ce6e:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
-.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}
-.Toast_styles_1nei944_s1bt6ppa__24d4ce6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);margin:var(--plasma_private-left-content-margin);}
+.base_13i59v3_bmt2xdv__6505c4ad.base_13i59v3_toastPilled__6505c4ad{--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}
+.Toast_styles_1kasmzh_b1xqk743__8ac79e0c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
+.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastShowed__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastHidden__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}@-webkit-keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
+.Toast_styles_1kasmzh_cb0tpdq__8ac79e0c{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1kasmzh_cb0tpdq__8ac79e0c:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_toastFadeShowed__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c ease-out forwards;}.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_segu2tf__8ac79e0c.Toast_styles_1kasmzh_toastFadeHidden__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c ease-out forwards;}@-webkit-keyframes Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1kasmzh_showFadeAnimationSegu2tf__8ac79e0c{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1kasmzh_hideFadeAnimationSegu2tf__8ac79e0c{0%{opacity:1;}100%{opacity:0;}}
+.Toast_styles_1kasmzh_s1bt6ppa__8ac79e0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);margin:var(--plasma_private-content-left-margin);color:var(--plasma-toast-content-left-color);}
+.Toast_styles_1kasmzh_s1h44nk1__8ac79e0c{color:var(--s1h44nk1-0);}
 .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.252.0-dev.0",
+  "version": "0.253.0-canary.1719.13069931199.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -131,5 +131,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9c1766b8efa5c98596aa8af1679663bc9897891b"
+  "gitHead": "aebc99249ab41cf444a49382f65ed3001e9a7696"
 }

package/styled-components/cjs/components/Toast/Toast.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base4 = /*#__PURE__*/require("./variations/_closeIconType/base");
 var _Toast2 = /*#__PURE__*/require("./Toast.styles");
-var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "closeIconType", "onCloseButtonClick"];
+var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "closeIconType", "onCloseButtonClick", "textColor"];
 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); }
 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; }
 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,7 @@ var toastRoot = exports.toastRoot = function toastRoot(Root) {
       style = props.style,
       closeIconType = props.closeIconType,
       onCloseButtonClick = props.onCloseButtonClick,
+      textColor = props.textColor,
       rest = _objectWithoutProperties(props, _excluded);
     var pilledClass = pilled ? _Toast.classes.toastPilled : undefined;
     var fixedWidth = !Number.isNaN(Number(width)) ? "".concat(width, "%") : width;
@@ -65,7 +66,9 @@ var toastRoot = exports.toastRoot = function toastRoot(Root) {
       role: role,
       "aria-live": ariaLive,
       "aria-atomic": ariaAtomic
-    }, rest), contentLeft && /*#__PURE__*/_react["default"].createElement(_Toast2.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Toast2.StyledContent, null, text), hasClose && /*#__PURE__*/_react["default"].createElement(_Toast2.CloseIconWrapper, {
+    }, rest), contentLeft && /*#__PURE__*/_react["default"].createElement(_Toast2.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Toast2.StyledContent, {
+      textColor: textColor
+    }, text), hasClose && /*#__PURE__*/_react["default"].createElement(_Toast2.CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,

package/styled-components/cjs/components/Toast/Toast.styles.js CHANGED Viewed

@@ -42,7 +42,10 @@ var StyledOverlay = exports.StyledOverlay = /*#__PURE__*/(0, _styledComponents["
 })(["&&.", "{animation:0.3s showFadeAnimation ease-out forwards;}&&.", "{animation:0.3s hideFadeAnimation ease-out forwards;}@keyframes showFadeAnimation{0%{opacity:0;}100%{opacity:1;}}@keyframes hideFadeAnimation{0%{opacity:1;}100%{opacity:0;}}"], /*#__PURE__*/String(_Toast.classes.toastFadeShowed), /*#__PURE__*/String(_Toast.classes.toastFadeHidden));
 var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-19l9ekl-3"
-})(["display:flex;--plasma_private-left-content-margin:var(", ");margin:var(--plasma_private-left-content-margin);"], _Toast.tokens.leftContentMargin);
+})(["display:flex;--plasma_private-content-left-margin:var(", ");margin:var(--plasma_private-content-left-margin);color:var(", ");"], _Toast.tokens.contentLeftMargin, _Toast.tokens.contentLeftColor);
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-19l9ekl-4"
-})([""]);
+})(["color:", ";"], function (_ref5) {
+  var textColor = _ref5.textColor;
+  return textColor || 'currentColor';
+});

package/styled-components/cjs/components/Toast/Toast.template-doc.mdx CHANGED Viewed

@@ -104,6 +104,10 @@ export interface ShowToastArgs {
      * Время отображения подсказки. Если не передать значение, подсказка будет отображаться пока ее не закроют.
      */
     timeout?: number;
+    /**
+     * Цвет текста (по умолчанию берётся цвет из view)
+     */
+    textColor?: string;
     /**
      * callback срабатывающий в момент события hideToast
      */
@@ -117,9 +121,11 @@ export interface ShowToastArgs {
 ## Пример использования
+Для изменения цветовой темы компонента `Toast` используйте свойство `view` компонента `ViewContainer`.
 ```jsx live
 import React from 'react'
-import { useToast, ToastProvider, Button } from '@salutejs/{{ package }}'
+import { useToast, ToastProvider, Button, ViewContainer } from '@salutejs/{{ package }}'
 export function App() {
@@ -130,12 +136,13 @@ export function App() {
         const onHide = () => {}
         const toastData = {
             text: 'Подсказка вызванная showToast',
+            textColor: 'cyan',
             position: 'bottom',
             role: 'status',
             hasClose: true,
             fade: false,
             size: 'm',
-            view: 'dark',
+            view: 'default',
             timeout: 3000,
             onShow,
             onHide
@@ -145,9 +152,19 @@ export function App() {
     }
     return (
-        <ToastProvider>
-            <ToastExample />
-        </ToastProvider>
+        <div style=\{{ display: 'flex', gap: '1rem' }}>
+            <ViewContainer view="onLight">
+                <ToastProvider>
+                    <ToastExample />
+                </ToastProvider>
+            </ViewContainer>
+            <ViewContainer view="onDark">
+                <ToastProvider>
+                    <ToastExample />
+                </ToastProvider>
+            </ViewContainer>
+        </div>
     )
 }
 ```

package/styled-components/cjs/components/Toast/Toast.tokens.js CHANGED Viewed

@@ -25,7 +25,8 @@ var tokens = exports.tokens = {
   letterSpacing: '--plasma-toast-letter-spacing',
   lineHeight: '--plasma-toast-lineheight',
   pilledBorderRadius: '--plasma-toast-pilled-border-radius',
-  leftContentMargin: '--plasma-toast-left-content-margin',
+  contentLeftMargin: '--plasma-toast-content-left-margin',
+  contentLeftColor: '--plasma-toast-content-left-color',
   closeIconMargin: '--plasma-toast-close-icon-margin',
   closeIconColor: '--plasma-toast-close-icon-color',
   closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',

package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js CHANGED Viewed

@@ -126,6 +126,9 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
         size = _getShowToastCallSign.size,
         view = _getShowToastCallSign.view,
         width = _getShowToastCallSign.width,
+        _getShowToastCallSign4 = _getShowToastCallSign.closeIconType,
+        closeIconType = _getShowToastCallSign4 === void 0 ? _utils.DEFAULT_CLOSE_ICON_TYPE : _getShowToastCallSign4,
+        textColor = _getShowToastCallSign.textColor,
         onHide = _getShowToastCallSign.onHide,
         onShow = _getShowToastCallSign.onShow;
       setToastProps({
@@ -139,7 +142,9 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
         pilled: pilled,
         hasClose: hasClose,
         size: size,
-        view: view
+        view: view,
+        closeIconType: closeIconType,
+        textColor: textColor
       });
       setToastInfo({
         timeout: timeout,

package/styled-components/cjs/components/Toast/utils.js CHANGED Viewed

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gradients = exports.TOAST_Z_INDEX = exports.TIMER_DELAY = exports.FADE_Z_INDEX = exports.DEFAULT_POSITION = exports.DEFAULT_FADE = exports.Button = void 0;
+exports.gradients = exports.TOAST_Z_INDEX = exports.TIMER_DELAY = exports.FADE_Z_INDEX = exports.DEFAULT_POSITION = exports.DEFAULT_FADE = exports.DEFAULT_CLOSE_ICON_TYPE = exports.Button = void 0;
 var _Button = /*#__PURE__*/require("../Button");
 var _engines = /*#__PURE__*/require("../../engines");
 var DEFAULT_FADE = exports.DEFAULT_FADE = true;
 var DEFAULT_POSITION = exports.DEFAULT_POSITION = 'bottom';
+var DEFAULT_CLOSE_ICON_TYPE = exports.DEFAULT_CLOSE_ICON_TYPE = 'default';
 var TIMER_DELAY = exports.TIMER_DELAY = 300;
 var FADE_Z_INDEX = exports.FADE_Z_INDEX = '9900';
 var TOAST_Z_INDEX = exports.TOAST_Z_INDEX = '9901';

package/styled-components/cjs/components/Toast/variations/_pilled/base.js CHANGED Viewed

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Toast = /*#__PURE__*/require("../../Toast.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-left-content-margin:var(", ");--plasma_private-close-icon-margin:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(_Toast.classes.toastPilled), _Toast.tokens.leftContentMargin, _Toast.tokens.closeIconMargin, _Toast.tokens.pilledBorderRadius);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-content-left-margin:var(", ");--plasma_private-close-icon-margin:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(_Toast.classes.toastPilled), _Toast.tokens.contentLeftMargin, _Toast.tokens.closeIconMargin, _Toast.tokens.pilledBorderRadius);

package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js CHANGED Viewed

@@ -15,14 +15,24 @@ var config = exports.config = {
   variations: {
     view: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.contentLeftColor, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.contentLeftColor, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
     },
     size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], _Toast.toastTokens.borderRadius, _Toast.toastTokens.maxWidth, _Toast.toastTokens.padding, _Toast.toastTokens.fontFamily, _Toast.toastTokens.fontSize, _Toast.toastTokens.fontStyle, _Toast.toastTokens.fontWeight, _Toast.toastTokens.letterSpacing, _Toast.toastTokens.lineHeight, _Toast.toastTokens.leftContentMargin, _Toast.toastTokens.closeIconMargin)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], _Toast.toastTokens.borderRadius, _Toast.toastTokens.maxWidth, _Toast.toastTokens.padding, _Toast.toastTokens.fontFamily, _Toast.toastTokens.fontSize, _Toast.toastTokens.fontStyle, _Toast.toastTokens.fontWeight, _Toast.toastTokens.letterSpacing, _Toast.toastTokens.lineHeight, _Toast.toastTokens.contentLeftMargin, _Toast.toastTokens.closeIconMargin)
     },
     pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", ":-0.0625rem -0.25rem -0.0625rem 0.375rem;"], _Toast.toastTokens.pilledBorderRadius, _Toast.toastTokens.leftContentMargin, _Toast.toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", ":-0.0625rem -0.25rem -0.0625rem 0.375rem;"], _Toast.toastTokens.pilledBorderRadius, _Toast.toastTokens.contentLeftMargin, _Toast.toastTokens.closeIconMargin)
     },
     closeIconType: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.5rem;"], _Toast.toastTokens.closeIconButtonSize, _Toast.toastTokens.closeIconSize),