@salutejs/plasma-new-hope 0.253.0-canary.1730.13069305986.0 → 0.253.0-dev.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 (199) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +30 -30
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -30
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +30 -30
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -30
  6. package/cjs/components/Pagination/Pagination.css +30 -30
  7. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  8. package/cjs/components/Portal/Portal.js +5 -1
  9. package/cjs/components/Portal/Portal.js.map +1 -1
  10. package/cjs/components/Range/Range.css +30 -30
  11. package/cjs/components/Select/Select.css +30 -30
  12. package/cjs/components/Select/ui/Target/Target.css +30 -30
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  14. package/cjs/components/Slider/Slider.css +30 -30
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  16. package/cjs/components/TextField/TextField.styles.js +42 -42
  17. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  18. package/cjs/components/TextField/TextField.styles_kh1zhz.css +22 -0
  19. package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
  20. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  21. package/cjs/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
  22. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  23. package/{es/components/TextField/variations/_disabled/base_2tv0nz.css → cjs/components/TextField/variations/_disabled/base_4d3opa.css} +1 -1
  24. package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
  25. package/{es/components/TextField/variations/_hint-size/base_z7a2uf.css → cjs/components/TextField/variations/_hint-size/base_1x99605.css} +1 -1
  26. package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
  27. package/cjs/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
  28. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  29. package/cjs/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
  30. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  31. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  32. package/cjs/components/TextField/variations/_size/base.js +1 -1
  33. package/cjs/components/TextField/variations/_size/base_7va3kt.css +1 -0
  34. package/cjs/components/TextField/variations/_view/base.js +1 -1
  35. package/cjs/components/TextField/variations/_view/base_1uzaktg.css +1 -0
  36. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  37. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  38. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  39. package/cjs/components/Toast/Toast.css +7 -7
  40. package/cjs/components/Toast/Toast.js +5 -2
  41. package/cjs/components/Toast/Toast.js.map +1 -1
  42. package/cjs/components/Toast/Toast.styles.js +11 -2
  43. package/cjs/components/Toast/Toast.styles.js.map +1 -1
  44. package/cjs/components/Toast/{Toast.styles_1nei944.css → Toast.styles_1kasmzh.css} +2 -2
  45. package/cjs/components/Toast/Toast.tokens.js +2 -1
  46. package/cjs/components/Toast/Toast.tokens.js.map +1 -1
  47. package/cjs/components/Toast/ToastController.css +6 -6
  48. package/cjs/components/Toast/ToastProvider/ToastProvider.js +6 -1
  49. package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  50. package/cjs/components/Toast/utils.js +2 -0
  51. package/cjs/components/Toast/utils.js.map +1 -1
  52. package/cjs/components/Toast/variations/_pilled/base.js +1 -1
  53. package/cjs/components/Toast/variations/_pilled/base.js.map +1 -1
  54. package/cjs/components/Toast/variations/_pilled/base_13i59v3.css +1 -0
  55. package/cjs/index.css +36 -36
  56. package/emotion/cjs/components/Portal/Portal.js +5 -1
  57. package/emotion/cjs/components/TextField/TextField.styles.js +44 -45
  58. package/emotion/cjs/components/Toast/Toast.js +5 -2
  59. package/emotion/cjs/components/Toast/Toast.styles.js +9 -6
  60. package/emotion/cjs/components/Toast/Toast.template-doc.mdx +22 -5
  61. package/emotion/cjs/components/Toast/Toast.tokens.js +2 -1
  62. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +6 -1
  63. package/emotion/cjs/components/Toast/utils.js +2 -1
  64. package/emotion/cjs/components/Toast/variations/_pilled/base.js +1 -1
  65. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +17 -7
  66. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  67. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +17 -7
  68. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  69. package/emotion/es/components/Portal/Portal.js +5 -1
  70. package/emotion/es/components/TextField/TextField.styles.js +44 -45
  71. package/emotion/es/components/Toast/Toast.js +5 -2
  72. package/emotion/es/components/Toast/Toast.styles.js +9 -6
  73. package/emotion/es/components/Toast/Toast.template-doc.mdx +22 -5
  74. package/emotion/es/components/Toast/Toast.tokens.js +2 -1
  75. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +7 -2
  76. package/emotion/es/components/Toast/utils.js +1 -0
  77. package/emotion/es/components/Toast/variations/_pilled/base.js +1 -1
  78. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +17 -7
  79. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  80. package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +17 -7
  81. package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  82. package/es/components/Autocomplete/Autocomplete.css +30 -30
  83. package/es/components/Combobox/ComboboxNew/Combobox.css +30 -30
  84. package/es/components/DatePicker/RangeDate/RangeDate.css +30 -30
  85. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  86. package/es/components/DatePicker/SingleDate/SingleDate.css +30 -30
  87. package/es/components/Pagination/Pagination.css +30 -30
  88. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  89. package/es/components/Portal/Portal.js +5 -1
  90. package/es/components/Portal/Portal.js.map +1 -1
  91. package/es/components/Range/Range.css +30 -30
  92. package/es/components/Select/Select.css +30 -30
  93. package/es/components/Select/ui/Target/Target.css +30 -30
  94. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  95. package/es/components/Slider/Slider.css +30 -30
  96. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  97. package/es/components/TextField/TextField.styles.js +42 -42
  98. package/es/components/TextField/TextField.styles.js.map +1 -1
  99. package/es/components/TextField/TextField.styles_kh1zhz.css +22 -0
  100. package/es/components/TextField/ui/Hint/Hint.css +20 -20
  101. package/es/components/TextField/variations/_clear/base.js +1 -1
  102. package/es/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
  103. package/es/components/TextField/variations/_disabled/base.js +1 -1
  104. package/{cjs/components/TextField/variations/_disabled/base_2tv0nz.css → es/components/TextField/variations/_disabled/base_4d3opa.css} +1 -1
  105. package/es/components/TextField/variations/_hint-size/base.js +1 -1
  106. package/{cjs/components/TextField/variations/_hint-size/base_z7a2uf.css → es/components/TextField/variations/_hint-size/base_1x99605.css} +1 -1
  107. package/es/components/TextField/variations/_hint-view/base.js +1 -1
  108. package/es/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
  109. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  110. package/es/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
  111. package/es/components/TextField/variations/_read-only/base.js +1 -1
  112. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  113. package/es/components/TextField/variations/_size/base.js +1 -1
  114. package/es/components/TextField/variations/_size/base_7va3kt.css +1 -0
  115. package/es/components/TextField/variations/_view/base.js +1 -1
  116. package/es/components/TextField/variations/_view/base_1uzaktg.css +1 -0
  117. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  118. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  119. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  120. package/es/components/Toast/Toast.css +7 -7
  121. package/es/components/Toast/Toast.js +5 -2
  122. package/es/components/Toast/Toast.js.map +1 -1
  123. package/es/components/Toast/Toast.styles.js +11 -2
  124. package/es/components/Toast/Toast.styles.js.map +1 -1
  125. package/es/components/Toast/{Toast.styles_1nei944.css → Toast.styles_1kasmzh.css} +2 -2
  126. package/es/components/Toast/Toast.tokens.js +2 -1
  127. package/es/components/Toast/Toast.tokens.js.map +1 -1
  128. package/es/components/Toast/ToastController.css +6 -6
  129. package/es/components/Toast/ToastProvider/ToastProvider.js +7 -2
  130. package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  131. package/es/components/Toast/utils.js +2 -1
  132. package/es/components/Toast/utils.js.map +1 -1
  133. package/es/components/Toast/variations/_pilled/base.js +1 -1
  134. package/es/components/Toast/variations/_pilled/base.js.map +1 -1
  135. package/es/components/Toast/variations/_pilled/base_13i59v3.css +1 -0
  136. package/es/index.css +36 -36
  137. package/package.json +2 -2
  138. package/styled-components/cjs/components/Portal/Portal.js +5 -1
  139. package/styled-components/cjs/components/TextField/TextField.styles.js +22 -23
  140. package/styled-components/cjs/components/Toast/Toast.js +5 -2
  141. package/styled-components/cjs/components/Toast/Toast.styles.js +5 -2
  142. package/styled-components/cjs/components/Toast/Toast.template-doc.mdx +22 -5
  143. package/styled-components/cjs/components/Toast/Toast.tokens.js +2 -1
  144. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +6 -1
  145. package/styled-components/cjs/components/Toast/utils.js +2 -1
  146. package/styled-components/cjs/components/Toast/variations/_pilled/base.js +1 -1
  147. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +12 -2
  148. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  149. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +12 -2
  150. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  151. package/styled-components/es/components/Portal/Portal.js +5 -1
  152. package/styled-components/es/components/TextField/TextField.styles.js +22 -23
  153. package/styled-components/es/components/Toast/Toast.js +5 -2
  154. package/styled-components/es/components/Toast/Toast.styles.js +5 -2
  155. package/styled-components/es/components/Toast/Toast.template-doc.mdx +22 -5
  156. package/styled-components/es/components/Toast/Toast.tokens.js +2 -1
  157. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +7 -2
  158. package/styled-components/es/components/Toast/utils.js +1 -0
  159. package/styled-components/es/components/Toast/variations/_pilled/base.js +1 -1
  160. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +12 -2
  161. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  162. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +12 -2
  163. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  164. package/types/components/Portal/Portal.d.ts.map +1 -1
  165. package/types/components/TextField/TextField.styles.d.ts +1 -1
  166. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  167. package/types/components/Toast/Toast.styles.d.ts +3 -1
  168. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  169. package/types/components/Toast/Toast.tokens.d.ts +2 -1
  170. package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
  171. package/types/components/Toast/Toast.types.d.ts +8 -0
  172. package/types/components/Toast/Toast.types.d.ts.map +1 -1
  173. package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
  174. package/types/components/Toast/utils.d.ts +1 -0
  175. package/types/components/Toast/utils.d.ts.map +1 -1
  176. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +10 -0
  177. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
  178. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +2 -0
  179. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts.map +1 -1
  180. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +10 -0
  181. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
  182. package/types/examples/plasma_web/components/Toast/Toast.d.ts +2 -0
  183. package/types/examples/plasma_web/components/Toast/Toast.d.ts.map +1 -1
  184. package/cjs/components/TextField/TextField.styles_1cdp5eg.css +0 -22
  185. package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
  186. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  187. package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
  188. package/cjs/components/TextField/variations/_size/base_uulqii.css +0 -1
  189. package/cjs/components/TextField/variations/_view/base_1npz45o.css +0 -1
  190. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  191. package/cjs/components/Toast/variations/_pilled/base_199qghc.css +0 -1
  192. package/es/components/TextField/TextField.styles_1cdp5eg.css +0 -22
  193. package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
  194. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  195. package/es/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
  196. package/es/components/TextField/variations/_size/base_uulqii.css +0 -1
  197. package/es/components/TextField/variations/_view/base_1npz45o.css +0 -1
  198. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  199. package/es/components/Toast/variations/_pilled/base_199qghc.css +0 -1
