@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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 (1528) hide show
  1. package/CHANGELOG.md +0 -30
  2. package/cjs/components/Autocomplete/Autocomplete.d.ts +0 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js +7 -18
  4. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  5. package/cjs/components/Autocomplete/Autocomplete.md +113 -0
  6. package/cjs/components/Autocomplete/Autocomplete.styles.d.ts +1 -2
  7. package/cjs/components/Autocomplete/Autocomplete.styles.js +10 -13
  8. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  9. package/cjs/components/Button/Button.d.ts +0 -5
  10. package/cjs/components/Button/Button.js +50 -70
  11. package/cjs/components/Button/Button.js.map +1 -1
  12. package/cjs/components/Button/Button.md +261 -0
  13. package/cjs/components/Button/Button.mixins.d.ts +5 -6
  14. package/cjs/components/Button/Button.mixins.js +11 -20
  15. package/cjs/components/Button/Button.mixins.js.map +1 -1
  16. package/cjs/components/Button/Button.styles.d.ts +2 -3
  17. package/cjs/components/Button/Button.styles.js +466 -488
  18. package/cjs/components/Button/Button.styles.js.map +1 -1
  19. package/cjs/components/Button/ButtonArrow.d.ts +1 -3
  20. package/cjs/components/Button/ButtonArrow.js +14 -23
  21. package/cjs/components/Button/ButtonArrow.js.map +1 -1
  22. package/cjs/components/Button/ButtonIcon.js +11 -14
  23. package/cjs/components/Button/ButtonIcon.js.map +1 -1
  24. package/cjs/components/Button/ButtonIcon.styles.d.ts +1 -2
  25. package/cjs/components/Button/ButtonIcon.styles.js +55 -58
  26. package/cjs/components/Button/ButtonIcon.styles.js.map +1 -1
  27. package/cjs/components/Button/LoadingButtonIcon.js +1 -3
  28. package/cjs/components/Button/LoadingButtonIcon.js.map +1 -1
  29. package/cjs/components/Calendar/Calendar.d.ts +0 -3
  30. package/cjs/components/Calendar/Calendar.js +13 -27
  31. package/cjs/components/Calendar/Calendar.js.map +1 -1
  32. package/cjs/components/Calendar/Calendar.md +276 -0
  33. package/cjs/components/Calendar/Calendar.styles.d.ts +1 -2
  34. package/cjs/components/Calendar/Calendar.styles.js +20 -23
  35. package/cjs/components/Calendar/Calendar.styles.js.map +1 -1
  36. package/cjs/components/Calendar/CalendarDay.js +6 -9
  37. package/cjs/components/Calendar/CalendarDay.js.map +1 -1
  38. package/cjs/components/Calendar/CalendarDay.md +70 -0
  39. package/cjs/components/Calendar/DayCellView.js +1 -3
  40. package/cjs/components/Calendar/DayCellView.js.map +1 -1
  41. package/cjs/components/Calendar/DayCellView.styles.d.ts +1 -2
  42. package/cjs/components/Calendar/DayCellView.styles.js +32 -35
  43. package/cjs/components/Calendar/DayCellView.styles.js.map +1 -1
  44. package/cjs/components/Calendar/Month.js +8 -20
  45. package/cjs/components/Calendar/Month.js.map +1 -1
  46. package/cjs/components/Calendar/MonthView.js +8 -11
  47. package/cjs/components/Calendar/MonthView.js.map +1 -1
  48. package/cjs/components/Calendar/MonthView.styles.d.ts +1 -2
  49. package/cjs/components/Calendar/MonthView.styles.js +49 -52
  50. package/cjs/components/Calendar/MonthView.styles.js.map +1 -1
  51. package/cjs/components/Center/Center.d.ts +0 -2
  52. package/cjs/components/Center/Center.js +9 -21
  53. package/cjs/components/Center/Center.js.map +1 -1
  54. package/cjs/components/Center/Center.md +26 -0
  55. package/cjs/components/Center/Center.styles.d.ts +1 -2
  56. package/cjs/components/Center/Center.styles.js +18 -21
  57. package/cjs/components/Center/Center.styles.js.map +1 -1
  58. package/cjs/components/Checkbox/Checkbox.d.ts +0 -4
  59. package/cjs/components/Checkbox/Checkbox.js +34 -50
  60. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  61. package/cjs/components/Checkbox/Checkbox.md +171 -0
  62. package/cjs/components/Checkbox/Checkbox.mixins.d.ts +2 -3
  63. package/cjs/components/Checkbox/Checkbox.mixins.js +5 -13
  64. package/cjs/components/Checkbox/Checkbox.mixins.js.map +1 -1
  65. package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -2
  66. package/cjs/components/Checkbox/Checkbox.styles.js +146 -155
  67. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  68. package/cjs/components/ComboBox/ComboBox.d.ts +7 -1
  69. package/cjs/components/ComboBox/ComboBox.js +17 -1
  70. package/cjs/components/ComboBox/ComboBox.js.map +1 -1
  71. package/cjs/components/ComboBox/ComboBox.md +574 -0
  72. package/cjs/components/CurrencyInput/CurrencyInput.js +3 -3
  73. package/cjs/components/CurrencyInput/CurrencyInput.js.map +1 -1
  74. package/cjs/components/CurrencyInput/CurrencyInput.md +39 -0
  75. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +2 -2
  76. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js +16 -17
  77. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js.map +1 -1
  78. package/cjs/components/CurrencyLabel/CurrencyLabel.js +2 -2
  79. package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
  80. package/cjs/components/CurrencyLabel/CurrencyLabel.md +29 -0
  81. package/cjs/components/DateInput/DateFragmentsView.d.ts +0 -3
  82. package/cjs/components/DateInput/DateFragmentsView.js +3 -17
  83. package/cjs/components/DateInput/DateFragmentsView.js.map +1 -1
  84. package/cjs/components/DateInput/DateFragmentsView.styles.d.ts +1 -2
  85. package/cjs/components/DateInput/DateFragmentsView.styles.js +21 -24
  86. package/cjs/components/DateInput/DateFragmentsView.styles.js.map +1 -1
  87. package/cjs/components/DateInput/DateInput.d.ts +0 -3
  88. package/cjs/components/DateInput/DateInput.js +12 -26
  89. package/cjs/components/DateInput/DateInput.js.map +1 -1
  90. package/cjs/components/DateInput/DateInput.md +111 -0
  91. package/cjs/components/DateInput/DateInput.styles.d.ts +1 -2
  92. package/cjs/components/DateInput/DateInput.styles.js +29 -30
  93. package/cjs/components/DateInput/DateInput.styles.js.map +1 -1
  94. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.d.ts +1 -1
  95. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js +17 -18
  96. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js.map +1 -1
  97. package/cjs/components/DatePicker/DatePicker.d.ts +0 -1
  98. package/cjs/components/DatePicker/DatePicker.js +3 -13
  99. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  100. package/cjs/components/DatePicker/DatePicker.md +368 -0
  101. package/cjs/components/DatePicker/DatePicker.styles.d.ts +1 -2
  102. package/cjs/components/DatePicker/DatePicker.styles.js +12 -15
  103. package/cjs/components/DatePicker/DatePicker.styles.js.map +1 -1
  104. package/cjs/components/DatePicker/MobilePicker.js +1 -3
  105. package/cjs/components/DatePicker/MobilePicker.js.map +1 -1
  106. package/cjs/components/DatePicker/MobilePicker.styles.d.ts +1 -2
  107. package/cjs/components/DatePicker/MobilePicker.styles.js +6 -9
  108. package/cjs/components/DatePicker/MobilePicker.styles.js.map +1 -1
  109. package/cjs/components/DateRangePicker/DateRangePicker.js +17 -20
  110. package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
  111. package/cjs/components/DateRangePicker/DateRangePicker.styles.d.ts +1 -2
  112. package/cjs/components/DateRangePicker/DateRangePicker.styles.js +48 -51
  113. package/cjs/components/DateRangePicker/DateRangePicker.styles.js.map +1 -1
  114. package/cjs/components/Dropdown/Dropdown.md +45 -0
  115. package/cjs/components/DropdownMenu/DropdownMenu.md +290 -0
  116. package/cjs/components/FileUploader/FileUploader.js +37 -42
  117. package/cjs/components/FileUploader/FileUploader.js.map +1 -1
  118. package/cjs/components/FileUploader/FileUploader.md +131 -0
  119. package/cjs/components/FileUploader/FileUploader.mixins.d.ts +1 -2
  120. package/cjs/components/FileUploader/FileUploader.mixins.js +3 -9
  121. package/cjs/components/FileUploader/FileUploader.mixins.js.map +1 -1
  122. package/cjs/components/FileUploader/FileUploader.styles.d.ts +1 -2
  123. package/cjs/components/FileUploader/FileUploader.styles.js +171 -176
  124. package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
  125. package/cjs/components/FxInput/FxInput.md +31 -0
  126. package/cjs/components/Gapped/Gapped.md +44 -0
  127. package/cjs/components/GlobalLoader/GlobalLoader.md +97 -0
  128. package/cjs/components/GlobalLoader/GlobalLoaderView.js +12 -16
  129. package/cjs/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
  130. package/cjs/components/GlobalLoader/GlobalLoaderView.styles.d.ts +2 -3
  131. package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js +80 -83
  132. package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js.map +1 -1
  133. package/cjs/components/Group/Group.d.ts +0 -2
  134. package/cjs/components/Group/Group.js +12 -24
  135. package/cjs/components/Group/Group.js.map +1 -1
  136. package/cjs/components/Group/Group.md +19 -0
  137. package/cjs/components/Group/Group.styles.d.ts +1 -2
  138. package/cjs/components/Group/Group.styles.js +24 -27
  139. package/cjs/components/Group/Group.styles.js.map +1 -1
  140. package/cjs/components/Hint/Hint.d.ts +0 -2
  141. package/cjs/components/Hint/Hint.js +5 -16
  142. package/cjs/components/Hint/Hint.js.map +1 -1
  143. package/cjs/components/Hint/Hint.md +86 -0
  144. package/cjs/components/Hint/Hint.styles.d.ts +1 -2
  145. package/cjs/components/Hint/Hint.styles.js +15 -18
  146. package/cjs/components/Hint/Hint.styles.js.map +1 -1
  147. package/cjs/components/Input/Input.d.ts +0 -3
  148. package/cjs/components/Input/Input.js +25 -38
  149. package/cjs/components/Input/Input.js.map +1 -1
  150. package/cjs/components/Input/Input.md +86 -0
  151. package/cjs/components/Input/Input.styles.d.ts +1 -2
  152. package/cjs/components/Input/Input.styles.js +155 -158
  153. package/cjs/components/Input/Input.styles.js.map +1 -1
  154. package/cjs/components/Input/InputLayout/InputLayout.js +1 -3
  155. package/cjs/components/Input/InputLayout/InputLayout.js.map +1 -1
  156. package/cjs/components/Input/InputLayout/InputLayout.styles.d.ts +1 -2
  157. package/cjs/components/Input/InputLayout/InputLayout.styles.js +33 -39
  158. package/cjs/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
  159. package/cjs/components/Input/InputLayout/InputLayoutAside.js +1 -3
  160. package/cjs/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
  161. package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js +6 -9
  162. package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js.map +1 -1
  163. package/cjs/components/Input/InputLayout/InputLayoutAsideText.js +3 -6
  164. package/cjs/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
  165. package/cjs/components/Input/InputLayout/PolyfillPlaceholder.js +4 -8
  166. package/cjs/components/Input/InputLayout/PolyfillPlaceholder.js.map +1 -1
  167. package/cjs/components/Kebab/Kebab.d.ts +0 -4
  168. package/cjs/components/Kebab/Kebab.js +13 -29
  169. package/cjs/components/Kebab/Kebab.js.map +1 -1
  170. package/cjs/components/Kebab/Kebab.md +306 -0
  171. package/cjs/components/Kebab/Kebab.styles.d.ts +1 -2
  172. package/cjs/components/Kebab/Kebab.styles.js +42 -45
  173. package/cjs/components/Kebab/Kebab.styles.js.map +1 -1
  174. package/cjs/components/Link/Link.d.ts +0 -6
  175. package/cjs/components/Link/Link.js +28 -49
  176. package/cjs/components/Link/Link.js.map +1 -1
  177. package/cjs/components/Link/Link.md +182 -0
  178. package/cjs/components/Link/Link.mixins.d.ts +2 -3
  179. package/cjs/components/Link/Link.mixins.js +7 -9
  180. package/cjs/components/Link/Link.mixins.js.map +1 -1
  181. package/cjs/components/Link/Link.styles.d.ts +1 -2
  182. package/cjs/components/Link/Link.styles.js +103 -106
  183. package/cjs/components/Link/Link.styles.js.map +1 -1
  184. package/cjs/components/Link/LinkIcon.js +5 -8
  185. package/cjs/components/Link/LinkIcon.js.map +1 -1
  186. package/cjs/components/Loader/Loader.d.ts +0 -3
  187. package/cjs/components/Loader/Loader.js +10 -26
  188. package/cjs/components/Loader/Loader.js.map +1 -1
  189. package/cjs/components/Loader/Loader.md +33 -0
  190. package/cjs/components/Loader/Loader.styles.d.ts +1 -2
  191. package/cjs/components/Loader/Loader.styles.js +20 -23
  192. package/cjs/components/Loader/Loader.styles.js.map +1 -1
  193. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +6 -22
  194. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -1
  195. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -2
  196. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +3 -5
  197. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +1 -1
  198. package/cjs/components/MaskedInput/FixedIMaskInput.js +0 -6
  199. package/cjs/components/MaskedInput/FixedIMaskInput.js.map +1 -1
  200. package/cjs/components/MaskedInput/MaskedInput.js +2 -5
  201. package/cjs/components/MaskedInput/MaskedInput.js.map +1 -1
  202. package/cjs/components/MaskedInput/MaskedInput.md +114 -0
  203. package/cjs/components/MaskedInput/MaskedInput.styles.d.ts +1 -2
  204. package/cjs/components/MaskedInput/MaskedInput.styles.js +7 -12
  205. package/cjs/components/MaskedInput/MaskedInput.styles.js.map +1 -1
  206. package/cjs/components/MenuFooter/MenuFooter.js +9 -12
  207. package/cjs/components/MenuFooter/MenuFooter.js.map +1 -1
  208. package/cjs/components/MenuFooter/MenuFooter.md +27 -0
  209. package/cjs/components/MenuFooter/MenuFooter.mixins.d.ts +2 -3
  210. package/cjs/components/MenuFooter/MenuFooter.mixins.js +5 -6
  211. package/cjs/components/MenuFooter/MenuFooter.mixins.js.map +1 -1
  212. package/cjs/components/MenuFooter/MenuFooter.styles.d.ts +1 -2
  213. package/cjs/components/MenuFooter/MenuFooter.styles.js +59 -65
  214. package/cjs/components/MenuFooter/MenuFooter.styles.js.map +1 -1
  215. package/cjs/components/MenuHeader/MenuHeader.js +9 -12
  216. package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
  217. package/cjs/components/MenuHeader/MenuHeader.md +35 -0
  218. package/cjs/components/MenuHeader/MenuHeader.mixins.d.ts +2 -3
  219. package/cjs/components/MenuHeader/MenuHeader.mixins.js +5 -6
  220. package/cjs/components/MenuHeader/MenuHeader.mixins.js.map +1 -1
  221. package/cjs/components/MenuHeader/MenuHeader.styles.d.ts +1 -2
  222. package/cjs/components/MenuHeader/MenuHeader.styles.js +59 -65
  223. package/cjs/components/MenuHeader/MenuHeader.styles.js.map +1 -1
  224. package/cjs/components/MenuItem/MenuItem.d.ts +0 -3
  225. package/cjs/components/MenuItem/MenuItem.js +27 -44
  226. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  227. package/cjs/components/MenuItem/MenuItem.md +139 -0
  228. package/cjs/components/MenuItem/MenuItem.mixins.d.ts +3 -4
  229. package/cjs/components/MenuItem/MenuItem.mixins.js +7 -8
  230. package/cjs/components/MenuItem/MenuItem.mixins.js.map +1 -1
  231. package/cjs/components/MenuItem/MenuItem.styles.d.ts +1 -2
  232. package/cjs/components/MenuItem/MenuItem.styles.js +108 -114
  233. package/cjs/components/MenuItem/MenuItem.styles.js.map +1 -1
  234. package/cjs/components/MenuSeparator/MenuSeparator.js +2 -5
  235. package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
  236. package/cjs/components/MenuSeparator/MenuSeparator.md +14 -0
  237. package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -2
  238. package/cjs/components/MenuSeparator/MenuSeparator.styles.js +12 -15
  239. package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map +1 -1
  240. package/cjs/components/MiniModal/MiniModal.md +231 -0
  241. package/cjs/components/MiniModal/MiniModal.styles.d.ts +1 -2
  242. package/cjs/components/MiniModal/MiniModal.styles.js +39 -42
  243. package/cjs/components/MiniModal/MiniModal.styles.js.map +1 -1
  244. package/cjs/components/MiniModal/MiniModalBody.js +3 -7
  245. package/cjs/components/MiniModal/MiniModalBody.js.map +1 -1
  246. package/cjs/components/MiniModal/MiniModalFooter.js +5 -8
  247. package/cjs/components/MiniModal/MiniModalFooter.js.map +1 -1
  248. package/cjs/components/MiniModal/MiniModalHeader.js +4 -7
  249. package/cjs/components/MiniModal/MiniModalHeader.js.map +1 -1
  250. package/cjs/components/MiniModal/MiniModalIndent.js +1 -3
  251. package/cjs/components/MiniModal/MiniModalIndent.js.map +1 -1
  252. package/cjs/components/Modal/Modal.d.ts +0 -3
  253. package/cjs/components/Modal/Modal.js +9 -26
  254. package/cjs/components/Modal/Modal.js.map +1 -1
  255. package/cjs/components/Modal/Modal.md +56 -0
  256. package/cjs/components/Modal/Modal.styles.d.ts +1 -2
  257. package/cjs/components/Modal/Modal.styles.js +306 -309
  258. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  259. package/cjs/components/Modal/ModalBody.d.ts +0 -2
  260. package/cjs/components/Modal/ModalBody.js +14 -27
  261. package/cjs/components/Modal/ModalBody.js.map +1 -1
  262. package/cjs/components/Modal/ModalClose.js +12 -16
  263. package/cjs/components/Modal/ModalClose.js.map +1 -1
  264. package/cjs/components/Modal/ModalFooter.js +10 -14
  265. package/cjs/components/Modal/ModalFooter.js.map +1 -1
  266. package/cjs/components/Modal/ModalHeader.js +13 -17
  267. package/cjs/components/Modal/ModalHeader.js.map +1 -1
  268. package/cjs/components/Modal/ModalSeparator.js +3 -6
  269. package/cjs/components/Modal/ModalSeparator.js.map +1 -1
  270. package/cjs/components/Paging/Paging.d.ts +1 -5
  271. package/cjs/components/Paging/Paging.js +48 -74
  272. package/cjs/components/Paging/Paging.js.map +1 -1
  273. package/cjs/components/Paging/Paging.md +57 -0
  274. package/cjs/components/Paging/Paging.styles.d.ts +1 -2
  275. package/cjs/components/Paging/Paging.styles.js +155 -158
  276. package/cjs/components/Paging/Paging.styles.js.map +1 -1
  277. package/cjs/components/PasswordInput/PasswordInput.d.ts +0 -3
  278. package/cjs/components/PasswordInput/PasswordInput.js +9 -23
  279. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
  280. package/cjs/components/PasswordInput/PasswordInput.md +29 -0
  281. package/cjs/components/PasswordInput/PasswordInput.styles.d.ts +1 -2
  282. package/cjs/components/PasswordInput/PasswordInput.styles.js +34 -37
  283. package/cjs/components/PasswordInput/PasswordInput.styles.js.map +1 -1
  284. package/cjs/components/Radio/Radio.d.ts +0 -5
  285. package/cjs/components/Radio/Radio.js +32 -51
  286. package/cjs/components/Radio/Radio.js.map +1 -1
  287. package/cjs/components/Radio/Radio.md +57 -0
  288. package/cjs/components/Radio/Radio.mixins.d.ts +5 -6
  289. package/cjs/components/Radio/Radio.mixins.js +11 -19
  290. package/cjs/components/Radio/Radio.mixins.js.map +1 -1
  291. package/cjs/components/Radio/Radio.styles.d.ts +1 -2
  292. package/cjs/components/Radio/Radio.styles.js +132 -138
  293. package/cjs/components/Radio/Radio.styles.js.map +1 -1
  294. package/cjs/components/RadioGroup/RadioGroup.d.ts +0 -2
  295. package/cjs/components/RadioGroup/RadioGroup.js +7 -19
  296. package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  297. package/cjs/components/RadioGroup/RadioGroup.md +44 -0
  298. package/cjs/components/RadioGroup/RadioGroup.styles.d.ts +1 -2
  299. package/cjs/components/RadioGroup/RadioGroup.styles.js +18 -21
  300. package/cjs/components/RadioGroup/RadioGroup.styles.js.map +1 -1
  301. package/cjs/components/ResponsiveLayout/ResponsiveLayout.md +75 -0
  302. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts +2 -3
  303. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js +7 -8
  304. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map +1 -1
  305. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js +2 -9
  306. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map +1 -1
  307. package/cjs/components/ScrollContainer/ScrollBar.d.ts +0 -3
  308. package/cjs/components/ScrollContainer/ScrollBar.js +9 -23
  309. package/cjs/components/ScrollContainer/ScrollBar.js.map +1 -1
  310. package/cjs/components/ScrollContainer/ScrollContainer.d.ts +1 -4
  311. package/cjs/components/ScrollContainer/ScrollContainer.js +37 -51
  312. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  313. package/cjs/components/ScrollContainer/ScrollContainer.md +224 -0
  314. package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -2
  315. package/cjs/components/ScrollContainer/ScrollContainer.styles.js +49 -52
  316. package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map +1 -1
  317. package/cjs/components/Select/Select.d.ts +0 -4
  318. package/cjs/components/Select/Select.js +4 -24
  319. package/cjs/components/Select/Select.js.map +1 -1
  320. package/cjs/components/Select/Select.md +113 -0
  321. package/cjs/components/Select/Select.styles.d.ts +1 -2
  322. package/cjs/components/Select/Select.styles.js +61 -64
  323. package/cjs/components/Select/Select.styles.js.map +1 -1
  324. package/cjs/components/SidePage/SidePage.d.ts +0 -3
  325. package/cjs/components/SidePage/SidePage.js +7 -22
  326. package/cjs/components/SidePage/SidePage.js.map +1 -1
  327. package/cjs/components/SidePage/SidePage.md +65 -0
  328. package/cjs/components/SidePage/SidePage.styles.d.ts +1 -2
  329. package/cjs/components/SidePage/SidePage.styles.js +246 -249
  330. package/cjs/components/SidePage/SidePage.styles.js.map +1 -1
  331. package/cjs/components/SidePage/SidePageBody.d.ts +0 -2
  332. package/cjs/components/SidePage/SidePageBody.js +10 -22
  333. package/cjs/components/SidePage/SidePageBody.js.map +1 -1
  334. package/cjs/components/SidePage/SidePageCloseButton.js +10 -14
  335. package/cjs/components/SidePage/SidePageCloseButton.js.map +1 -1
  336. package/cjs/components/SidePage/SidePageContainer.d.ts +0 -2
  337. package/cjs/components/SidePage/SidePageContainer.js +13 -25
  338. package/cjs/components/SidePage/SidePageContainer.js.map +1 -1
  339. package/cjs/components/SidePage/SidePageFooter.d.ts +0 -3
  340. package/cjs/components/SidePage/SidePageFooter.js +2 -17
  341. package/cjs/components/SidePage/SidePageFooter.js.map +1 -1
  342. package/cjs/components/SidePage/SidePageHeader.d.ts +0 -2
  343. package/cjs/components/SidePage/SidePageHeader.js +20 -32
  344. package/cjs/components/SidePage/SidePageHeader.js.map +1 -1
  345. package/cjs/components/SingleToast/SingleToast.md +36 -0
  346. package/cjs/components/Spinner/Spinner.d.ts +0 -2
  347. package/cjs/components/Spinner/Spinner.js +7 -19
  348. package/cjs/components/Spinner/Spinner.js.map +1 -1
  349. package/cjs/components/Spinner/Spinner.md +36 -0
  350. package/cjs/components/Spinner/Spinner.styles.d.ts +1 -2
  351. package/cjs/components/Spinner/Spinner.styles.js +72 -79
  352. package/cjs/components/Spinner/Spinner.styles.js.map +1 -1
  353. package/cjs/components/Spinner/SpinnerFallbackAnimation.d.ts +1 -3
  354. package/cjs/components/Spinner/SpinnerFallbackAnimation.js +10 -14
  355. package/cjs/components/Spinner/SpinnerFallbackAnimation.js.map +1 -1
  356. package/cjs/components/Sticky/Sticky.d.ts +0 -3
  357. package/cjs/components/Sticky/Sticky.js +6 -20
  358. package/cjs/components/Sticky/Sticky.js.map +1 -1
  359. package/cjs/components/Sticky/Sticky.md +28 -0
  360. package/cjs/components/Sticky/Sticky.styles.d.ts +1 -2
  361. package/cjs/components/Sticky/Sticky.styles.js +18 -21
  362. package/cjs/components/Sticky/Sticky.styles.js.map +1 -1
  363. package/cjs/components/Switcher/Switcher.d.ts +0 -2
  364. package/cjs/components/Switcher/Switcher.js +5 -17
  365. package/cjs/components/Switcher/Switcher.js.map +1 -1
  366. package/cjs/components/Switcher/Switcher.md +111 -0
  367. package/cjs/components/Switcher/Switcher.styles.d.ts +1 -2
  368. package/cjs/components/Switcher/Switcher.styles.js +50 -53
  369. package/cjs/components/Switcher/Switcher.styles.js.map +1 -1
  370. package/cjs/components/Tabs/Indicator.d.ts +0 -3
  371. package/cjs/components/Tabs/Indicator.js +4 -18
  372. package/cjs/components/Tabs/Indicator.js.map +1 -1
  373. package/cjs/components/Tabs/Indicator.styles.d.ts +1 -2
  374. package/cjs/components/Tabs/Indicator.styles.js +25 -28
  375. package/cjs/components/Tabs/Indicator.styles.js.map +1 -1
  376. package/cjs/components/Tabs/Tab.d.ts +0 -6
  377. package/cjs/components/Tabs/Tab.js +5 -25
  378. package/cjs/components/Tabs/Tab.js.map +1 -1
  379. package/cjs/components/Tabs/Tab.md +73 -0
  380. package/cjs/components/Tabs/Tab.styles.d.ts +3 -4
  381. package/cjs/components/Tabs/Tab.styles.js +96 -119
  382. package/cjs/components/Tabs/Tab.styles.js.map +1 -1
  383. package/cjs/components/Tabs/Tabs.d.ts +0 -3
  384. package/cjs/components/Tabs/Tabs.js +4 -18
  385. package/cjs/components/Tabs/Tabs.js.map +1 -1
  386. package/cjs/components/Tabs/Tabs.md +54 -0
  387. package/cjs/components/Tabs/Tabs.styles.d.ts +1 -2
  388. package/cjs/components/Tabs/Tabs.styles.js +18 -27
  389. package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
  390. package/cjs/components/Textarea/Textarea.d.ts +0 -3
  391. package/cjs/components/Textarea/Textarea.js +26 -41
  392. package/cjs/components/Textarea/Textarea.js.map +1 -1
  393. package/cjs/components/Textarea/Textarea.md +58 -0
  394. package/cjs/components/Textarea/Textarea.mixins.d.ts +3 -4
  395. package/cjs/components/Textarea/Textarea.mixins.js +7 -7
  396. package/cjs/components/Textarea/Textarea.mixins.js.map +1 -1
  397. package/cjs/components/Textarea/Textarea.styles.d.ts +1 -2
  398. package/cjs/components/Textarea/Textarea.styles.js +110 -113
  399. package/cjs/components/Textarea/Textarea.styles.js.map +1 -1
  400. package/cjs/components/Textarea/TextareaCounter.js +8 -11
  401. package/cjs/components/Textarea/TextareaCounter.js.map +1 -1
  402. package/cjs/components/Textarea/TextareaHelpers.d.ts +1 -2
  403. package/cjs/components/Textarea/TextareaHelpers.js +4 -5
  404. package/cjs/components/Textarea/TextareaHelpers.js.map +1 -1
  405. package/cjs/components/Toast/Toast.d.ts +0 -1
  406. package/cjs/components/Toast/Toast.js +5 -14
  407. package/cjs/components/Toast/Toast.js.map +1 -1
  408. package/cjs/components/Toast/Toast.md +69 -0
  409. package/cjs/components/Toast/Toast.styles.d.ts +1 -2
  410. package/cjs/components/Toast/Toast.styles.js +15 -18
  411. package/cjs/components/Toast/Toast.styles.js.map +1 -1
  412. package/cjs/components/Toast/ToastStatic.js +4 -5
  413. package/cjs/components/Toast/ToastStatic.js.map +1 -1
  414. package/cjs/components/Toast/ToastView.d.ts +0 -1
  415. package/cjs/components/Toast/ToastView.js +5 -15
  416. package/cjs/components/Toast/ToastView.js.map +1 -1
  417. package/cjs/components/Toast/ToastView.styles.d.ts +1 -2
  418. package/cjs/components/Toast/ToastView.styles.js +36 -39
  419. package/cjs/components/Toast/ToastView.styles.js.map +1 -1
  420. package/cjs/components/Toggle/Toggle.d.ts +0 -4
  421. package/cjs/components/Toggle/Toggle.js +4 -21
  422. package/cjs/components/Toggle/Toggle.js.map +1 -1
  423. package/cjs/components/Toggle/Toggle.md +110 -0
  424. package/cjs/components/Toggle/Toggle.mixins.d.ts +6 -7
  425. package/cjs/components/Toggle/Toggle.mixins.js +13 -15
  426. package/cjs/components/Toggle/Toggle.mixins.js.map +1 -1
  427. package/cjs/components/Toggle/Toggle.styles.d.ts +1 -2
  428. package/cjs/components/Toggle/Toggle.styles.js +206 -212
  429. package/cjs/components/Toggle/Toggle.styles.js.map +1 -1
  430. package/cjs/components/Token/Token.d.ts +0 -2
  431. package/cjs/components/Token/Token.js +2 -14
  432. package/cjs/components/Token/Token.js.map +1 -1
  433. package/cjs/components/Token/Token.md +48 -0
  434. package/cjs/components/Token/Token.mixins.d.ts +1 -2
  435. package/cjs/components/Token/Token.mixins.js +3 -4
  436. package/cjs/components/Token/Token.mixins.js.map +1 -1
  437. package/cjs/components/Token/Token.styles.d.ts +1 -2
  438. package/cjs/components/Token/Token.styles.js +107 -113
  439. package/cjs/components/Token/Token.styles.js.map +1 -1
  440. package/cjs/components/Token/TokenView.js +7 -10
  441. package/cjs/components/Token/TokenView.js.map +1 -1
  442. package/cjs/components/TokenInput/TextWidthHelper.d.ts +0 -2
  443. package/cjs/components/TokenInput/TextWidthHelper.js +2 -14
  444. package/cjs/components/TokenInput/TextWidthHelper.js.map +1 -1
  445. package/cjs/components/TokenInput/TokenInput.d.ts +0 -3
  446. package/cjs/components/TokenInput/TokenInput.js +9 -23
  447. package/cjs/components/TokenInput/TokenInput.js.map +1 -1
  448. package/cjs/components/TokenInput/TokenInput.md +277 -0
  449. package/cjs/components/TokenInput/TokenInput.mixins.d.ts +2 -3
  450. package/cjs/components/TokenInput/TokenInput.mixins.js +5 -5
  451. package/cjs/components/TokenInput/TokenInput.mixins.js.map +1 -1
  452. package/cjs/components/TokenInput/TokenInput.styles.d.ts +1 -2
  453. package/cjs/components/TokenInput/TokenInput.styles.js +82 -85
  454. package/cjs/components/TokenInput/TokenInput.styles.js.map +1 -1
  455. package/cjs/components/Tooltip/Tooltip.d.ts +1 -4
  456. package/cjs/components/Tooltip/Tooltip.js +19 -35
  457. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  458. package/cjs/components/Tooltip/Tooltip.md +322 -0
  459. package/cjs/components/Tooltip/Tooltip.styles.d.ts +1 -2
  460. package/cjs/components/Tooltip/Tooltip.styles.js +44 -47
  461. package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
  462. package/cjs/components/TooltipMenu/TooltipMenu.md +241 -0
  463. package/cjs/hooks/useDrop.js +3 -3
  464. package/cjs/hooks/useDrop.js.map +1 -1
  465. package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js +10 -14
  466. package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
  467. package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +1 -2
  468. package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js +35 -38
  469. package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map +1 -1
  470. package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js +9 -13
  471. package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
  472. package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +1 -2
  473. package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js +22 -25
  474. package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +1 -1
  475. package/cjs/internal/CommonWrapper/CommonWrapper.d.ts +1 -2
  476. package/cjs/internal/CommonWrapper/CommonWrapper.js +2 -12
  477. package/cjs/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  478. package/cjs/internal/CustomComboBox/ComboBoxView.d.ts +2 -2
  479. package/cjs/internal/CustomComboBox/ComboBoxView.js +24 -12
  480. package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  481. package/cjs/internal/CustomComboBox/CustomComboBox.d.ts +6 -3
  482. package/cjs/internal/CustomComboBox/CustomComboBox.js +19 -19
  483. package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
  484. package/cjs/internal/CustomComboBox/CustomComboBox.styles.d.ts +1 -2
  485. package/cjs/internal/CustomComboBox/CustomComboBox.styles.js +9 -12
  486. package/cjs/internal/CustomComboBox/CustomComboBox.styles.js.map +1 -1
  487. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -2
  488. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +6 -7
  489. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
  490. package/cjs/internal/DataTids/DATATIDS.md +12 -0
  491. package/cjs/internal/DataTids/DataTids.d.ts +12 -0
  492. package/cjs/internal/DataTids/DataTids.js +50 -0
  493. package/cjs/internal/DataTids/DataTids.js.map +1 -0
  494. package/cjs/internal/DataTids/DataTids.styles.d.ts +7 -0
  495. package/cjs/internal/DataTids/DataTids.styles.js +42 -0
  496. package/cjs/internal/DataTids/DataTids.styles.js.map +1 -0
  497. package/cjs/internal/DataTids/componentsDataTids.d.ts +5 -0
  498. package/cjs/internal/DataTids/componentsDataTids.js +15 -0
  499. package/cjs/internal/DataTids/componentsDataTids.js.map +1 -0
  500. package/cjs/internal/DateSelect/DateSelect.d.ts +0 -2
  501. package/cjs/internal/DateSelect/DateSelect.js +5 -17
  502. package/cjs/internal/DateSelect/DateSelect.js.map +1 -1
  503. package/cjs/internal/DateSelect/DateSelect.styles.d.ts +1 -2
  504. package/cjs/internal/DateSelect/DateSelect.styles.js +20 -23
  505. package/cjs/internal/DateSelect/DateSelect.styles.js.map +1 -1
  506. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js +18 -22
  507. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map +1 -1
  508. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +1 -2
  509. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js +57 -58
  510. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js.map +1 -1
  511. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js +1 -3
  512. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js.map +1 -1
  513. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js +6 -9
  514. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  515. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +1 -2
  516. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js +22 -23
  517. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
  518. package/cjs/internal/FocusTrap/FocusTrap.d.ts +0 -2
  519. package/cjs/internal/FocusTrap/FocusTrap.js +6 -24
  520. package/cjs/internal/FocusTrap/FocusTrap.js.map +1 -1
  521. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -4
  522. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +11 -34
  523. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  524. package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js +2 -12
  525. package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js.map +1 -1
  526. package/cjs/internal/InputLikeText/HiddenInput.d.ts +0 -1
  527. package/cjs/internal/InputLikeText/HiddenInput.js +13 -25
  528. package/cjs/internal/InputLikeText/HiddenInput.js.map +1 -1
  529. package/cjs/internal/InputLikeText/InputLikeText.d.ts +0 -4
  530. package/cjs/internal/InputLikeText/InputLikeText.js +50 -72
  531. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  532. package/cjs/internal/InputLikeText/InputLikeText.styles.d.ts +1 -2
  533. package/cjs/internal/InputLikeText/InputLikeText.styles.js +18 -21
  534. package/cjs/internal/InputLikeText/InputLikeText.styles.js.map +1 -1
  535. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.d.ts +0 -2
  536. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js +3 -15
  537. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js.map +1 -1
  538. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.d.ts +1 -2
  539. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js +13 -16
  540. package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js.map +1 -1
  541. package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js +1 -6
  542. package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
  543. package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +1 -2
  544. package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js +6 -9
  545. package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map +1 -1
  546. package/cjs/internal/Menu/Menu.d.ts +0 -3
  547. package/cjs/internal/Menu/Menu.js +26 -41
  548. package/cjs/internal/Menu/Menu.js.map +1 -1
  549. package/cjs/internal/Menu/Menu.styles.d.ts +1 -2
  550. package/cjs/internal/Menu/Menu.styles.js +56 -59
  551. package/cjs/internal/Menu/Menu.styles.js.map +1 -1
  552. package/cjs/internal/MenuMessage/MenuMessage.js +7 -10
  553. package/cjs/internal/MenuMessage/MenuMessage.js.map +1 -1
  554. package/cjs/internal/MenuMessage/MenuMessage.styles.d.ts +1 -2
  555. package/cjs/internal/MenuMessage/MenuMessage.styles.js +44 -47
  556. package/cjs/internal/MenuMessage/MenuMessage.styles.js.map +1 -1
  557. package/cjs/internal/MobilePopup/MobilePopup.d.ts +0 -1
  558. package/cjs/internal/MobilePopup/MobilePopup.js +1 -11
  559. package/cjs/internal/MobilePopup/MobilePopup.js.map +1 -1
  560. package/cjs/internal/MobilePopup/MobilePopup.styles.d.ts +1 -2
  561. package/cjs/internal/MobilePopup/MobilePopup.styles.js +32 -33
  562. package/cjs/internal/MobilePopup/MobilePopup.styles.js.map +1 -1
  563. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +0 -1
  564. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +5 -15
  565. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
  566. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +1 -2
  567. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +8 -9
  568. package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +1 -1
  569. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -2
  570. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +13 -25
  571. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  572. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +1 -2
  573. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +24 -25
  574. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +1 -1
  575. package/cjs/internal/NativeDateInput/NativeDateInput.d.ts +0 -1
  576. package/cjs/internal/NativeDateInput/NativeDateInput.js +1 -11
  577. package/cjs/internal/NativeDateInput/NativeDateInput.js.map +1 -1
  578. package/cjs/internal/NativeDateInput/NativeDateInput.styles.d.ts +1 -2
  579. package/cjs/internal/NativeDateInput/NativeDateInput.styles.js +7 -8
  580. package/cjs/internal/NativeDateInput/NativeDateInput.styles.js.map +1 -1
  581. package/cjs/internal/Popup/Popup.d.ts +0 -3
  582. package/cjs/internal/Popup/Popup.js +12 -27
  583. package/cjs/internal/Popup/Popup.js.map +1 -1
  584. package/cjs/internal/Popup/Popup.styles.d.ts +1 -2
  585. package/cjs/internal/Popup/Popup.styles.js +51 -54
  586. package/cjs/internal/Popup/Popup.styles.js.map +1 -1
  587. package/cjs/internal/Popup/PopupHelper.d.ts +2 -3
  588. package/cjs/internal/Popup/PopupHelper.js +21 -22
  589. package/cjs/internal/Popup/PopupHelper.js.map +1 -1
  590. package/cjs/internal/Popup/PopupPin.d.ts +1 -2
  591. package/cjs/internal/Popup/PopupPin.js +40 -51
  592. package/cjs/internal/Popup/PopupPin.js.map +1 -1
  593. package/cjs/internal/Popup/PopupPin.styles.d.ts +1 -2
  594. package/cjs/internal/Popup/PopupPin.styles.js +6 -9
  595. package/cjs/internal/Popup/PopupPin.styles.js.map +1 -1
  596. package/cjs/internal/Popup/PopupPinNew.d.ts +1 -3
  597. package/cjs/internal/Popup/PopupPinNew.js +6 -22
  598. package/cjs/internal/Popup/PopupPinNew.js.map +1 -1
  599. package/cjs/internal/Popup/PopupPinNew.styles.d.ts +1 -2
  600. package/cjs/internal/Popup/PopupPinNew.styles.js +18 -21
  601. package/cjs/internal/Popup/PopupPinNew.styles.js.map +1 -1
  602. package/cjs/internal/PopupMenu/PopupMenu.d.ts +0 -2
  603. package/cjs/internal/PopupMenu/PopupMenu.js +6 -22
  604. package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
  605. package/cjs/internal/PopupMenu/PopupMenu.styles.d.ts +1 -2
  606. package/cjs/internal/PopupMenu/PopupMenu.styles.js +9 -12
  607. package/cjs/internal/PopupMenu/PopupMenu.styles.js.map +1 -1
  608. package/cjs/internal/RenderContainer/RenderContainer.d.ts +0 -3
  609. package/cjs/internal/RenderContainer/RenderContainer.js +9 -13
  610. package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
  611. package/cjs/internal/RenderLayer/RenderLayer.d.ts +0 -1
  612. package/cjs/internal/RenderLayer/RenderLayer.js +3 -20
  613. package/cjs/internal/RenderLayer/RenderLayer.js.map +1 -1
  614. package/cjs/internal/ResizeDetector/ResizeDetector.d.ts +0 -2
  615. package/cjs/internal/ResizeDetector/ResizeDetector.js +2 -19
  616. package/cjs/internal/ResizeDetector/ResizeDetector.js.map +1 -1
  617. package/cjs/internal/ResizeDetector/ResizeDetector.styles.d.ts +1 -2
  618. package/cjs/internal/ResizeDetector/ResizeDetector.styles.js +15 -18
  619. package/cjs/internal/ResizeDetector/ResizeDetector.styles.js.map +1 -1
  620. package/cjs/internal/SpinnerIcon/SpinnerIcon.js +5 -10
  621. package/cjs/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
  622. package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +1 -2
  623. package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.js +15 -18
  624. package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.js.map +1 -1
  625. package/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts +0 -1
  626. package/cjs/internal/TextWidthHelper/TextWidthHelper.js +1 -11
  627. package/cjs/internal/TextWidthHelper/TextWidthHelper.js.map +1 -1
  628. package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +1 -2
  629. package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js +10 -11
  630. package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js.map +1 -1
  631. package/cjs/internal/ThemePlayground/ComponentsGroup.js +2 -4
  632. package/cjs/internal/ThemePlayground/ComponentsGroup.js.map +1 -1
  633. package/cjs/internal/ThemePlayground/Playground.d.ts +0 -2
  634. package/cjs/internal/ThemePlayground/Playground.js +3 -15
  635. package/cjs/internal/ThemePlayground/Playground.js.map +1 -1
  636. package/cjs/internal/ThemePlayground/Playground.md +7 -0
  637. package/cjs/internal/ThemePlayground/Playground.styles.d.ts +1 -2
  638. package/cjs/internal/ThemePlayground/Playground.styles.js +73 -76
  639. package/cjs/internal/ThemePlayground/Playground.styles.js.map +1 -1
  640. package/cjs/internal/ThemePlayground/ThemeContextPlayground.d.ts +0 -1
  641. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +3 -14
  642. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
  643. package/cjs/internal/ThemePlayground/ThemeEditor.d.ts +0 -1
  644. package/cjs/internal/ThemePlayground/ThemeEditor.js +2 -13
  645. package/cjs/internal/ThemePlayground/ThemeEditor.js.map +1 -1
  646. package/cjs/internal/ThemePlayground/VariableValue.d.ts +0 -2
  647. package/cjs/internal/ThemePlayground/VariableValue.js +8 -22
  648. package/cjs/internal/ThemePlayground/VariableValue.js.map +1 -1
  649. package/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts +0 -1
  650. package/cjs/internal/ThemeShowcase/ThemeShowcase.js +95 -157
  651. package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map +1 -1
  652. package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.d.ts +1 -2
  653. package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js +78 -81
  654. package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js.map +1 -1
  655. package/cjs/internal/ThemeShowcase/VariablesCollector.js +5 -4
  656. package/cjs/internal/ThemeShowcase/VariablesCollector.js.map +1 -1
  657. package/cjs/internal/ZIndex/ZIndex.d.ts +1 -2
  658. package/cjs/internal/ZIndex/ZIndex.js +9 -19
  659. package/cjs/internal/ZIndex/ZIndex.js.map +1 -1
  660. package/cjs/internal/ZIndex/ZIndexStorage.d.ts +2 -3
  661. package/cjs/internal/ZIndex/ZIndexStorage.js +8 -9
  662. package/cjs/internal/ZIndex/ZIndexStorage.js.map +1 -1
  663. package/cjs/internal/icons2022/BaseIcon.js +1 -3
  664. package/cjs/internal/icons2022/BaseIcon.js.map +1 -1
  665. package/cjs/internal/icons2022/BaseIcon.styles.d.ts +1 -2
  666. package/cjs/internal/icons2022/BaseIcon.styles.js +7 -10
  667. package/cjs/internal/icons2022/BaseIcon.styles.js.map +1 -1
  668. package/cjs/internal/icons2022/LoadingIcon.js +2 -5
  669. package/cjs/internal/icons2022/LoadingIcon.js.map +1 -1
  670. package/cjs/lib/LayoutEvents.d.ts +1 -2
  671. package/cjs/lib/LayoutEvents.js +10 -11
  672. package/cjs/lib/LayoutEvents.js.map +1 -1
  673. package/cjs/lib/ModalStack.d.ts +5 -6
  674. package/cjs/lib/ModalStack.js +12 -13
  675. package/cjs/lib/ModalStack.js.map +1 -1
  676. package/cjs/lib/Upgrades.d.ts +1 -0
  677. package/cjs/lib/Upgrades.js +3 -1
  678. package/cjs/lib/Upgrades.js.map +1 -1
  679. package/cjs/lib/animation/index.d.ts +1 -2
  680. package/cjs/lib/animation/index.js +5 -5
  681. package/cjs/lib/animation/index.js.map +1 -1
  682. package/cjs/lib/client.d.ts +1 -1
  683. package/cjs/lib/client.js +6 -8
  684. package/cjs/lib/client.js.map +1 -1
  685. package/cjs/lib/delay.js +3 -1
  686. package/cjs/lib/delay.js.map +1 -1
  687. package/cjs/lib/delay.mts +3 -1
  688. package/cjs/lib/dom/getScrollWidth.d.ts +1 -2
  689. package/cjs/lib/dom/getScrollWidth.js +5 -5
  690. package/cjs/lib/dom/getScrollWidth.js.map +1 -1
  691. package/cjs/lib/dom/scrollYCenterIntoNearestScrollable.js +5 -7
  692. package/cjs/lib/dom/scrollYCenterIntoNearestScrollable.js.map +1 -1
  693. package/cjs/lib/dom/selectionHelpers.d.ts +1 -2
  694. package/cjs/lib/dom/selectionHelpers.js +8 -10
  695. package/cjs/lib/dom/selectionHelpers.js.map +1 -1
  696. package/cjs/lib/dom/tabbableHelpers.d.ts +1 -1
  697. package/cjs/lib/dom/tabbableHelpers.js +5 -4
  698. package/cjs/lib/dom/tabbableHelpers.js.map +1 -1
  699. package/cjs/lib/events/MouseDrag.d.ts +0 -3
  700. package/cjs/lib/events/MouseDrag.js +7 -11
  701. package/cjs/lib/events/MouseDrag.js.map +1 -1
  702. package/cjs/lib/events/fixClickFocusIE.js +4 -4
  703. package/cjs/lib/events/fixClickFocusIE.js.map +1 -1
  704. package/cjs/lib/events/fixFirefoxModifiedClickOnLabel.js +4 -5
  705. package/cjs/lib/events/fixFirefoxModifiedClickOnLabel.js.map +1 -1
  706. package/cjs/lib/events/keyListener.d.ts +4 -3
  707. package/cjs/lib/events/keyListener.js +9 -6
  708. package/cjs/lib/events/keyListener.js.map +1 -1
  709. package/cjs/lib/events/keyboard/identifiers.js +3 -2
  710. package/cjs/lib/events/keyboard/identifiers.js.map +1 -1
  711. package/cjs/lib/events/tabListener.d.ts +1 -1
  712. package/cjs/lib/events/tabListener.js +2 -2
  713. package/cjs/lib/events/tabListener.js.map +1 -1
  714. package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +64 -0
  715. package/cjs/lib/listenFocusOutside.d.ts +0 -2
  716. package/cjs/lib/listenFocusOutside.js +14 -17
  717. package/cjs/lib/listenFocusOutside.js.map +1 -1
  718. package/cjs/lib/locale/LOCALECONTEXT.md +222 -0
  719. package/cjs/lib/needsPolyfillPlaceholder.js +3 -4
  720. package/cjs/lib/needsPolyfillPlaceholder.js.map +1 -1
  721. package/cjs/lib/net/fetch.js +4 -5
  722. package/cjs/lib/net/fetch.js.map +1 -1
  723. package/cjs/lib/styles/Mixins.d.ts +2 -3
  724. package/cjs/lib/styles/Mixins.js +5 -5
  725. package/cjs/lib/styles/Mixins.js.map +1 -1
  726. package/cjs/lib/styles/UiFont.d.ts +0 -2
  727. package/cjs/lib/styles/UiFont.js +4 -4
  728. package/cjs/lib/styles/UiFont.js.map +1 -1
  729. package/cjs/lib/taskWithDelayAndMinimalDuration.js +6 -5
  730. package/cjs/lib/taskWithDelayAndMinimalDuration.js.map +1 -1
  731. package/cjs/lib/theming/Emotion.d.ts +4 -10
  732. package/cjs/lib/theming/Emotion.js +10 -25
  733. package/cjs/lib/theming/Emotion.js.map +1 -1
  734. package/cjs/lib/theming/ThemeContext.md +265 -0
  735. package/cjs/lib/theming/ThemeVersions.d.ts +1 -1
  736. package/cjs/lib/theming/ThemeVersions.js.map +1 -1
  737. package/cjs/lib/theming/themes/DarkTheme.d.ts +0 -1
  738. package/cjs/lib/theming/themes/DarkTheme.js +2 -4
  739. package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
  740. package/cjs/lib/theming/themes/LightTheme.d.ts +0 -1
  741. package/cjs/lib/theming/themes/LightTheme.js +2 -4
  742. package/cjs/lib/theming/themes/LightTheme.js.map +1 -1
  743. package/cjs/lib/utils.d.ts +1 -2
  744. package/cjs/lib/utils.js +4 -5
  745. package/cjs/lib/utils.js.map +1 -1
  746. package/components/Autocomplete/Autocomplete/Autocomplete.js +13 -17
  747. package/components/Autocomplete/Autocomplete/Autocomplete.js.map +1 -1
  748. package/components/Autocomplete/Autocomplete.d.ts +0 -2
  749. package/components/Autocomplete/Autocomplete.md +113 -0
  750. package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js +9 -11
  751. package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js.map +1 -1
  752. package/components/Autocomplete/Autocomplete.styles.d.ts +1 -2
  753. package/components/Button/Button/Button.js +41 -49
  754. package/components/Button/Button/Button.js.map +1 -1
  755. package/components/Button/Button.d.ts +0 -5
  756. package/components/Button/Button.md +261 -0
  757. package/components/Button/Button.mixins/Button.mixins.js +11 -10
  758. package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
  759. package/components/Button/Button.mixins.d.ts +5 -6
  760. package/components/Button/Button.styles/Button.styles.js +243 -248
  761. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  762. package/components/Button/Button.styles.d.ts +2 -3
  763. package/components/Button/ButtonArrow/ButtonArrow.js +3 -7
  764. package/components/Button/ButtonArrow/ButtonArrow.js.map +1 -1
  765. package/components/Button/ButtonArrow.d.ts +1 -3
  766. package/components/Button/ButtonIcon/ButtonIcon.js +2 -5
  767. package/components/Button/ButtonIcon/ButtonIcon.js.map +1 -1
  768. package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js +43 -45
  769. package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js.map +1 -1
  770. package/components/Button/ButtonIcon.styles.d.ts +1 -2
  771. package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js +1 -3
  772. package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js.map +1 -1
  773. package/components/Calendar/Calendar/Calendar.js +22 -28
  774. package/components/Calendar/Calendar/Calendar.js.map +1 -1
  775. package/components/Calendar/Calendar.d.ts +0 -3
  776. package/components/Calendar/Calendar.md +276 -0
  777. package/components/Calendar/Calendar.styles/Calendar.styles.js +13 -15
  778. package/components/Calendar/Calendar.styles/Calendar.styles.js.map +1 -1
  779. package/components/Calendar/Calendar.styles.d.ts +1 -2
  780. package/components/Calendar/CalendarDay/CalendarDay.js +2 -5
  781. package/components/Calendar/CalendarDay/CalendarDay.js.map +1 -1
  782. package/components/Calendar/CalendarDay.md +70 -0
  783. package/components/Calendar/DayCellView/DayCellView.js +1 -3
  784. package/components/Calendar/DayCellView/DayCellView.js.map +1 -1
  785. package/components/Calendar/DayCellView.styles/DayCellView.styles.js +18 -20
  786. package/components/Calendar/DayCellView.styles/DayCellView.styles.js.map +1 -1
  787. package/components/Calendar/DayCellView.styles.d.ts +1 -2
  788. package/components/Calendar/Month/Month.js +9 -17
  789. package/components/Calendar/Month/Month.js.map +1 -1
  790. package/components/Calendar/MonthView/MonthView.js +2 -5
  791. package/components/Calendar/MonthView/MonthView.js.map +1 -1
  792. package/components/Calendar/MonthView.styles/MonthView.styles.js +38 -40
  793. package/components/Calendar/MonthView.styles/MonthView.styles.js.map +1 -1
  794. package/components/Calendar/MonthView.styles.d.ts +1 -2
  795. package/components/Center/Center/Center.js +9 -15
  796. package/components/Center/Center/Center.js.map +1 -1
  797. package/components/Center/Center.d.ts +0 -2
  798. package/components/Center/Center.md +26 -0
  799. package/components/Center/Center.styles/Center.styles.js +18 -20
  800. package/components/Center/Center.styles/Center.styles.js.map +1 -1
  801. package/components/Center/Center.styles.d.ts +1 -2
  802. package/components/Checkbox/Checkbox/Checkbox.js +32 -39
  803. package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
  804. package/components/Checkbox/Checkbox.d.ts +0 -4
  805. package/components/Checkbox/Checkbox.md +171 -0
  806. package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js +5 -4
  807. package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map +1 -1
  808. package/components/Checkbox/Checkbox.mixins.d.ts +2 -3
  809. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +75 -77
  810. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  811. package/components/Checkbox/Checkbox.styles.d.ts +1 -2
  812. package/components/ComboBox/ComboBox/ComboBox.js +8 -0
  813. package/components/ComboBox/ComboBox/ComboBox.js.map +1 -1
  814. package/components/ComboBox/ComboBox.d.ts +7 -1
  815. package/components/ComboBox/ComboBox.md +574 -0
  816. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js +3 -3
  817. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map +1 -1
  818. package/components/CurrencyInput/CurrencyInput.md +39 -0
  819. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js +3 -5
  820. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js.map +1 -1
  821. package/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +2 -2
  822. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +1 -1
  823. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
  824. package/components/CurrencyLabel/CurrencyLabel.md +29 -0
  825. package/components/DateInput/DateFragmentsView/DateFragmentsView.js +13 -20
  826. package/components/DateInput/DateFragmentsView/DateFragmentsView.js.map +1 -1
  827. package/components/DateInput/DateFragmentsView.d.ts +0 -3
  828. package/components/DateInput/DateFragmentsView.styles/DateFragmentsView.styles.js +18 -20
  829. package/components/DateInput/DateFragmentsView.styles/DateFragmentsView.styles.js.map +1 -1
  830. package/components/DateInput/DateFragmentsView.styles.d.ts +1 -2
  831. package/components/DateInput/DateInput/DateInput.js +12 -18
  832. package/components/DateInput/DateInput/DateInput.js.map +1 -1
  833. package/components/DateInput/DateInput.d.ts +0 -3
  834. package/components/DateInput/DateInput.md +111 -0
  835. package/components/DateInput/DateInput.styles/DateInput.styles.js +23 -24
  836. package/components/DateInput/DateInput.styles/DateInput.styles.js.map +1 -1
  837. package/components/DateInput/DateInput.styles.d.ts +1 -2
  838. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js +5 -7
  839. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js.map +1 -1
  840. package/components/DateInput/helpers/DateInputKeyboardActions.d.ts +1 -1
  841. package/components/DatePicker/DatePicker/DatePicker.js +12 -17
  842. package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
  843. package/components/DatePicker/DatePicker.d.ts +0 -1
  844. package/components/DatePicker/DatePicker.md +368 -0
  845. package/components/DatePicker/DatePicker.styles/DatePicker.styles.js +9 -11
  846. package/components/DatePicker/DatePicker.styles/DatePicker.styles.js.map +1 -1
  847. package/components/DatePicker/DatePicker.styles.d.ts +1 -2
  848. package/components/DatePicker/MobilePicker/MobilePicker.js +1 -3
  849. package/components/DatePicker/MobilePicker/MobilePicker.js.map +1 -1
  850. package/components/DatePicker/MobilePicker.styles/MobilePicker.styles.js +6 -8
  851. package/components/DatePicker/MobilePicker.styles/MobilePicker.styles.js.map +1 -1
  852. package/components/DatePicker/MobilePicker.styles.d.ts +1 -2
  853. package/components/DateRangePicker/DateRangePicker/DateRangePicker.js +2 -6
  854. package/components/DateRangePicker/DateRangePicker/DateRangePicker.js.map +1 -1
  855. package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js +36 -38
  856. package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js.map +1 -1
  857. package/components/DateRangePicker/DateRangePicker.styles.d.ts +1 -2
  858. package/components/Dropdown/Dropdown.md +45 -0
  859. package/components/DropdownMenu/DropdownMenu.md +290 -0
  860. package/components/FileUploader/FileUploader/FileUploader.js +4 -9
  861. package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
  862. package/components/FileUploader/FileUploader.md +131 -0
  863. package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js +3 -2
  864. package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js.map +1 -1
  865. package/components/FileUploader/FileUploader.mixins.d.ts +1 -2
  866. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +94 -96
  867. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
  868. package/components/FileUploader/FileUploader.styles.d.ts +1 -2
  869. package/components/FxInput/FxInput.md +31 -0
  870. package/components/Gapped/Gapped.md +44 -0
  871. package/components/GlobalLoader/GlobalLoader.md +97 -0
  872. package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js +2 -6
  873. package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map +1 -1
  874. package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js +48 -60
  875. package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js.map +1 -1
  876. package/components/GlobalLoader/GlobalLoaderView.styles.d.ts +2 -3
  877. package/components/Group/Group/Group.js +24 -29
  878. package/components/Group/Group/Group.js.map +1 -1
  879. package/components/Group/Group.d.ts +0 -2
  880. package/components/Group/Group.md +19 -0
  881. package/components/Group/Group.styles/Group.styles.js +24 -26
  882. package/components/Group/Group.styles/Group.styles.js.map +1 -1
  883. package/components/Group/Group.styles.d.ts +1 -2
  884. package/components/Hint/Hint/Hint.js +18 -22
  885. package/components/Hint/Hint/Hint.js.map +1 -1
  886. package/components/Hint/Hint.d.ts +0 -2
  887. package/components/Hint/Hint.md +86 -0
  888. package/components/Hint/Hint.styles/Hint.styles.js +9 -11
  889. package/components/Hint/Hint.styles/Hint.styles.js.map +1 -1
  890. package/components/Hint/Hint.styles.d.ts +1 -2
  891. package/components/Input/Input/Input.js +24 -30
  892. package/components/Input/Input/Input.js.map +1 -1
  893. package/components/Input/Input.d.ts +0 -3
  894. package/components/Input/Input.md +86 -0
  895. package/components/Input/Input.styles/Input.styles.js +79 -81
  896. package/components/Input/Input.styles/Input.styles.js.map +1 -1
  897. package/components/Input/Input.styles.d.ts +1 -2
  898. package/components/Input/InputLayout/InputLayout/InputLayout.js +1 -3
  899. package/components/Input/InputLayout/InputLayout/InputLayout.js.map +1 -1
  900. package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js +28 -31
  901. package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js.map +1 -1
  902. package/components/Input/InputLayout/InputLayout.styles.d.ts +1 -2
  903. package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js +1 -3
  904. package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js.map +1 -1
  905. package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js +2 -6
  906. package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js.map +1 -1
  907. package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js +2 -6
  908. package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js.map +1 -1
  909. package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js +2 -5
  910. package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js.map +1 -1
  911. package/components/Kebab/Kebab/Kebab.js +16 -23
  912. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  913. package/components/Kebab/Kebab.d.ts +0 -4
  914. package/components/Kebab/Kebab.md +306 -0
  915. package/components/Kebab/Kebab.styles/Kebab.styles.js +27 -29
  916. package/components/Kebab/Kebab.styles/Kebab.styles.js.map +1 -1
  917. package/components/Kebab/Kebab.styles.d.ts +1 -2
  918. package/components/Link/Link/Link.js +23 -33
  919. package/components/Link/Link/Link.js.map +1 -1
  920. package/components/Link/Link.d.ts +0 -6
  921. package/components/Link/Link.md +182 -0
  922. package/components/Link/Link.mixins/Link.mixins.js +4 -6
  923. package/components/Link/Link.mixins/Link.mixins.js.map +1 -1
  924. package/components/Link/Link.mixins.d.ts +2 -3
  925. package/components/Link/Link.styles/Link.styles.js +66 -70
  926. package/components/Link/Link.styles/Link.styles.js.map +1 -1
  927. package/components/Link/Link.styles.d.ts +1 -2
  928. package/components/Link/LinkIcon/LinkIcon.js +2 -5
  929. package/components/Link/LinkIcon/LinkIcon.js.map +1 -1
  930. package/components/Loader/Loader/Loader.js +33 -41
  931. package/components/Loader/Loader/Loader.js.map +1 -1
  932. package/components/Loader/Loader.d.ts +0 -3
  933. package/components/Loader/Loader.md +33 -0
  934. package/components/Loader/Loader.styles/Loader.styles.js +18 -20
  935. package/components/Loader/Loader.styles/Loader.styles.js.map +1 -1
  936. package/components/Loader/Loader.styles.d.ts +1 -2
  937. package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js +5 -11
  938. package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js.map +1 -1
  939. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js +2 -4
  940. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js.map +1 -1
  941. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -2
  942. package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js +2 -7
  943. package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js.map +1 -1
  944. package/components/MaskedInput/MaskedInput/MaskedInput.js +2 -5
  945. package/components/MaskedInput/MaskedInput/MaskedInput.js.map +1 -1
  946. package/components/MaskedInput/MaskedInput.md +114 -0
  947. package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js +7 -10
  948. package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js.map +1 -1
  949. package/components/MaskedInput/MaskedInput.styles.d.ts +1 -2
  950. package/components/MenuFooter/MenuFooter/MenuFooter.js +2 -6
  951. package/components/MenuFooter/MenuFooter/MenuFooter.js.map +1 -1
  952. package/components/MenuFooter/MenuFooter.md +27 -0
  953. package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js +5 -4
  954. package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js.map +1 -1
  955. package/components/MenuFooter/MenuFooter.mixins.d.ts +2 -3
  956. package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js +24 -26
  957. package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js.map +1 -1
  958. package/components/MenuFooter/MenuFooter.styles.d.ts +1 -2
  959. package/components/MenuHeader/MenuHeader/MenuHeader.js +2 -6
  960. package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
  961. package/components/MenuHeader/MenuHeader.md +35 -0
  962. package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js +5 -4
  963. package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js.map +1 -1
  964. package/components/MenuHeader/MenuHeader.mixins.d.ts +2 -3
  965. package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js +24 -26
  966. package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map +1 -1
  967. package/components/MenuHeader/MenuHeader.styles.d.ts +1 -2
  968. package/components/MenuItem/MenuItem/MenuItem.js +26 -33
  969. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  970. package/components/MenuItem/MenuItem.d.ts +0 -3
  971. package/components/MenuItem/MenuItem.md +139 -0
  972. package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js +7 -6
  973. package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js.map +1 -1
  974. package/components/MenuItem/MenuItem.mixins.d.ts +3 -4
  975. package/components/MenuItem/MenuItem.styles/MenuItem.styles.js +67 -69
  976. package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map +1 -1
  977. package/components/MenuItem/MenuItem.styles.d.ts +1 -2
  978. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +2 -6
  979. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
  980. package/components/MenuSeparator/MenuSeparator.md +14 -0
  981. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js +9 -11
  982. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map +1 -1
  983. package/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -2
  984. package/components/MiniModal/MiniModal.md +231 -0
  985. package/components/MiniModal/MiniModal.styles/MiniModal.styles.js +30 -32
  986. package/components/MiniModal/MiniModal.styles/MiniModal.styles.js.map +1 -1
  987. package/components/MiniModal/MiniModal.styles.d.ts +1 -2
  988. package/components/MiniModal/MiniModalBody/MiniModalBody.js +2 -6
  989. package/components/MiniModal/MiniModalBody/MiniModalBody.js.map +1 -1
  990. package/components/MiniModal/MiniModalFooter/MiniModalFooter.js +2 -5
  991. package/components/MiniModal/MiniModalFooter/MiniModalFooter.js.map +1 -1
  992. package/components/MiniModal/MiniModalHeader/MiniModalHeader.js +2 -5
  993. package/components/MiniModal/MiniModalHeader/MiniModalHeader.js.map +1 -1
  994. package/components/MiniModal/MiniModalIndent/MiniModalIndent.js +1 -3
  995. package/components/MiniModal/MiniModalIndent/MiniModalIndent.js.map +1 -1
  996. package/components/Modal/Modal/Modal.js +34 -44
  997. package/components/Modal/Modal/Modal.js.map +1 -1
  998. package/components/Modal/Modal.d.ts +0 -3
  999. package/components/Modal/Modal.md +56 -0
  1000. package/components/Modal/Modal.styles/Modal.styles.js +196 -198
  1001. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  1002. package/components/Modal/Modal.styles.d.ts +1 -2
  1003. package/components/Modal/ModalBody/ModalBody.js +12 -17
  1004. package/components/Modal/ModalBody/ModalBody.js.map +1 -1
  1005. package/components/Modal/ModalBody.d.ts +0 -2
  1006. package/components/Modal/ModalClose/ModalClose.js +4 -8
  1007. package/components/Modal/ModalClose/ModalClose.js.map +1 -1
  1008. package/components/Modal/ModalFooter/ModalFooter.js +3 -8
  1009. package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
  1010. package/components/Modal/ModalHeader/ModalHeader.js +2 -5
  1011. package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
  1012. package/components/Modal/ModalSeparator/ModalSeparator.js +2 -6
  1013. package/components/Modal/ModalSeparator/ModalSeparator.js.map +1 -1
  1014. package/components/Paging/Paging/Paging.js +48 -59
  1015. package/components/Paging/Paging/Paging.js.map +1 -1
  1016. package/components/Paging/Paging.d.ts +1 -5
  1017. package/components/Paging/Paging.md +57 -0
  1018. package/components/Paging/Paging.styles/Paging.styles.js +106 -108
  1019. package/components/Paging/Paging.styles/Paging.styles.js.map +1 -1
  1020. package/components/Paging/Paging.styles.d.ts +1 -2
  1021. package/components/PasswordInput/PasswordInput/PasswordInput.js +18 -24
  1022. package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
  1023. package/components/PasswordInput/PasswordInput.d.ts +0 -3
  1024. package/components/PasswordInput/PasswordInput.md +29 -0
  1025. package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js +27 -29
  1026. package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js.map +1 -1
  1027. package/components/PasswordInput/PasswordInput.styles.d.ts +1 -2
  1028. package/components/Radio/Radio/Radio.js +31 -40
  1029. package/components/Radio/Radio/Radio.js.map +1 -1
  1030. package/components/Radio/Radio.d.ts +0 -5
  1031. package/components/Radio/Radio.md +57 -0
  1032. package/components/Radio/Radio.mixins/Radio.mixins.js +11 -10
  1033. package/components/Radio/Radio.mixins/Radio.mixins.js.map +1 -1
  1034. package/components/Radio/Radio.mixins.d.ts +5 -6
  1035. package/components/Radio/Radio.styles/Radio.styles.js +75 -77
  1036. package/components/Radio/Radio.styles/Radio.styles.js.map +1 -1
  1037. package/components/Radio/Radio.styles.d.ts +1 -2
  1038. package/components/RadioGroup/RadioGroup/RadioGroup.js +22 -27
  1039. package/components/RadioGroup/RadioGroup/RadioGroup.js.map +1 -1
  1040. package/components/RadioGroup/RadioGroup.d.ts +0 -2
  1041. package/components/RadioGroup/RadioGroup.md +44 -0
  1042. package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js +18 -20
  1043. package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map +1 -1
  1044. package/components/RadioGroup/RadioGroup.styles.d.ts +1 -2
  1045. package/components/ResponsiveLayout/ResponsiveLayout.md +75 -0
  1046. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js +5 -4
  1047. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js.map +1 -1
  1048. package/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts +2 -3
  1049. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js +2 -4
  1050. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js.map +1 -1
  1051. package/components/ScrollContainer/ScrollBar/ScrollBar.js +16 -22
  1052. package/components/ScrollContainer/ScrollBar/ScrollBar.js.map +1 -1
  1053. package/components/ScrollContainer/ScrollBar.d.ts +0 -3
  1054. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +31 -39
  1055. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  1056. package/components/ScrollContainer/ScrollContainer.d.ts +1 -4
  1057. package/components/ScrollContainer/ScrollContainer.md +224 -0
  1058. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js +39 -41
  1059. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map +1 -1
  1060. package/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -2
  1061. package/components/Select/Select/Select.js +24 -33
  1062. package/components/Select/Select/Select.js.map +1 -1
  1063. package/components/Select/Select.d.ts +0 -4
  1064. package/components/Select/Select.md +113 -0
  1065. package/components/Select/Select.styles/Select.styles.js +48 -50
  1066. package/components/Select/Select.styles/Select.styles.js.map +1 -1
  1067. package/components/Select/Select.styles.d.ts +1 -2
  1068. package/components/SidePage/SidePage/SidePage.js +28 -36
  1069. package/components/SidePage/SidePage/SidePage.js.map +1 -1
  1070. package/components/SidePage/SidePage.d.ts +0 -3
  1071. package/components/SidePage/SidePage.md +65 -0
  1072. package/components/SidePage/SidePage.styles/SidePage.styles.js +165 -167
  1073. package/components/SidePage/SidePage.styles/SidePage.styles.js.map +1 -1
  1074. package/components/SidePage/SidePage.styles.d.ts +1 -2
  1075. package/components/SidePage/SidePageBody/SidePageBody.js +11 -18
  1076. package/components/SidePage/SidePageBody/SidePageBody.js.map +1 -1
  1077. package/components/SidePage/SidePageBody.d.ts +0 -2
  1078. package/components/SidePage/SidePageCloseButton/SidePageCloseButton.js +4 -9
  1079. package/components/SidePage/SidePageCloseButton/SidePageCloseButton.js.map +1 -1
  1080. package/components/SidePage/SidePageContainer/SidePageContainer.js +11 -18
  1081. package/components/SidePage/SidePageContainer/SidePageContainer.js.map +1 -1
  1082. package/components/SidePage/SidePageContainer.d.ts +0 -2
  1083. package/components/SidePage/SidePageFooter/SidePageFooter.js +12 -19
  1084. package/components/SidePage/SidePageFooter/SidePageFooter.js.map +1 -1
  1085. package/components/SidePage/SidePageFooter.d.ts +0 -3
  1086. package/components/SidePage/SidePageHeader/SidePageHeader.js +12 -17
  1087. package/components/SidePage/SidePageHeader/SidePageHeader.js.map +1 -1
  1088. package/components/SidePage/SidePageHeader.d.ts +0 -2
  1089. package/components/SingleToast/SingleToast.md +36 -0
  1090. package/components/Spinner/Spinner/Spinner.js +12 -17
  1091. package/components/Spinner/Spinner/Spinner.js.map +1 -1
  1092. package/components/Spinner/Spinner.d.ts +0 -2
  1093. package/components/Spinner/Spinner.md +36 -0
  1094. package/components/Spinner/Spinner.styles/Spinner.styles.js +42 -44
  1095. package/components/Spinner/Spinner.styles/Spinner.styles.js.map +1 -1
  1096. package/components/Spinner/Spinner.styles.d.ts +1 -2
  1097. package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js +4 -5
  1098. package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js.map +1 -1
  1099. package/components/Spinner/SpinnerFallbackAnimation.d.ts +1 -3
  1100. package/components/Sticky/Sticky/Sticky.js +12 -18
  1101. package/components/Sticky/Sticky/Sticky.js.map +1 -1
  1102. package/components/Sticky/Sticky.d.ts +0 -3
  1103. package/components/Sticky/Sticky.md +28 -0
  1104. package/components/Sticky/Sticky.styles/Sticky.styles.js +18 -20
  1105. package/components/Sticky/Sticky.styles/Sticky.styles.js.map +1 -1
  1106. package/components/Sticky/Sticky.styles.d.ts +1 -2
  1107. package/components/Switcher/Switcher/Switcher.js +16 -21
  1108. package/components/Switcher/Switcher/Switcher.js.map +1 -1
  1109. package/components/Switcher/Switcher.d.ts +0 -2
  1110. package/components/Switcher/Switcher.md +111 -0
  1111. package/components/Switcher/Switcher.styles/Switcher.styles.js +35 -37
  1112. package/components/Switcher/Switcher.styles/Switcher.styles.js.map +1 -1
  1113. package/components/Switcher/Switcher.styles.d.ts +1 -2
  1114. package/components/Tabs/Indicator/Indicator.js +9 -15
  1115. package/components/Tabs/Indicator/Indicator.js.map +1 -1
  1116. package/components/Tabs/Indicator.d.ts +0 -3
  1117. package/components/Tabs/Indicator.styles/Indicator.styles.js +18 -20
  1118. package/components/Tabs/Indicator.styles/Indicator.styles.js.map +1 -1
  1119. package/components/Tabs/Indicator.styles.d.ts +1 -2
  1120. package/components/Tabs/Tab/Tab.js +13 -22
  1121. package/components/Tabs/Tab/Tab.js.map +1 -1
  1122. package/components/Tabs/Tab.d.ts +0 -6
  1123. package/components/Tabs/Tab.md +73 -0
  1124. package/components/Tabs/Tab.styles/Tab.styles.js +83 -89
  1125. package/components/Tabs/Tab.styles/Tab.styles.js.map +1 -1
  1126. package/components/Tabs/Tab.styles.d.ts +3 -4
  1127. package/components/Tabs/Tabs/Tabs.js +33 -39
  1128. package/components/Tabs/Tabs/Tabs.js.map +1 -1
  1129. package/components/Tabs/Tabs.d.ts +0 -3
  1130. package/components/Tabs/Tabs.md +54 -0
  1131. package/components/Tabs/Tabs.styles/Tabs.styles.js +18 -20
  1132. package/components/Tabs/Tabs.styles/Tabs.styles.js.map +1 -1
  1133. package/components/Tabs/Tabs.styles.d.ts +1 -2
  1134. package/components/Textarea/Textarea/Textarea.js +27 -33
  1135. package/components/Textarea/Textarea/Textarea.js.map +1 -1
  1136. package/components/Textarea/Textarea.d.ts +0 -3
  1137. package/components/Textarea/Textarea.md +58 -0
  1138. package/components/Textarea/Textarea.mixins/Textarea.mixins.js +7 -6
  1139. package/components/Textarea/Textarea.mixins/Textarea.mixins.js.map +1 -1
  1140. package/components/Textarea/Textarea.mixins.d.ts +3 -4
  1141. package/components/Textarea/Textarea.styles/Textarea.styles.js +69 -71
  1142. package/components/Textarea/Textarea.styles/Textarea.styles.js.map +1 -1
  1143. package/components/Textarea/Textarea.styles.d.ts +1 -2
  1144. package/components/Textarea/TextareaCounter/TextareaCounter.js +2 -5
  1145. package/components/Textarea/TextareaCounter/TextareaCounter.js.map +1 -1
  1146. package/components/Textarea/TextareaHelpers/TextareaHelpers.js +2 -2
  1147. package/components/Textarea/TextareaHelpers/TextareaHelpers.js.map +1 -1
  1148. package/components/Textarea/TextareaHelpers.d.ts +1 -2
  1149. package/components/Toast/Toast/Toast.js +15 -19
  1150. package/components/Toast/Toast/Toast.js.map +1 -1
  1151. package/components/Toast/Toast.d.ts +0 -1
  1152. package/components/Toast/Toast.md +69 -0
  1153. package/components/Toast/Toast.styles/Toast.styles.js +15 -17
  1154. package/components/Toast/Toast.styles/Toast.styles.js.map +1 -1
  1155. package/components/Toast/Toast.styles.d.ts +1 -2
  1156. package/components/Toast/ToastStatic/ToastStatic.js +1 -2
  1157. package/components/Toast/ToastStatic/ToastStatic.js.map +1 -1
  1158. package/components/Toast/ToastView/ToastView.js +8 -13
  1159. package/components/Toast/ToastView/ToastView.js.map +1 -1
  1160. package/components/Toast/ToastView.d.ts +0 -1
  1161. package/components/Toast/ToastView.styles/ToastView.styles.js +25 -27
  1162. package/components/Toast/ToastView.styles/ToastView.styles.js.map +1 -1
  1163. package/components/Toast/ToastView.styles.d.ts +1 -2
  1164. package/components/Toggle/Toggle/Toggle.js +35 -43
  1165. package/components/Toggle/Toggle/Toggle.js.map +1 -1
  1166. package/components/Toggle/Toggle.d.ts +0 -4
  1167. package/components/Toggle/Toggle.md +110 -0
  1168. package/components/Toggle/Toggle.mixins/Toggle.mixins.js +13 -12
  1169. package/components/Toggle/Toggle.mixins/Toggle.mixins.js.map +1 -1
  1170. package/components/Toggle/Toggle.mixins.d.ts +6 -7
  1171. package/components/Toggle/Toggle.styles/Toggle.styles.js +108 -110
  1172. package/components/Toggle/Toggle.styles/Toggle.styles.js.map +1 -1
  1173. package/components/Toggle/Toggle.styles.d.ts +1 -2
  1174. package/components/Token/Token/Token.js +7 -12
  1175. package/components/Token/Token/Token.js.map +1 -1
  1176. package/components/Token/Token.d.ts +0 -2
  1177. package/components/Token/Token.md +48 -0
  1178. package/components/Token/Token.mixins/Token.mixins.js +3 -2
  1179. package/components/Token/Token.mixins/Token.mixins.js.map +1 -1
  1180. package/components/Token/Token.mixins.d.ts +1 -2
  1181. package/components/Token/Token.styles/Token.styles.js +54 -56
  1182. package/components/Token/Token.styles/Token.styles.js.map +1 -1
  1183. package/components/Token/Token.styles.d.ts +1 -2
  1184. package/components/Token/TokenView/TokenView.js +2 -5
  1185. package/components/Token/TokenView/TokenView.js.map +1 -1
  1186. package/components/TokenInput/TextWidthHelper/TextWidthHelper.js +12 -18
  1187. package/components/TokenInput/TextWidthHelper/TextWidthHelper.js.map +1 -1
  1188. package/components/TokenInput/TextWidthHelper.d.ts +0 -2
  1189. package/components/TokenInput/TokenInput/TokenInput.js +25 -31
  1190. package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
  1191. package/components/TokenInput/TokenInput.d.ts +0 -3
  1192. package/components/TokenInput/TokenInput.md +277 -0
  1193. package/components/TokenInput/TokenInput.mixins/TokenInput.mixins.js +5 -4
  1194. package/components/TokenInput/TokenInput.mixins/TokenInput.mixins.js.map +1 -1
  1195. package/components/TokenInput/TokenInput.mixins.d.ts +2 -3
  1196. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js +51 -53
  1197. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map +1 -1
  1198. package/components/TokenInput/TokenInput.styles.d.ts +1 -2
  1199. package/components/Tooltip/Tooltip/Tooltip.js +36 -46
  1200. package/components/Tooltip/Tooltip/Tooltip.js.map +1 -1
  1201. package/components/Tooltip/Tooltip.d.ts +1 -4
  1202. package/components/Tooltip/Tooltip.md +322 -0
  1203. package/components/Tooltip/Tooltip.styles/Tooltip.styles.js +27 -29
  1204. package/components/Tooltip/Tooltip.styles/Tooltip.styles.js.map +1 -1
  1205. package/components/Tooltip/Tooltip.styles.d.ts +1 -2
  1206. package/components/TooltipMenu/TooltipMenu.md +241 -0
  1207. package/hooks/useDrop/useDrop.js +3 -2
  1208. package/hooks/useDrop/useDrop.js.map +1 -1
  1209. package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js +4 -8
  1210. package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
  1211. package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js +18 -20
  1212. package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js.map +1 -1
  1213. package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +1 -2
  1214. package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js +4 -8
  1215. package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
  1216. package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js +15 -17
  1217. package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map +1 -1
  1218. package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +1 -2
  1219. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js +3 -7
  1220. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map +1 -1
  1221. package/internal/CommonWrapper/CommonWrapper.d.ts +1 -2
  1222. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +41 -25
  1223. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
  1224. package/internal/CustomComboBox/ComboBoxView.d.ts +2 -2
  1225. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +24 -20
  1226. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
  1227. package/internal/CustomComboBox/CustomComboBox.d.ts +6 -3
  1228. package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js +9 -11
  1229. package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js.map +1 -1
  1230. package/internal/CustomComboBox/CustomComboBox.styles.d.ts +1 -2
  1231. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +4 -3
  1232. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
  1233. package/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -2
  1234. package/internal/DataTids/DATATIDS.md +12 -0
  1235. package/internal/DataTids/DataTids/DataTids.js +69 -0
  1236. package/internal/DataTids/DataTids/DataTids.js.map +1 -0
  1237. package/internal/DataTids/DataTids/package.json +6 -0
  1238. package/internal/DataTids/DataTids.d.ts +12 -0
  1239. package/internal/DataTids/DataTids.styles/DataTids.styles.js +20 -0
  1240. package/internal/DataTids/DataTids.styles/DataTids.styles.js.map +1 -0
  1241. package/internal/DataTids/DataTids.styles/package.json +6 -0
  1242. package/internal/DataTids/DataTids.styles.d.ts +7 -0
  1243. package/internal/DataTids/componentsDataTids/componentsDataTids.js +12 -0
  1244. package/internal/DataTids/componentsDataTids/componentsDataTids.js.map +1 -0
  1245. package/internal/DataTids/componentsDataTids/package.json +6 -0
  1246. package/internal/DataTids/componentsDataTids.d.ts +5 -0
  1247. package/internal/DateSelect/DateSelect/DateSelect.js +8 -13
  1248. package/internal/DateSelect/DateSelect/DateSelect.js.map +1 -1
  1249. package/internal/DateSelect/DateSelect.d.ts +0 -2
  1250. package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js +12 -14
  1251. package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map +1 -1
  1252. package/internal/DateSelect/DateSelect.styles.d.ts +1 -2
  1253. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js +4 -8
  1254. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map +1 -1
  1255. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js +49 -50
  1256. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js.map +1 -1
  1257. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +1 -2
  1258. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon/FileUploaderFileStatusIcon.js +1 -3
  1259. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon/FileUploaderFileStatusIcon.js.map +1 -1
  1260. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js +2 -5
  1261. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  1262. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js +19 -20
  1263. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js.map +1 -1
  1264. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +1 -2
  1265. package/internal/FocusTrap/FocusTrap/FocusTrap.js +19 -26
  1266. package/internal/FocusTrap/FocusTrap/FocusTrap.js.map +1 -1
  1267. package/internal/FocusTrap/FocusTrap.d.ts +0 -2
  1268. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js +20 -26
  1269. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  1270. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -4
  1271. package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js +5 -10
  1272. package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js.map +1 -1
  1273. package/internal/InputLikeText/HiddenInput/HiddenInput.js +13 -20
  1274. package/internal/InputLikeText/HiddenInput/HiddenInput.js.map +1 -1
  1275. package/internal/InputLikeText/HiddenInput.d.ts +0 -1
  1276. package/internal/InputLikeText/InputLikeText/InputLikeText.js +43 -52
  1277. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  1278. package/internal/InputLikeText/InputLikeText.d.ts +0 -4
  1279. package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js +18 -20
  1280. package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map +1 -1
  1281. package/internal/InputLikeText/InputLikeText.styles.d.ts +1 -2
  1282. package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js +8 -13
  1283. package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js.map +1 -1
  1284. package/internal/InternalMaskedInput/InternalMaskedInput.d.ts +0 -2
  1285. package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js +12 -14
  1286. package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js.map +1 -1
  1287. package/internal/InternalMaskedInput/InternalMaskedInput.styles.d.ts +1 -2
  1288. package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js +1 -3
  1289. package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
  1290. package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js +6 -8
  1291. package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js.map +1 -1
  1292. package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +1 -2
  1293. package/internal/Menu/Menu/Menu.js +24 -31
  1294. package/internal/Menu/Menu/Menu.js.map +1 -1
  1295. package/internal/Menu/Menu.d.ts +0 -3
  1296. package/internal/Menu/Menu.styles/Menu.styles.js +45 -47
  1297. package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
  1298. package/internal/Menu/Menu.styles.d.ts +1 -2
  1299. package/internal/MenuMessage/MenuMessage/MenuMessage.js +2 -5
  1300. package/internal/MenuMessage/MenuMessage/MenuMessage.js.map +1 -1
  1301. package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js +24 -26
  1302. package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js.map +1 -1
  1303. package/internal/MenuMessage/MenuMessage.styles.d.ts +1 -2
  1304. package/internal/MobilePopup/MobilePopup/MobilePopup.js +11 -16
  1305. package/internal/MobilePopup/MobilePopup/MobilePopup.js.map +1 -1
  1306. package/internal/MobilePopup/MobilePopup.d.ts +0 -1
  1307. package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js +25 -26
  1308. package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js.map +1 -1
  1309. package/internal/MobilePopup/MobilePopup.styles.d.ts +1 -2
  1310. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js +5 -12
  1311. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
  1312. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +0 -1
  1313. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js +7 -8
  1314. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js.map +1 -1
  1315. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +1 -2
  1316. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js +9 -16
  1317. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  1318. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -2
  1319. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js +19 -20
  1320. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js.map +1 -1
  1321. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +1 -2
  1322. package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js +15 -20
  1323. package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js.map +1 -1
  1324. package/internal/NativeDateInput/NativeDateInput.d.ts +0 -1
  1325. package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js +7 -8
  1326. package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js.map +1 -1
  1327. package/internal/NativeDateInput/NativeDateInput.styles.d.ts +1 -2
  1328. package/internal/Popup/Popup/Popup.js +23 -31
  1329. package/internal/Popup/Popup/Popup.js.map +1 -1
  1330. package/internal/Popup/Popup.d.ts +0 -3
  1331. package/internal/Popup/Popup.styles/Popup.styles.js +45 -47
  1332. package/internal/Popup/Popup.styles/Popup.styles.js.map +1 -1
  1333. package/internal/Popup/Popup.styles.d.ts +1 -2
  1334. package/internal/Popup/PopupHelper/PopupHelper.js +19 -20
  1335. package/internal/Popup/PopupHelper/PopupHelper.js.map +1 -1
  1336. package/internal/Popup/PopupHelper.d.ts +2 -3
  1337. package/internal/Popup/PopupPin/PopupPin.js +22 -30
  1338. package/internal/Popup/PopupPin/PopupPin.js.map +1 -1
  1339. package/internal/Popup/PopupPin.d.ts +1 -2
  1340. package/internal/Popup/PopupPin.styles/PopupPin.styles.js +6 -8
  1341. package/internal/Popup/PopupPin.styles/PopupPin.styles.js.map +1 -1
  1342. package/internal/Popup/PopupPin.styles.d.ts +1 -2
  1343. package/internal/Popup/PopupPinNew/PopupPinNew.js +23 -29
  1344. package/internal/Popup/PopupPinNew/PopupPinNew.js.map +1 -1
  1345. package/internal/Popup/PopupPinNew.d.ts +1 -3
  1346. package/internal/Popup/PopupPinNew.styles/PopupPinNew.styles.js +18 -20
  1347. package/internal/Popup/PopupPinNew.styles/PopupPinNew.styles.js.map +1 -1
  1348. package/internal/Popup/PopupPinNew.styles.d.ts +1 -2
  1349. package/internal/PopupMenu/PopupMenu/PopupMenu.js +13 -19
  1350. package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
  1351. package/internal/PopupMenu/PopupMenu.d.ts +0 -2
  1352. package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js +9 -11
  1353. package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js.map +1 -1
  1354. package/internal/PopupMenu/PopupMenu.styles.d.ts +1 -2
  1355. package/internal/RenderContainer/RenderContainer/RenderContainer.js +9 -10
  1356. package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
  1357. package/internal/RenderContainer/RenderContainer.d.ts +0 -3
  1358. package/internal/RenderLayer/RenderLayer/RenderLayer.js +12 -18
  1359. package/internal/RenderLayer/RenderLayer/RenderLayer.js.map +1 -1
  1360. package/internal/RenderLayer/RenderLayer.d.ts +0 -1
  1361. package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js +13 -19
  1362. package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map +1 -1
  1363. package/internal/ResizeDetector/ResizeDetector.d.ts +0 -2
  1364. package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js +15 -17
  1365. package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map +1 -1
  1366. package/internal/ResizeDetector/ResizeDetector.styles.d.ts +1 -2
  1367. package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js +3 -7
  1368. package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js.map +1 -1
  1369. package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js +15 -17
  1370. package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js.map +1 -1
  1371. package/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +1 -2
  1372. package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js +7 -13
  1373. package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js.map +1 -1
  1374. package/internal/TextWidthHelper/TextWidthHelper.d.ts +0 -1
  1375. package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js +10 -11
  1376. package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map +1 -1
  1377. package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +1 -2
  1378. package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js +1 -3
  1379. package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js.map +1 -1
  1380. package/internal/ThemePlayground/Playground/Playground.js +10 -15
  1381. package/internal/ThemePlayground/Playground/Playground.js.map +1 -1
  1382. package/internal/ThemePlayground/Playground.d.ts +0 -2
  1383. package/internal/ThemePlayground/Playground.md +7 -0
  1384. package/internal/ThemePlayground/Playground.styles/Playground.styles.js +63 -65
  1385. package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map +1 -1
  1386. package/internal/ThemePlayground/Playground.styles.d.ts +1 -2
  1387. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +10 -16
  1388. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
  1389. package/internal/ThemePlayground/ThemeContextPlayground.d.ts +0 -1
  1390. package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js +10 -17
  1391. package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map +1 -1
  1392. package/internal/ThemePlayground/ThemeEditor.d.ts +0 -1
  1393. package/internal/ThemePlayground/VariableValue/VariableValue.js +22 -28
  1394. package/internal/ThemePlayground/VariableValue/VariableValue.js.map +1 -1
  1395. package/internal/ThemePlayground/VariableValue.d.ts +0 -2
  1396. package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js +168 -201
  1397. package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map +1 -1
  1398. package/internal/ThemeShowcase/ThemeShowcase.d.ts +0 -1
  1399. package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js +76 -78
  1400. package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js.map +1 -1
  1401. package/internal/ThemeShowcase/ThemeShowcase.styles.d.ts +1 -2
  1402. package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js +4 -4
  1403. package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js.map +1 -1
  1404. package/internal/ZIndex/ZIndex/ZIndex.js +38 -48
  1405. package/internal/ZIndex/ZIndex/ZIndex.js.map +1 -1
  1406. package/internal/ZIndex/ZIndex.d.ts +1 -2
  1407. package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js +7 -6
  1408. package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map +1 -1
  1409. package/internal/ZIndex/ZIndexStorage.d.ts +2 -3
  1410. package/internal/icons2022/BaseIcon/BaseIcon.js +1 -3
  1411. package/internal/icons2022/BaseIcon/BaseIcon.js.map +1 -1
  1412. package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js +6 -8
  1413. package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map +1 -1
  1414. package/internal/icons2022/BaseIcon.styles.d.ts +1 -2
  1415. package/internal/icons2022/LoadingIcon/LoadingIcon.js +2 -5
  1416. package/internal/icons2022/LoadingIcon/LoadingIcon.js.map +1 -1
  1417. package/lib/LayoutEvents/LayoutEvents.js +6 -5
  1418. package/lib/LayoutEvents/LayoutEvents.js.map +1 -1
  1419. package/lib/LayoutEvents.d.ts +1 -2
  1420. package/lib/ModalStack/ModalStack.js +10 -9
  1421. package/lib/ModalStack/ModalStack.js.map +1 -1
  1422. package/lib/ModalStack.d.ts +5 -6
  1423. package/lib/Upgrades/Upgrades.js +3 -1
  1424. package/lib/Upgrades/Upgrades.js.map +1 -1
  1425. package/lib/Upgrades.d.ts +1 -0
  1426. package/lib/animation/index/index.js +2 -1
  1427. package/lib/animation/index/index.js.map +1 -1
  1428. package/lib/animation/index.d.ts +1 -2
  1429. package/lib/client/client.js +1 -2
  1430. package/lib/client/client.js.map +1 -1
  1431. package/lib/client.d.ts +1 -1
  1432. package/lib/delay/delay.js +2 -1
  1433. package/lib/delay/delay.js.map +1 -1
  1434. package/lib/delay.mts +3 -1
  1435. package/lib/dom/getScrollWidth/getScrollWidth.js +2 -1
  1436. package/lib/dom/getScrollWidth/getScrollWidth.js.map +1 -1
  1437. package/lib/dom/getScrollWidth.d.ts +1 -2
  1438. package/lib/dom/scrollYCenterIntoNearestScrollable/scrollYCenterIntoNearestScrollable.js +1 -3
  1439. package/lib/dom/scrollYCenterIntoNearestScrollable/scrollYCenterIntoNearestScrollable.js.map +1 -1
  1440. package/lib/dom/selectionHelpers/selectionHelpers.js +2 -3
  1441. package/lib/dom/selectionHelpers/selectionHelpers.js.map +1 -1
  1442. package/lib/dom/selectionHelpers.d.ts +1 -2
  1443. package/lib/dom/tabbableHelpers/tabbableHelpers.js +4 -2
  1444. package/lib/dom/tabbableHelpers/tabbableHelpers.js.map +1 -1
  1445. package/lib/dom/tabbableHelpers.d.ts +1 -1
  1446. package/lib/events/MouseDrag/MouseDrag.js +7 -11
  1447. package/lib/events/MouseDrag/MouseDrag.js.map +1 -1
  1448. package/lib/events/MouseDrag.d.ts +0 -3
  1449. package/lib/events/fixClickFocusIE/fixClickFocusIE.js +1 -2
  1450. package/lib/events/fixClickFocusIE/fixClickFocusIE.js.map +1 -1
  1451. package/lib/events/fixFirefoxModifiedClickOnLabel/fixFirefoxModifiedClickOnLabel.js +1 -2
  1452. package/lib/events/fixFirefoxModifiedClickOnLabel/fixFirefoxModifiedClickOnLabel.js.map +1 -1
  1453. package/lib/events/keyListener/keyListener.js +4 -2
  1454. package/lib/events/keyListener/keyListener.js.map +1 -1
  1455. package/lib/events/keyListener.d.ts +4 -3
  1456. package/lib/events/keyboard/identifiers/identifiers.js +2 -2
  1457. package/lib/events/keyboard/identifiers/identifiers.js.map +1 -1
  1458. package/lib/events/tabListener/tabListener.js +1 -1
  1459. package/lib/events/tabListener/tabListener.js.map +1 -1
  1460. package/lib/events/tabListener.d.ts +1 -1
  1461. package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +64 -0
  1462. package/lib/listenFocusOutside/listenFocusOutside.js +7 -12
  1463. package/lib/listenFocusOutside/listenFocusOutside.js.map +1 -1
  1464. package/lib/listenFocusOutside.d.ts +0 -2
  1465. package/lib/locale/LOCALECONTEXT.md +222 -0
  1466. package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js +1 -2
  1467. package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js.map +1 -1
  1468. package/lib/net/fetch/fetch.js +1 -2
  1469. package/lib/net/fetch/fetch.js.map +1 -1
  1470. package/lib/styles/Mixins/Mixins.js +5 -4
  1471. package/lib/styles/Mixins/Mixins.js.map +1 -1
  1472. package/lib/styles/Mixins.d.ts +2 -3
  1473. package/lib/styles/UiFont/UiFont.js +2 -3
  1474. package/lib/styles/UiFont/UiFont.js.map +1 -1
  1475. package/lib/styles/UiFont.d.ts +0 -2
  1476. package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js +5 -4
  1477. package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js.map +1 -1
  1478. package/lib/theming/Emotion/Emotion.js +17 -28
  1479. package/lib/theming/Emotion/Emotion.js.map +1 -1
  1480. package/lib/theming/Emotion.d.ts +4 -10
  1481. package/lib/theming/ThemeContext.md +265 -0
  1482. package/lib/theming/ThemeVersions/ThemeVersions.js.map +1 -1
  1483. package/lib/theming/ThemeVersions.d.ts +1 -1
  1484. package/lib/theming/themes/DarkTheme/DarkTheme.js +1 -3
  1485. package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
  1486. package/lib/theming/themes/DarkTheme.d.ts +0 -1
  1487. package/lib/theming/themes/LightTheme/LightTheme.js +1 -3
  1488. package/lib/theming/themes/LightTheme/LightTheme.js.map +1 -1
  1489. package/lib/theming/themes/LightTheme.d.ts +0 -1
  1490. package/lib/utils/utils.js +3 -3
  1491. package/lib/utils/utils.js.map +1 -1
  1492. package/lib/utils.d.ts +1 -2
  1493. package/package.json +7 -3
  1494. package/cjs/components/__stories__/iframe.creevey.mts +0 -124
  1495. package/cjs/components/__stories__/iframeStoriesImplementation.js +0 -73
  1496. package/cjs/components/__stories__/iframeStoriesImplementation.js.map +0 -1
  1497. package/cjs/internal/themes/DarkTheme5_4.d.ts +0 -1
  1498. package/cjs/internal/themes/DarkTheme5_4.js +0 -10
  1499. package/cjs/internal/themes/DarkTheme5_4.js.map +0 -1
  1500. package/cjs/internal/themes/LightTheme5_4.d.ts +0 -1
  1501. package/cjs/internal/themes/LightTheme5_4.js +0 -10
  1502. package/cjs/internal/themes/LightTheme5_4.js.map +0 -1
  1503. package/cjs/lib/globalObject.d.ts +0 -10
  1504. package/cjs/lib/globalObject.js +0 -37
  1505. package/cjs/lib/globalObject.js.map +0 -1
  1506. package/cjs/lib/theming/RenderEnvironmentContext.d.ts +0 -18
  1507. package/cjs/lib/theming/RenderEnvironmentContext.js +0 -43
  1508. package/cjs/lib/theming/RenderEnvironmentContext.js.map +0 -1
  1509. package/components/__stories__/iframe.creevey.mts +0 -124
  1510. package/components/__stories__/iframeStoriesImplementation/iframeStoriesImplementation.js +0 -90
  1511. package/components/__stories__/iframeStoriesImplementation/iframeStoriesImplementation.js.map +0 -1
  1512. package/components/__stories__/iframeStoriesImplementation/package.json +0 -6
  1513. package/internal/themes/DarkTheme5_4/DarkTheme5_4.js +0 -15
  1514. package/internal/themes/DarkTheme5_4/DarkTheme5_4.js.map +0 -1
  1515. package/internal/themes/DarkTheme5_4/package.json +0 -6
  1516. package/internal/themes/DarkTheme5_4.d.ts +0 -1
  1517. package/internal/themes/LightTheme5_4/LightTheme5_4.js +0 -15
  1518. package/internal/themes/LightTheme5_4/LightTheme5_4.js.map +0 -1
  1519. package/internal/themes/LightTheme5_4/package.json +0 -6
  1520. package/internal/themes/LightTheme5_4.d.ts +0 -1
  1521. package/lib/globalObject/globalObject.js +0 -21
  1522. package/lib/globalObject/globalObject.js.map +0 -1
  1523. package/lib/globalObject/package.json +0 -6
  1524. package/lib/globalObject.d.ts +0 -10
  1525. package/lib/theming/RenderEnvironmentContext/RenderEnvironmentContext.js +0 -35
  1526. package/lib/theming/RenderEnvironmentContext/RenderEnvironmentContext.js.map +0 -1
  1527. package/lib/theming/RenderEnvironmentContext/package.json +0 -6
  1528. package/lib/theming/RenderEnvironmentContext.d.ts +0 -18