@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefault(React);
20
20
 
21
- var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "closeIconType", "onCloseButtonClick"];
21
+ var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "closeIconType", "onCloseButtonClick", "textColor"];
22
22
 
23
23
  // TODO https://github.com/salute-developers/plasma/issues/1015
24
24
  var toastRoot = function toastRoot(Root) {
@@ -36,6 +36,7 @@ var toastRoot = function toastRoot(Root) {
36
36
  style = props.style,
37
37
  closeIconType = props.closeIconType,
38
38
  onCloseButtonClick = props.onCloseButtonClick,
39
+ textColor = props.textColor,
39
40
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
40
41
  var pilledClass = pilled ? Toast_tokens.classes.toastPilled : undefined;
41
42
  var fixedWidth = !Number.isNaN(Number(width)) ? "".concat(width, "%") : width;
@@ -59,7 +60,9 @@ var toastRoot = function toastRoot(Root) {
59
60
  role: role,
60
61
  "aria-live": ariaLive,
61
62
  "aria-atomic": ariaAtomic
62
- }, rest), contentLeft && /*#__PURE__*/React__default.default.createElement(Toast_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React__default.default.createElement(Toast_styles.StyledContent, null, text), hasClose && /*#__PURE__*/React__default.default.createElement(Toast_styles.CloseIconWrapper, {
63
+ }, rest), contentLeft && /*#__PURE__*/React__default.default.createElement(Toast_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React__default.default.createElement(Toast_styles.StyledContent, {
64
+ textColor: textColor
65
+ }, text), hasClose && /*#__PURE__*/React__default.default.createElement(Toast_styles.CloseIconWrapper, {
63
66
  view: "clear",
64
67
  size: "s",
65
68
  onClick: onCloseButtonClick,
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Toast.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { ToastProps } from './Toast.types';\nimport { CloseIconWrapper, StyledContent, StyledContentLeft, base } from './Toast.styles';\n\n// TODO https://github.com/salute-developers/plasma/issues/1015\nexport const toastRoot = (Root: RootProps<HTMLDivElement, ToastProps>) =>\n forwardRef<HTMLDivElement, ToastProps>((props, ref) => {\n const {\n role = 'status',\n width,\n text,\n hasClose,\n contentLeft,\n view,\n size,\n pilled,\n className,\n style,\n closeIconType,\n onCloseButtonClick,\n ...rest\n } = props;\n\n const pilledClass = pilled ? classes.toastPilled : undefined;\n const fixedWidth = !Number.isNaN(Number(width)) ? `${width}%` : width;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n return (\n <Root\n view={view}\n size={size}\n pilled={pilled}\n closeIconType={closeIconType}\n className={cx(pilledClass, className)}\n style={{ width: width ? fixedWidth : 'unset', ...style }}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledContent>{text}</StyledContent>\n {hasClose && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon)}\n stretching=\"fixed\"\n >\n {closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n )}\n </CloseIconWrapper>\n )}\n </Root>\n );\n });\n\nexport const toastConfig = {\n name: 'Toast',\n tag: 'div',\n layout: toastRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n pilled: {\n css: pilledCSS,\n attrs: true,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n closeIconType: 'default',\n },\n};\n"],"names":["toastRoot","Root","forwardRef","props","ref","_props$role","role","width","text","hasClose","contentLeft","view","size","pilled","className","style","closeIconType","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","pilledClass","classes","toastPilled","undefined","fixedWidth","Number","isNaN","concat","ariaLive","ariaAtomic","React","createElement","_extends","cx","_objectSpread","StyledContentLeft","StyledContent","CloseIconWrapper","onClick","closeIcon","stretching","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","toastConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","closeIconTypeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Toast.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { ToastProps } from './Toast.types';\nimport { CloseIconWrapper, StyledContent, StyledContentLeft, base } from './Toast.styles';\n\n// TODO https://github.com/salute-developers/plasma/issues/1015\nexport const toastRoot = (Root: RootProps<HTMLDivElement, ToastProps>) =>\n forwardRef<HTMLDivElement, ToastProps>((props, ref) => {\n const {\n role = 'status',\n width,\n text,\n hasClose,\n contentLeft,\n view,\n size,\n pilled,\n className,\n style,\n closeIconType,\n onCloseButtonClick,\n textColor,\n ...rest\n } = props;\n const pilledClass = pilled ? classes.toastPilled : undefined;\n const fixedWidth = !Number.isNaN(Number(width)) ? `${width}%` : width;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n return (\n <Root\n view={view}\n size={size}\n pilled={pilled}\n closeIconType={closeIconType}\n className={cx(pilledClass, className)}\n style={{ width: width ? fixedWidth : 'unset', ...style }}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledContent textColor={textColor}>{text}</StyledContent>\n {hasClose && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon)}\n stretching=\"fixed\"\n >\n {closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n )}\n </CloseIconWrapper>\n )}\n </Root>\n );\n });\n\nexport const toastConfig = {\n name: 'Toast',\n tag: 'div',\n layout: toastRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n pilled: {\n css: pilledCSS,\n attrs: true,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n closeIconType: 'default',\n },\n};\n"],"names":["toastRoot","Root","forwardRef","props","ref","_props$role","role","width","text","hasClose","contentLeft","view","size","pilled","className","style","closeIconType","onCloseButtonClick","textColor","rest","_objectWithoutProperties","_excluded","pilledClass","classes","toastPilled","undefined","fixedWidth","Number","isNaN","concat","ariaLive","ariaAtomic","React","createElement","_extends","cx","_objectSpread","StyledContentLeft","StyledContent","CloseIconWrapper","onClick","closeIcon","stretching","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","toastConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","closeIconTypeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- require('./Toast.styles_1nei944.css');
1
+ require('./Toast.styles_1kasmzh.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -61,10 +61,19 @@ var StyledContentLeft = /*#__PURE__*/react.styled('div')({
61
61
  "class": "s1bt6ppa",
62
62
  propsAsIs: false
63
63
  });
64
+ var _exp19 = function _exp19() {
65
+ return function (_ref4) {
66
+ var textColor = _ref4.textColor;
67
+ return textColor || 'currentColor';
68
+ };
69
+ };
64
70
  var StyledContent = /*#__PURE__*/react.styled('div')({
65
71
  name: "StyledContent",
66
72
  "class": "s1h44nk1",
67
- propsAsIs: false
73
+ propsAsIs: false,
74
+ vars: {
75
+ "s1h44nk1-0": [/*#__PURE__*/_exp19()]
76
+ }
68
77
  });
69
78
 
70
79
  exports.CloseIconWrapper = CloseIconWrapper;
@@ -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":"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"}
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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"}
@@ -2,5 +2,5 @@
2
2
  .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;}}
3
3
  .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);}
4
4
  .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;}}
5
- .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);}
6
-
5
+ .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);}
6
+ .s1h44nk1{color:var(--s1h44nk1-0);}
@@ -23,7 +23,8 @@ var tokens = {
23
23
  letterSpacing: '--plasma-toast-letter-spacing',
24
24
  lineHeight: '--plasma-toast-lineheight',
25
25
  pilledBorderRadius: '--plasma-toast-pilled-border-radius',
26
- leftContentMargin: '--plasma-toast-left-content-margin',
26
+ contentLeftMargin: '--plasma-toast-content-left-margin',
27
+ contentLeftColor: '--plasma-toast-content-left-color',
27
28
  closeIconMargin: '--plasma-toast-close-icon-margin',
28
29
  closeIconColor: '--plasma-toast-close-icon-color',
29
30
  closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',
@@ -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;;;;;"}
@@ -1,11 +1,11 @@
1
1
  .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);}
2
2
 
3
- .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;}
4
- .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;}}
5
- .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);}
6
- .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;}}
7
- .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);}
8
-
3
+ .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;}
4
+ .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;}}
5
+ .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);}
6
+ .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;}}
7
+ .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);}
8
+ .Toast_styles_1kasmzh_s1h44nk1__8ac79e0c{color:var(--s1h44nk1-0);}
9
9
 