@@ -2,7 +2,7 @@
2
2
  var _react = _interopRequireDefault(require("react"));
3
3
  var _reactTransitionGroup = require("react-transition-group");
4
4
 
5
- var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
5
+ var _globalObject = require("@skbkontur/global-object");
6
6
 
7
7
  var _ThemeFactory = require("../../lib/theming/ThemeFactory");
8
8
  var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -96,7 +96,6 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
96
96
 
97
97
 
98
98
 
99
-
100
99
 
101
100
 
102
101
  function Toast(props) {var _this;
@@ -145,14 +144,6 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
145
144
 
146
145
 
147
146
 
148
-
149
-
150
-
151
-
152
-
153
-
154
-
155
-
156
147
 
157
148
 
158
149
 
@@ -219,7 +210,7 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
219
210
 
220
211
  _clearTimer = function () {
221
212
  if (_this._timeout) {
222
- clearTimeout(_this._timeout);
213
+ _globalObject.globalObject.clearTimeout(_this._timeout);
223
214
  _this._timeout = null;
224
215
  }
225
216
  };_this.
@@ -229,12 +220,12 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
229
220
 
230
221
  var showTime = _this.state.action ? 7000 : 3000;
231
222
  showTime = (_this$state$showTime = _this.state.showTime) != null ? _this$state$showTime : showTime;
232
- _this._timeout = setTimeout(_this.close, showTime);
223
+ _this._timeout = _globalObject.globalObject.setTimeout(_this.close, showTime);
233
224
  };_this.