10
10
  .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);}
11
11
 
@@ -121,6 +121,9 @@ var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
121
121
  size = _getShowToastCallSign.size,
122
122
  view = _getShowToastCallSign.view,
123
123
  width = _getShowToastCallSign.width,
124
+ _getShowToastCallSign4 = _getShowToastCallSign.closeIconType,
125
+ closeIconType = _getShowToastCallSign4 === void 0 ? utils.DEFAULT_CLOSE_ICON_TYPE : _getShowToastCallSign4,
126
+ textColor = _getShowToastCallSign.textColor,
124
127
  onHide = _getShowToastCallSign.onHide,
125
128
  onShow = _getShowToastCallSign.onShow;
126
129
  setToastProps({
@@ -134,7 +137,9 @@ var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
134
137
  pilled: pilled,
135
138
  hasClose: hasClose,
136
139
  size: size,
137
- view: view
140
+ view: view,
141
+ closeIconType: closeIconType,
142
+ textColor: textColor
138
143
  });
139
144
  setToastInfo({
140
145
  timeout: timeout,
@@ -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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"}
@@ -7,6 +7,7 @@ var Button$1 = require('../Button/Button.js');
7
7
 
8
8
  var DEFAULT_FADE = true;
9
9
  var DEFAULT_POSITION = 'bottom';
10
+ var DEFAULT_CLOSE_ICON_TYPE = 'default';
10
11
  var TIMER_DELAY = 300;
11
12
  var FADE_Z_INDEX = '9900';
12
13
  var gradients = {
@@ -17,6 +18,7 @@ var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
17
18
  var Button = /*#__PURE__*/common.component(mergedButtonConfig);
18
19
 
19
20
  exports.Button = Button;
21
+ exports.DEFAULT_CLOSE_ICON_TYPE = DEFAULT_CLOSE_ICON_TYPE;
20
22
  exports.DEFAULT_FADE = DEFAULT_FADE;
21
23
  exports.DEFAULT_POSITION = DEFAULT_POSITION;
22
24
  exports.FADE_Z_INDEX = FADE_Z_INDEX;
@@ -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,kBAAW,CAACC,qBAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,gBAAS,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,kBAAW,CAACC,qBAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- require('./base_199qghc.css');
1
+ require('./base_13i59v3.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -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;;;;"}
@@ -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);}