234
225
 
235
226
  _refToast = function (element) {
236
227
  _this._toast = element;
237
- };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _Toast2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});});} /**
228
+ };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});} /**
238
229
  * Показывает тост с `notification` в качестве сообщения.
239
230
  * Тост автоматически скрывается через 3 или 7 секунд,
240
231
  * в зависимости от наличия у него кнопки `action`.
@@ -246,4 +237,4 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
246
237
  * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
247
238
  * @param {number} showTime Время существования Toast в миллисекундах
248
239
  * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.
249
- */;_proto.push = function push(notification, action, showTime, showCloseIcon) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref2) {var id = _ref2.id;return { notification: notification, action: action, id: id + 1, showTime: showTime, showCloseIcon: showCloseIcon };}, this._setTimer);};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action, showCloseIcon: showCloseIcon };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: this.styles.enter(), enterActive: this.styles.enterActive(), exit: this.styles.exit(), exitActive: this.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
240
+ */;_proto.push = function push(notification, action, showTime, showCloseIcon) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1, showTime: showTime, showCloseIcon: showCloseIcon };}, this._setTimer);};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action, showCloseIcon: showCloseIcon };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast2.styles.enter(), enterActive: _Toast2.styles.enterActive(), exit: _Toast2.styles.exit(), exitActive: _Toast2.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_RenderEnvironmentContext","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","styles","getStyles","ThemeContext","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","onPush","_ref2","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { SafeTimer } from '../../lib/globalObject';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { getStyles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n label: string;\n handler: () => void;\n 'aria-label'?: string;\n}\n\nexport interface ToastState {\n notification: Nullable<React.ReactNode>;\n action: Nullable<Action>;\n id: number;\n showTime: Nullable<number>;\n showCloseIcon?: boolean;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает функцию, которая вызывается при возникновении тоста. */\n onPush?: (notification: string, action?: Action) => void;\n\n /** Задает функцию, которая вызывается при закрытии тоста. */\n onClose?: (notification: string, action?: Action) => void;\n\n /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n theme?: ThemeIn;\n}\n\nexport type ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n toastStatic: 'StaticToast',\n toastView: 'ToastView__root',\n action: 'ToastView__action',\n close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n public static __KONTUR_REACT_UI__ = 'Toast';\n public static displayName = 'Toast';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n\n /** @deprecated use `push` method in ref or `SingleToast.push` */\n public static push: ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n ToastStatic.push(notification, action, showTime, showCloseIcon);\n };\n\n /** @deprecated use `close` method in ref or `SingleToast.close` */\n public static close: ToastClose = () => {\n ToastStatic.close();\n };\n\n public _toast: Nullable<ToastView>;\n private _timeout: SafeTimer;\n private rootRef = React.createRef<HTMLElement>();\n\n constructor(props: ToastProps) {\n super(props);\n this.state = {\n notification: null,\n action: null,\n id: 0,\n showTime: null,\n showCloseIcon: false,\n };\n }\n\n public componentWillUnmount() {\n this._clearTimer();\n }\n\n public render() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <ThemeContext.Provider value={this.theme}>\n <RenderContainer>\n <TransitionGroup>{this._renderToast()}</TransitionGroup>\n </RenderContainer>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n /**\n * Показывает тост с `notification` в качестве сообщения.\n * Тост автоматически скрывается через 3 или 7 секунд,\n * в зависимости от наличия у него кнопки `action`.\n * Время показа можно задать вручную, передав `showTime`.\n *\n * @public\n * @param {React.ReactNode} notification\n * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`\n * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n * @param {number} showTime Время существования Toast в миллисекундах\n * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.\n */\n public push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) {\n if (this.state.notification) {\n this.close();\n }\n\n safelyCall(this.props.onPush, notification, action);\n\n this.setState(({ id }) => ({ notification, action, id: id + 1, showTime, showCloseIcon }), this._setTimer);\n }\n\n /**\n * @public\n */\n public close = () => {\n safelyCall(this.props.onClose, this.state.notification, this.state.action);\n this.setState({ notification: null, action: null });\n };\n\n private _renderToast() {\n const { notification, action, id, showCloseIcon } = this.state;\n\n if (!notification) {\n return null;\n }\n\n const toastProps: ToastViewProps = {\n onMouseEnter: this._clearTimer,\n onMouseLeave: this._setTimer,\n onClose: this.close,\n children: notification,\n 'aria-label': this.props['aria-label'],\n action,\n showCloseIcon,\n };\n\n return (\n <CSSTransition\n key={id}\n classNames={{\n enter: this.styles.enter(),\n enterActive: this.styles.enterActive(),\n exit: this.styles.exit(),\n exitActive: this.styles.exitActive(),\n }}\n timeout={{\n enter: 200,\n exit: 150,\n }}\n enter={!isTestEnv}\n exit={!isTestEnv}\n nodeRef={this.rootRef}\n >\n <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n <ToastView ref={this._refToast} {...toastProps} />\n </CommonWrapper>\n </CSSTransition>\n );\n }\n\n private setRootRef = (element: Nullable<Element>) => {\n this.setRootNode(element);\n // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n this.rootRef.current = element;\n };\n\n private _clearTimer = () => {\n if (this._timeout) {\n clearTimeout(this._timeout);\n this._timeout = null;\n }\n };\n\n private _setTimer = () => {\n this._clearTimer();\n\n let showTime = this.state.action ? 7000 : 3000;\n showTime = this.state.showTime ?? showTime;\n this._timeout = setTimeout(this.close, showTime);\n };\n\n private _refToast = (element: ToastView) => {\n this._toast = element;\n };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n if (fn) {\n fn(...args);\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","onPush","_ref","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","styles","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n label: string;\n handler: () => void;\n 'aria-label'?: string;\n}\n\nexport interface ToastState {\n notification: Nullable<React.ReactNode>;\n action: Nullable<Action>;\n id: number;\n showTime: Nullable<number>;\n showCloseIcon?: boolean;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает функцию, которая вызывается при возникновении тоста. */\n onPush?: (notification: string, action?: Action) => void;\n\n /** Задает функцию, которая вызывается при закрытии тоста. */\n onClose?: (notification: string, action?: Action) => void;\n\n /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n theme?: ThemeIn;\n}\n\nexport type ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n toastStatic: 'StaticToast',\n toastView: 'ToastView__root',\n action: 'ToastView__action',\n close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n public static __KONTUR_REACT_UI__ = 'Toast';\n public static displayName = 'Toast';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n /** @deprecated use `push` method in ref or `SingleToast.push` */\n public static push: ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n ToastStatic.push(notification, action, showTime, showCloseIcon);\n };\n\n /** @deprecated use `close` method in ref or `SingleToast.close` */\n public static close: ToastClose = () => {\n ToastStatic.close();\n };\n\n public _toast: Nullable<ToastView>;\n private _timeout: SafeTimer;\n private rootRef = React.createRef<HTMLElement>();\n\n constructor(props: ToastProps) {\n super(props);\n this.state = {\n notification: null,\n action: null,\n id: 0,\n showTime: null,\n showCloseIcon: false,\n };\n }\n\n public componentWillUnmount() {\n this._clearTimer();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <ThemeContext.Provider value={this.theme}>\n <RenderContainer>\n <TransitionGroup>{this._renderToast()}</TransitionGroup>\n </RenderContainer>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /**\n * Показывает тост с `notification` в качестве сообщения.\n * Тост автоматически скрывается через 3 или 7 секунд,\n * в зависимости от наличия у него кнопки `action`.\n * Время показа можно задать вручную, передав `showTime`.\n *\n * @public\n * @param {React.ReactNode} notification\n * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`\n * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n * @param {number} showTime Время существования Toast в миллисекундах\n * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.\n */\n public push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) {\n if (this.state.notification) {\n this.close();\n }\n\n safelyCall(this.props.onPush, notification, action);\n\n this.setState(({ id }) => ({ notification, action, id: id + 1, showTime, showCloseIcon }), this._setTimer);\n }\n\n /**\n * @public\n */\n public close = () => {\n safelyCall(this.props.onClose, this.state.notification, this.state.action);\n this.setState({ notification: null, action: null });\n };\n\n private _renderToast() {\n const { notification, action, id, showCloseIcon } = this.state;\n\n if (!notification) {\n return null;\n }\n\n const toastProps: ToastViewProps = {\n onMouseEnter: this._clearTimer,\n onMouseLeave: this._setTimer,\n onClose: this.close,\n children: notification,\n 'aria-label': this.props['aria-label'],\n action,\n showCloseIcon,\n };\n\n return (\n <CSSTransition\n key={id}\n classNames={{\n enter: styles.enter(),\n enterActive: styles.enterActive(),\n exit: styles.exit(),\n exitActive: styles.exitActive(),\n }}\n timeout={{\n enter: 200,\n exit: 150,\n }}\n enter={!isTestEnv}\n exit={!isTestEnv}\n nodeRef={this.rootRef}\n >\n <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n <ToastView ref={this._refToast} {...toastProps} />\n </CommonWrapper>\n </CSSTransition>\n );\n }\n\n private setRootRef = (element: Nullable<Element>) => {\n this.setRootNode(element);\n // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n this.rootRef.current = element;\n };\n\n private _clearTimer = () => {\n if (this._timeout) {\n globalObject.clearTimeout(this._timeout);\n this._timeout = null;\n }\n };\n\n private _setTimer = () => {\n this._clearTimer();\n\n let showTime = this.state.action ? 7000 : 3000;\n showTime = this.state.showTime ?? showTime;\n this._timeout = globalObject.setTimeout(this.close, showTime);\n };\n\n private _refToast = (element: ToastView) => {\n this._toast = element;\n };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n if (fn) {\n fn(...args);\n }\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,gBAAA,GAAAL,OAAA;;;AAGA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA;;AAEA,IAAAS,OAAA,GAAAT,OAAA;;AAEA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA,kBAA4C,IAAAY,MAAA,EAAAC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCrC,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,WAAW,EAAE,aAAa;EAC1BC,SAAS,EAAE,iBAAiB;EAC5BC,MAAM,EAAE,mBAAmB;EAC3BC,KAAK,EAAE;AACT,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GARA;;AAUaC,KAAK,GAAAL,OAAA,CAAAK,KAAA,OADjBC,kBAAQ,EAAAT,MAAA,IAAAC,MAAA,0BAAAS,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BP,SAAAF,MAAYG,KAAiB,EAAE,KAAAC,KAAA;IAC7BA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CAHPE,OAAO,gBAAGC,cAAK,CAACC,SAAS,CAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDhD;AACF;AACA,OAFEJ,KAAA;IAGOL,KAAK,GAAG,YAAM;MACnBU,UAAU,CAACL,KAAA,CAAKD,KAAK,CAACO,OAAO,EAAEN,KAAA,CAAKO,KAAK,CAACC,YAAY,EAAER,KAAA,CAAKO,KAAK,CAACb,MAAM,CAAC;MAC1EM,KAAA,CAAKS,QAAQ,CAAC,EAAED,YAAY,EAAE,IAAI,EAAEd,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC,CAAAM,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2COU,UAAU,GAAG,UAACC,OAA0B,EAAK;MACnDX,KAAA,CAAKY,WAAW,CAACD,OAAO,CAAC;MACzB;MACAX,KAAA,CAAKE,OAAO,CAACW,OAAO,GAAGF,OAAO;IAChC,CAAC,CAAAX,KAAA;;IAEOc,WAAW,GAAG,YAAM;MAC1B,IAAId,KAAA,CAAKe,QAAQ,EAAE;QACjBC,0BAAY,CAACC,YAAY,CAACjB,KAAA,CAAKe,QAAQ,CAAC;QACxCf,KAAA,CAAKe,QAAQ,GAAG,IAAI;MACtB;IACF,CAAC,CAAAf,KAAA;;IAEOkB,SAAS,GAAG,YAAM,KAAAC,oBAAA;MACxBnB,KAAA,CAAKc,WAAW,CAAC,CAAC;;MAElB,IAAIM,QAAQ,GAAGpB,KAAA,CAAKO,KAAK,CAACb,MAAM,GAAG,IAAI,GAAG,IAAI;MAC9C0B,QAAQ,IAAAD,oBAAA,GAAGnB,KAAA,CAAKO,KAAK,CAACa,QAAQ,YAAAD,oBAAA,GAAIC,QAAQ;MAC1CpB,KAAA,CAAKe,QAAQ,GAAGC,0BAAY,CAACK,UAAU,CAACrB,KAAA,CAAKL,KAAK,EAAEyB,QAAQ,CAAC;IAC/D,CAAC,CAAApB,KAAA;;IAEOsB,SAAS,GAAG,UAACX,OAAkB,EAAK;MAC1CX,KAAA,CAAKuB,MAAM,GAAGZ,OAAO;IACvB,CAAC,CA7HCX,KAAA,CAAKO,KAAK,GAAG,EACXC,YAAY,EAAE,IAAI,EAClBd,MAAM,EAAE,IAAI,EACZ8B,EAAE,EAAE,CAAC,EACLJ,QAAQ,EAAE,IAAI,EACdK,aAAa,EAAE,KAAK,CACtB,CAAC,CAAC,OAAAzB,KAAA,CACJ,CAAC,IAAA0B,eAAA,CAAAC,OAAA,EAAA/B,KAAA,EAAAE,gBAAA,MAAA8B,MAAA,GAAAhC,KAAA,CAAAiC,SAAA,CAAAD,MAAA,CAEME,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,CAAChB,WAAW,CAAC,CAAC,CACpB,CAAC,CAAAc,MAAA,CAEMG,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE1D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACrD,aAAA,CAAAsD,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACI,KAAK,GAAGJ,MAAI,CAACjC,KAAK,CAACqC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACN,MAAI,CAACjC,KAAK,CAACqC,KAAK,EAAWA,KAAK,CAAC,GAAGA,KAAK,CAC7F,oBACE9D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACrD,aAAA,CAAAsD,YAAY,CAACK,QAAQ,IAACC,KAAK,EAAER,MAAI,CAACI,KAAM,iBACvC9D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACpD,gBAAA,CAAA4D,eAAe,qBACdnE,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACxD,qBAAA,CAAAiE,eAAe,QAAEV,MAAI,CAACW,YAAY,CAAC,CAAmB,CACxC,CACI,CAAC,CAE5B,CACqB,CAAC,CAE5B,CAAC,CAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAZE,CAAAf,MAAA,CAaOgB,IAAI,GAAX,SAAAA,KAAYpC,YAA6B,EAAEd,MAAyB,EAAE0B,QAAiB,EAAEK,aAAuB,EAAE,CAChH,IAAI,IAAI,CAAClB,KAAK,CAACC,YAAY,EAAE,CAC3B,IAAI,CAACb,KAAK,CAAC,CAAC,CACd,CAEAU,UAAU,CAAC,IAAI,CAACN,KAAK,CAAC8C,MAAM,EAAErC,YAAY,EAAEd,MAAM,CAAC,CAEnD,IAAI,CAACe,QAAQ,CAAC,UAAAqC,IAAA,OAAGtB,EAAE,GAAAsB,IAAA,CAAFtB,EAAE,QAAQ,EAAEhB,YAAY,EAAZA,YAAY,EAAEd,MAAM,EAANA,MAAM,EAAE8B,EAAE,EAAEA,EAAE,GAAG,CAAC,EAAEJ,QAAQ,EAARA,QAAQ,EAAEK,aAAa,EAAbA,aAAa,CAAC,CAAC,EAAC,EAAE,IAAI,CAACP,SAAS,CAAC,CAC5G,CAAC,CAAAU,MAAA,CAUOe,YAAY,GAApB,SAAAA,aAAA,EAAuB,CACrB,IAAAI,WAAA,GAAoD,IAAI,CAACxC,KAAK,CAAtDC,YAAY,GAAAuC,WAAA,CAAZvC,YAAY,CAAEd,MAAM,GAAAqD,WAAA,CAANrD,MAAM,CAAE8B,EAAE,GAAAuB,WAAA,CAAFvB,EAAE,CAAEC,aAAa,GAAAsB,WAAA,CAAbtB,aAAa,CAE/C,IAAI,CAACjB,YAAY,EAAE,CACjB,OAAO,IAAI,CACb,CAEA,IAAMwC,UAA0B,GAAG,EACjCC,YAAY,EAAE,IAAI,CAACnC,WAAW,EAC9BoC,YAAY,EAAE,IAAI,CAAChC,SAAS,EAC5BZ,OAAO,EAAE,IAAI,CAACX,KAAK,EACnBwD,QAAQ,EAAE3C,YAAY,EACtB,YAAY,EAAE,IAAI,CAACT,KAAK,CAAC,YAAY,CAAC,EACtCL,MAAM,EAANA,MAAM,EACN+B,aAAa,EAAbA,aAAa,CACf,CAAC,CAED,oBACEnD,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACxD,qBAAA,CAAA2E,aAAa,IACZC,GAAG,EAAE7B,EAAG,EACR8B,UAAU,EAAE,EACVC,KAAK,EAAEC,cAAM,CAACD,KAAK,CAAC,CAAC,EACrBE,WAAW,EAAED,cAAM,CAACC,WAAW,CAAC,CAAC,EACjCC,IAAI,EAAEF,cAAM,CAACE,IAAI,CAAC,CAAC,EACnBC,UAAU,EAAEH,cAAM,CAACG,UAAU,CAAC,CAAC,CACjC,CAAE,EACFC,OAAO,EAAE,EACPL,KAAK,EAAE,GAAG,EACVG,IAAI,EAAE,GAAG,CACX,CAAE,EACFH,KAAK,EAAE,CAACM,6BAAU,EAClBH,IAAI,EAAE,CAACG,6BAAU,EACjBC,OAAO,EAAE,IAAI,CAAC5D,OAAQ,iBAEtB5B,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACnD,cAAA,CAAAiF,aAAa,MAAAC,SAAA,CAAArC,OAAA,IAACsC,WAAW,EAAE,IAAI,CAACvD,UAAW,IAAK,IAAI,CAACX,KAAK,gBACzDzB,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAAC/C,UAAA,CAAAgF,SAAS,MAAAF,SAAA,CAAArC,OAAA,IAACwC,GAAG,EAAE,IAAI,CAAC7C,SAAU,IAAK0B,UAAU,CAAG,CACpC,CACF,CAAC,CAEpB,CAAC,QAAApD,KAAA,GAjIwBO,cAAK,CAACiE,SAAS,GAAA/E,MAAA,CAC1BgF,mBAAmB,GAAG,OAAO,EAAAhF,MAAA,CAC7BiF,WAAW,GAAG,OAAO,EAAAjF,MAAA,CAOrBuD,IAAI,GAAc,UAC9BpC,YAA6B,EAC7Bd,MAAyB,EACzB0B,QAAiB,EACjBK,aAAuB,EACpB,CACH8C,wBAAW,CAAC3B,IAAI,CAACpC,YAAY,EAAEd,MAAM,EAAE0B,QAAQ,EAAEK,aAAa,CAAC,CACjE,CAAC,EAAApC,MAAA,CAGaM,KAAK,GAAe,YAAM,CACtC4E,wBAAW,CAAC5E,KAAK,CAAC,CAAC,CACrB,CAAC,EAAAN,MAAA,MAAAD,MAAA,CAwIH,SAASiB,UAAUA,CAACmE,EAA8B,EAAkB,CAClE,IAAIA,EAAE,EAAE,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAD6CC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA,GAEvDN,EAAE,CAAAO,KAAA,SAAIH,IAAI,CAAC,CACb,CACF","ignoreList":[]}
@@ -0,0 +1,69 @@
1
+ ### Вызов статических методов
2
+
3
+ ```jsx harmony
4
+ import { Button, Toast } from '@skbkontur/react-ui';
5
+
6
+ function showComplexNotification() {
7
+ Toast.push('Successfully saved', {
8
+ label: 'Cancel',
9
+ handler: () => Toast.push('Canceled'),
10
+ });
11
+ }
12
+
13
+ <Button onClick={showComplexNotification}>Show notification</Button>;
14
+ ```
15
+
16
+ ### Кастомный showTime
17
+
18
+ ```jsx harmony
19
+ import { Button, Toast } from '@skbkontur/react-ui';
20
+
21
+ function showComplexNotification() {
22
+ Toast.push('Successfully saved', {
23
+ label: 'Cancel',
24
+ handler: () => Toast.push('Canceled'),
25
+ }, 15000);
26
+ }
27
+
28
+ <Button onClick={showComplexNotification}>Show notification</Button>;
29
+ ```
30
+
31
+ ### Кастомный showTime без action
32
+
33
+
34
+ ```jsx harmony
35
+ import { Button, Toast } from '@skbkontur/react-ui';
36
+
37
+ function showComplexNotification() {
38
+ Toast.push('Successfully saved', null, 15000);
39
+ }
40
+
41
+ <Button onClick={showComplexNotification}>Show notification</Button>;
42
+ ```
43
+
44
+ ### Использование `ref`
45
+
46
+ ```jsx harmony
47
+ import { Button, Toast } from '@skbkontur/react-ui';
48
+
49
+ class Toaster extends React.Component {
50
+ showNotification() {
51
+ this.notifier.push('Successfully');
52
+ }
53
+
54
+ render() {
55
+ return (
56
+ <div>
57
+ <Toast
58
+ ref={el => {
59
+ this.notifier = el;
60
+ }}
61
+ />
62
+ <Button onClick={() => this.showNotification()}>Show notification</Button>
63
+ </div>
64
+ );
65
+ }
66
+ }
67
+
68
+ <Toaster />;
69
+ ```
@@ -1,5 +1,4 @@
1
- import type { Emotion } from '@emotion/css/types/create-instance';
2
- export declare const getStyles: (emotion: Emotion) => {
1
+ export declare const styles: {
3
2
  enter(): string;
4
3
  enterActive(): string;
5
4
  exit(): string;
@@ -1,30 +1,27 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
1
+ "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
2
2
 
3
- var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
3
+ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
4
+ enter: function enter() {
5
+ return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(-40px);\n "])));
4
6
 
5
- var getStyles = exports.getStyles = function getStyles(emotion) {return (
6
- (0, _Emotion.memoizeStyle)({
7
- enter: function enter() {
8
- return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(-40px);\n "])));
9
7
 
8
+ },
9
+ enterActive: function enterActive() {
10
+ return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n "])));
10
11
 
11
- },
12
- enterActive: function enterActive() {
13
- return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n "])));
14
12
 
15
13
 
14
+ },
15
+ exit: function exit() {
16
+ return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(0);\n opacity: 1;\n "])));
16
17
 
17
- },
18
- exit: function exit() {
19
- return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(0);\n opacity: 1;\n "])));
20
18
 
21
19
 
20
+ },
21
+ exitActive: function exitActive() {
22
+ return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n "])));
22
23
 
23
- },
24
- exitActive: function exitActive() {
25
- return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n "])));
26
24
 
27
25
 
28
-
29
- }
30
- }));};
26
+ }
27
+ });
@@ -1 +1 @@
1
- {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","enter","css","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n enter() {\n return emotion.css`\n transform: translateY(-40px);\n `;\n },\n enterActive() {\n return emotion.css`\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n `;\n },\n exit() {\n return emotion.css`\n transform: translateY(0);\n opacity: 1;\n `;\n },\n exitActive() {\n return emotion.css`\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n `;\n },\n });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOF,OAAO,CAACG,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;MACDC,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAON,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;MACDE,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;MACDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOR,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","enter","css","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n enter() {\n return css`\n transform: translateY(-40px);\n `;\n },\n enterActive() {\n return css`\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n `;\n },\n exit() {\n return css`\n transform: translateY(0);\n opacity: 1;\n `;\n },\n exitActive() {\n return css`\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
2
2
  var _reactDom = _interopRequireDefault(require("react-dom"));
3
+ var _globalObject = require("@skbkontur/global-object");
3
4
 
4
- var _globalObject = require("../../lib/globalObject");
5
5
 
6
6
 
7
7
 
@@ -14,10 +14,9 @@ action,
14
14
  showTime,
15
15
  showCloseIcon)
16
16
  {
17
- var globalObject = (0, _globalObject.getOwnerGlobalObject)();
18
- if (!_ToastStatic.node && globalObject.document) {
19
- _ToastStatic.node = globalObject.document.createElement('div');
20
- var body = globalObject.document.body;
17
+ if (!_ToastStatic.node && _globalObject.globalObject.document) {
18
+ _ToastStatic.node = _globalObject.globalObject.document.createElement('div');
19
+ var body = _globalObject.globalObject.document.body;
21
20
  if (!body) {
22
21
  throw Error('There is no "body" element in "document"');
23
22
  }
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","showCloseIcon","globalObject","getOwnerGlobalObject","node","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { getOwnerGlobalObject } from '../../lib/globalObject';\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { Action } from './Toast';\nimport { Toast, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n public static push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n const globalObject = getOwnerGlobalObject();\n if (!ToastStatic.node && globalObject.document) {\n ToastStatic.node = globalObject.document.createElement('div');\n const { body } = globalObject.document;\n if (!body) {\n throw Error('There is no \"body\" element in \"document\"');\n }\n body.appendChild(ToastStatic.node);\n\n ReactDOM.render(\n <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n ToastStatic.node,\n () => ToastStatic._push(notification, action, showTime, showCloseIcon),\n );\n } else {\n ToastStatic._push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static _push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n if (ToastStatic.instance) {\n ToastStatic.instance.push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static close = () => {\n if (ToastStatic.instance) {\n ToastStatic.instance.close();\n }\n };\n\n private static node: HTMLDivElement;\n private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;;;AAIA,IAAAG,MAAA,GAAAH,OAAA,YAA+C,IAAAI,YAAA;;AAElCC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG;AACnBC,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAMC,YAAY,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAC3C,IAAI,CAACR,YAAW,CAACS,IAAI,IAAIF,YAAY,CAACG,QAAQ,EAAE;IAC9CV,YAAW,CAACS,IAAI,GAAGF,YAAY,CAACG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKL,YAAY,CAACG,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACd,YAAW,CAACS,IAAI,CAAC;;IAElCM,iBAAQ,CAACC,MAAM;MACbvB,MAAA,CAAAwB,OAAA,CAAAN,aAAA,CAACb,MAAA,CAAAoB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMtB,YAAW,CAACuB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFtB,YAAW,CAACS,IAAI;MAChB,oBAAMT,YAAW,CAACwB,KAAK,CAACrB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC;EACH,CAAC,MAAM;IACLN,YAAW,CAACwB,KAAK,CAACrB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAClE;AACF,CAAC,CAxBUN,WAAW;;AA0BRwB,KAAK,GAAG;AACpBrB,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAIN,YAAW,CAACuB,QAAQ,EAAE;IACxBvB,YAAW,CAACuB,QAAQ,CAACrB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAC1E;AACF,CAAC,CAnCUN,WAAW;;AAqCRyB,KAAK,GAAG,YAAM;EAC1B,IAAIzB,YAAW,CAACuB,QAAQ,EAAE;IACxBvB,YAAW,CAACuB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CAzCUzB,WAAW;;;AA4CPuB,QAAQ,GAAoB,IAAI","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","showCloseIcon","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { Action } from './Toast';\nimport { Toast, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n public static push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n if (!ToastStatic.node && globalObject.document) {\n ToastStatic.node = globalObject.document.createElement('div');\n const { body } = globalObject.document;\n if (!body) {\n throw Error('There is no \"body\" element in \"document\"');\n }\n body.appendChild(ToastStatic.node);\n\n ReactDOM.render(\n <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n ToastStatic.node,\n () => ToastStatic._push(notification, action, showTime, showCloseIcon),\n );\n } else {\n ToastStatic._push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static _push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n if (ToastStatic.instance) {\n ToastStatic.instance.push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static close = () => {\n if (ToastStatic.instance) {\n ToastStatic.instance.close();\n }\n };\n\n private static node: HTMLDivElement;\n private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;;AAKA,IAAAG,MAAA,GAAAH,OAAA,YAA+C,IAAAI,YAAA;;AAElCC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG;AACnBC,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAI,CAACN,YAAW,CAACO,IAAI,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IAC9CT,YAAW,CAACO,IAAI,GAAGC,0BAAY,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKH,0BAAY,CAACC,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACb,YAAW,CAACO,IAAI,CAAC;;IAElCO,iBAAQ,CAACC,MAAM;MACbtB,MAAA,CAAAuB,OAAA,CAAAN,aAAA,CAACZ,MAAA,CAAAmB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMrB,YAAW,CAACsB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFrB,YAAW,CAACO,IAAI;MAChB,oBAAMP,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC;EACH,CAAC,MAAM;IACLN,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAClE;AACF,CAAC,CAvBUN,WAAW;;AAyBRuB,KAAK,GAAG;AACpBpB,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAIN,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACpB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAC1E;AACF,CAAC,CAlCUN,WAAW;;AAoCRwB,KAAK,GAAG,YAAM;EAC1B,IAAIxB,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CAxCUxB,WAAW;;;AA2CPsB,QAAQ,GAAoB,IAAI","ignoreList":[]}
@@ -15,7 +15,6 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
15
15
  onMouseLeave?: () => void;
16
16
  }
17
17
  export declare class ToastView extends React.Component<ToastViewProps> {
18
- private styles;
19
18
  private theme;
20
19
  getRootNode: TGetRootNode;
21
20
  private setRootNode;
@@ -1,7 +1,6 @@
1
1
  "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
2
2
  var _react = _interopRequireDefault(require("react"));
3
3
 
4
- var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
5
4
  var _decorators = require("../../lib/locale/decorators");
6
5
 
7
6
  var _ZIndex = require("../../internal/ZIndex");
@@ -44,15 +43,6 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
44
43
 
45
44
 
46
45
 
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
46
 
57
47
 
58
48
 
@@ -65,7 +55,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
65
55
  _react.default.createElement("button", {
66
56
  "aria-label": action['aria-label'],
67
57
  "data-tid": _Toast.ToastDataTids.action,
68
- className: _this.styles.link(_this.theme),
58
+ className: _ToastView2.styles.link(_this.theme),
69
59
  onClick: action.handler },
70
60
 
71
61
  action.label
@@ -74,7 +64,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
74
64
 
75
65
  var close =
76
66
  action || showCloseIcon ? /*#__PURE__*/
77
- _react.default.createElement("span", { className: _this.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
67
+ _react.default.createElement("span", { className: _ToastView2.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
78
68
  _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
79
69
  "aria-label": _this.locale.closeButtonAriaLabel,
80
70
  "data-tid": _Toast.ToastDataTids.close,
@@ -90,10 +80,10 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
90
80
 
91
81
  return /*#__PURE__*/(
92
82
  _react.default.createElement(_CommonWrapper.CommonWrapper, _this.props, /*#__PURE__*/
93
- _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _this.styles.wrapper(_this.theme) }, /*#__PURE__*/
83
+ _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView2.styles.wrapper(_this.theme) }, /*#__PURE__*/
94
84
  _react.default.createElement("div", {
95
85
  "data-tid": _Toast.ToastDataTids.toastView,
96
- className: _this.styles.root(_this.theme),
86
+ className: _ToastView2.styles.root(_this.theme),
97
87
  ref: _this.setRootNode,
98
88
  onMouseEnter: onMouseEnter,
99
89
  onMouseLeave: onMouseLeave }, /*#__PURE__*/
@@ -105,4 +95,4 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
105
95
  )
106
96
  ));
107
97
 
108
- };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _ToastView2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};return ToastView;}(_react.default.Component)) || _class) || _class);
98
+ };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class);
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { getStyles } from './ToastView.styles';\nimport type { Action } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает контент тоста. */\n children?: React.ReactNode;\n /** Добавляет возможность действия и кнопку закрытия у тоста. */\n action?: Nullable<Action>;\n showCloseIcon?: boolean;\n onClose?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private readonly locale!: ToastLocale;\n\n public render() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n private renderMain = () => {\n const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n const link = action ? (\n <button\n aria-label={action['aria-label']}\n data-tid={ToastDataTids.action}\n className={this.styles.link(this.theme)}\n onClick={action.handler}\n >\n {action.label}\n </button>\n ) : null;\n\n const close =\n action || showCloseIcon ? (\n <span className={this.styles.closeWrapper(this.theme)}>\n <CloseButtonIcon\n aria-label={this.locale.closeButtonAriaLabel}\n data-tid={ToastDataTids.close}\n onClick={onClose}\n size={parseInt(this.theme.toastCloseSize)}\n side={40}\n color={this.theme.toastCloseColor}\n colorHover={this.theme.toastCloseHoverColor}\n tabbable={false}\n />\n </span>\n ) : null;\n\n return (\n <CommonWrapper {...this.props}>\n <ZIndex priority=\"Toast\" className={this.styles.wrapper(this.theme)}>\n <div\n data-tid={ToastDataTids.toastView}\n className={this.styles.root(this.theme)}\n ref={this.setRootNode}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <span>{this.props.children}</span>\n {link}\n {close}\n </div>\n </ZIndex>\n </CommonWrapper>\n );\n };\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport type { Action } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает контент тоста. */\n children?: React.ReactNode;\n /** Добавляет возможность действия и кнопку закрытия у тоста. */\n action?: Nullable<Action>;\n showCloseIcon?: boolean;\n onClose?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private readonly locale!: ToastLocale;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain = () => {\n const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n const link = action ? (\n <button\n aria-label={action['aria-label']}\n data-tid={ToastDataTids.action}\n className={styles.link(this.theme)}\n onClick={action.handler}\n >\n {action.label}\n </button>\n ) : null;\n\n const close =\n action || showCloseIcon ? (\n <span className={styles.closeWrapper(this.theme)}>\n <CloseButtonIcon\n aria-label={this.locale.closeButtonAriaLabel}\n data-tid={ToastDataTids.close}\n onClick={onClose}\n size={parseInt(this.theme.toastCloseSize)}\n side={40}\n color={this.theme.toastCloseColor}\n colorHover={this.theme.toastCloseHoverColor}\n tabbable={false}\n />\n </span>\n ) : null;\n\n return (\n <CommonWrapper {...this.props}>\n <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n <div\n data-tid={ToastDataTids.toastView}\n className={styles.root(this.theme)}\n ref={this.setRootNode}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <span>{this.props.children}</span>\n {link}\n {close}\n </div>\n </ZIndex>\n </CommonWrapper>\n );\n };\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,6 +1,5 @@
1
- import type { Emotion } from '@emotion/css/types/create-instance';
2
1
  import type { Theme } from '../../lib/theming/Theme';
3
- export declare const getStyles: (emotion: Emotion) => {
2
+ export declare const styles: {
4
3
  root(t: Theme): string;
5
4
  wrapper(t: Theme): string;
6
5
  closeWrapper(t: Theme): string;
@@ -1,6 +1,4 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
2
-
3
- var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
1
+ "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
2
 
5
3
 
6
4
  var getVerticalPaddings = function getVerticalPaddings(theme) {
@@ -10,70 +8,69 @@ var getVerticalPaddings = function getVerticalPaddings(theme) {
10
8
  return [paddingY + "px", paddingY + "px"];
11
9
  };
12
10
 
13
- var getStyles = exports.getStyles = function getStyles(emotion) {return (
14
- (0, _Emotion.memoizeStyle)({
15
- root: function root(t) {
16
- var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
17
- return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n background: ", ";\n border-radius: ", ";\n border: ", ";\n color: ", ";\n display: inline-flex;\n font-size: ", ";\n line-height: ", ";\n opacity: 1;\n padding: ", " ", " ", ";\n position: relative;\n top: ", ";\n "])),
18
- t.toastBg,
19
- t.toastBorderRadius,
20
- t.toastBorder,
21
- t.toastColor,
11
+ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
12
+ root: function root(t) {
13
+ var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
14
+ return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n background: ", ";\n border-radius: ", ";\n border: ", ";\n color: ", ";\n display: inline-flex;\n font-size: ", ";\n line-height: ", ";\n opacity: 1;\n padding: ", " ", " ", ";\n position: relative;\n top: ", ";\n "])),
15
+ t.toastBg,
16
+ t.toastBorderRadius,
17
+ t.toastBorder,
18
+ t.toastColor,
22
19
 
23
- t.toastFontSize,
24
- t.toastLineHeight,
20
+ t.toastFontSize,
21
+ t.toastLineHeight,
25
22
 
26
- paddingTop, t.toastPaddingX, paddingBottom,
23
+ paddingTop, t.toastPaddingX, paddingBottom,
27
24
 
28
- t.toastTop);
25
+ t.toastTop);
29
26
 
30
- },
27
+ },
31
28
 
32
- wrapper: function wrapper(t) {
33
- return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ", ";\n "])),
29
+ wrapper: function wrapper(t) {
30
+ return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ", ";\n "])),
34
31
 
35
32
 
36
33
 
37
34
 
38
35
 
39
36
 
40
- t.toastBorderRadius);
37
+ t.toastBorderRadius);
41
38
 
42
- },
39
+ },
43
40
 
44
- closeWrapper: function closeWrapper(t) {
45
- var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
46
- return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: flex;\n margin: -", " -", " -", " 0;\n "])),
41
+ closeWrapper: function closeWrapper(t) {
42
+ var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
43
+ return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: flex;\n margin: -", " -", " -", " 0;\n "])),
47
44
 
48
- paddingTop, t.toastPaddingX, paddingBottom);
45
+ paddingTop, t.toastPaddingX, paddingBottom);
49
46
 
50
- },
47
+ },
51
48
 
52
- link: function link(t) {
53
- var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
54
- var padding = paddingTop + " " + t.toastLinkPadding;
49
+ link: function link(t) {
50
+ var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
51
+ var padding = paddingTop + " " + t.toastLinkPadding;
55
52
 
56
- return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n border: none;\n font: inherit;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -", " 0 -", " ", ";\n\n padding: ", ";\n transition: background ", " ", ";\n &:hover {\n background: ", ";\n text-decoration: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])),
53
+ return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n border: none;\n font: inherit;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -", " 0 -", " ", ";\n\n padding: ", ";\n transition: background ", " ", ";\n &:hover {\n background: ", ";\n text-decoration: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])),
57
54
 
58
55
 
59
- t.toastLinkColor,
56
+ t.toastLinkColor,
60
57
 
61
58
 
62
59
 
63
60
 
64
61
 
65
- paddingTop, paddingBottom, t.toastPaddingX,
62
+ paddingTop, paddingBottom, t.toastPaddingX,
66
63
 
67
- padding,
68
- t.transitionDuration, t.transitionTimingFunction,
64
+ padding,
65
+ t.transitionDuration, t.transitionTimingFunction,
69
66
 
70
- t.toastLinkBgHover,
71
- t.toastLinkTextDecorationHover,
67
+ t.toastLinkBgHover,
68
+ t.toastLinkTextDecorationHover,
72
69
 
73
70
 
74
71
 
75
- t.toastLinkBgActive);
72
+ t.toastLinkBgActive);
76
73
 
77
74
 
78
- }
79
- }));};
75
+ }
76
+ });
@@ -1 +1 @@
1
- {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","getStyles","exports","emotion","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n const { toastPaddingY } = theme;\n const paddingY = parseInt(toastPaddingY);\n\n return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return emotion.css`\n background: ${t.toastBg};\n border-radius: ${t.toastBorderRadius};\n border: ${t.toastBorder};\n color: ${t.toastColor};\n display: inline-flex;\n font-size: ${t.toastFontSize};\n line-height: ${t.toastLineHeight};\n opacity: 1;\n padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n position: relative;\n top: ${t.toastTop};\n `;\n },\n\n wrapper(t: Theme) {\n return emotion.css`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ${t.toastBorderRadius};\n `;\n },\n\n closeWrapper(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return emotion.css`\n display: flex;\n margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n `;\n },\n\n link(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n return emotion.css`\n border: none;\n font: inherit;\n color: ${t.toastLinkColor};\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n padding: ${padding};\n transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n &:hover {\n background: ${t.toastLinkBgHover};\n text-decoration: ${t.toastLinkTextDecorationHover};\n }\n\n &:active {\n background: ${t.toastLinkBgActive};\n }\n `;\n },\n });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGzD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAAC,oBAAA,GAAoCX,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;QAChC,OAAOJ,OAAO,CAACO,GAAG,CAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;QACFN,CAAC,CAACO,OAAO;QACNP,CAAC,CAACQ,iBAAiB;QAC1BR,CAAC,CAACS,WAAW;QACdT,CAAC,CAACU,UAAU;;QAERV,CAAC,CAACW,aAAa;QACbX,CAAC,CAACY,eAAe;;QAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;QAElDH,CAAC,CAACc,QAAQ;;MAErB,CAAC;;MAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACO,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;;;;;;;QAOCN,CAAC,CAACQ,iBAAiB;;MAExC,CAAC;;MAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;QACrB,IAAAiB,qBAAA,GAAoC3B,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;QAChC,OAAOpB,OAAO,CAACO,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;QAELJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa;;MAE/D,CAAC;;MAEDe,IAAI,WAAAA,KAAClB,CAAQ,EAAE;QACb,IAAAmB,qBAAA,GAAoC7B,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAiB,qBAAA,IAAEhB,aAAa,GAAAgB,qBAAA;QAChC,IAAMC,OAAO,GAAMlB,UAAU,SAAIF,CAAC,CAACqB,gBAAkB;;QAErD,OAAOxB,OAAO,CAACO,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;QAGPN,CAAC,CAACsB,cAAc;;;;;;QAMdpB,UAAU,EAAOC,aAAa,EAAIH,CAAC,CAACa,aAAa;;QAEjDO,OAAO;QACOpB,CAAC,CAACuB,kBAAkB,EAAIvB,CAAC,CAACwB,wBAAwB;;QAE3DxB,CAAC,CAACyB,gBAAgB;QACbzB,CAAC,CAAC0B,4BAA4B;;;;QAInC1B,CAAC,CAAC2B,iBAAiB;;;MAGvC;IACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n const { toastPaddingY } = theme;\n const paddingY = parseInt(toastPaddingY);\n\n return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return css`\n background: ${t.toastBg};\n border-radius: ${t.toastBorderRadius};\n border: ${t.toastBorder};\n color: ${t.toastColor};\n display: inline-flex;\n font-size: ${t.toastFontSize};\n line-height: ${t.toastLineHeight};\n opacity: 1;\n padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n position: relative;\n top: ${t.toastTop};\n `;\n },\n\n wrapper(t: Theme) {\n return css`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ${t.toastBorderRadius};\n `;\n },\n\n closeWrapper(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return css`\n display: flex;\n margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n `;\n },\n\n link(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n return css`\n border: none;\n font: inherit;\n color: ${t.toastLinkColor};\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n padding: ${padding};\n transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n &:hover {\n background: ${t.toastLinkBgHover};\n text-decoration: ${t.toastLinkTextDecorationHover};\n }\n\n &:active {\n background: ${t.toastLinkBgActive};\n }\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAAoCV,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;IAChC,WAAOG,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACMN,CAAC,CAACO,OAAO;IACNP,CAAC,CAACQ,iBAAiB;IAC1BR,CAAC,CAACS,WAAW;IACdT,CAAC,CAACU,UAAU;;IAERV,CAAC,CAACW,aAAa;IACbX,CAAC,CAACY,eAAe;;IAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;IAElDH,CAAC,CAACc,QAAQ;;EAErB,CAAC;;EAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;IAOSN,CAAC,CAACQ,iBAAiB;;EAExC,CAAC;;EAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,IAAAiB,qBAAA,GAAoC1B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;IAChC,WAAOb,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa;;EAE/D,CAAC;;EAEDe,IAAI,WAAAA,KAAClB,CAAQ,EAAE;IACb,IAAAmB,qBAAA,GAAoC5B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAiB,qBAAA,IAAEhB,aAAa,GAAAgB,qBAAA;IAChC,IAAMC,OAAO,GAAMlB,UAAU,SAAIF,CAAC,CAACqB,gBAAkB;;IAErD,WAAOjB,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;IAGCN,CAAC,CAACsB,cAAc;;;;;;IAMdpB,UAAU,EAAOC,aAAa,EAAIH,CAAC,CAACa,aAAa;;IAEjDO,OAAO;IACOpB,CAAC,CAACuB,kBAAkB,EAAIvB,CAAC,CAACwB,wBAAwB;;IAE3DxB,CAAC,CAACyB,gBAAgB;IACbzB,CAAC,CAAC0B,4BAA4B;;;;IAInC1B,CAAC,CAAC2B,iBAAiB;;;EAGvC;AACF,CAAC,CAAC","ignoreList":[]}