@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2dd5039746

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 (1102) hide show
  1. package/CHANGELOG.md +309 -0
  2. package/README.md +29 -25
  3. package/cjs/components/Autocomplete/Autocomplete.d.ts +13 -18
  4. package/cjs/components/Autocomplete/Autocomplete.js +47 -10
  5. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  6. package/cjs/components/Autocomplete/Autocomplete.md +15 -1
  7. package/cjs/components/Autocomplete/locale/index.d.ts +4 -0
  8. package/cjs/components/Autocomplete/locale/index.js +11 -0
  9. package/cjs/components/Autocomplete/locale/index.js.map +1 -0
  10. package/cjs/components/Autocomplete/locale/locales/en.d.ts +2 -0
  11. package/cjs/components/Autocomplete/locale/locales/en.js +6 -0
  12. package/cjs/components/Autocomplete/locale/locales/en.js.map +1 -0
  13. package/cjs/components/Autocomplete/locale/locales/ru.d.ts +2 -0
  14. package/cjs/components/Autocomplete/locale/locales/ru.js +6 -0
  15. package/cjs/components/Autocomplete/locale/locales/ru.js.map +1 -0
  16. package/cjs/components/Autocomplete/locale/types.d.ts +5 -0
  17. package/cjs/components/Autocomplete/locale/types.js +1 -0
  18. package/cjs/components/Autocomplete/locale/types.js.map +1 -0
  19. package/cjs/components/Button/Button.d.ts +9 -6
  20. package/cjs/components/Button/Button.js +14 -3
  21. package/cjs/components/Button/Button.js.map +1 -1
  22. package/cjs/components/Button/Button.mixins.js +1 -1
  23. package/cjs/components/Button/Button.mixins.js.map +1 -1
  24. package/cjs/components/Button/Button.styles.js +18 -18
  25. package/cjs/components/Button/Button.styles.js.map +1 -1
  26. package/cjs/components/Center/Center.d.ts +4 -3
  27. package/cjs/components/Center/Center.js +9 -3
  28. package/cjs/components/Center/Center.js.map +1 -1
  29. package/cjs/components/Checkbox/Checkbox.d.ts +5 -1
  30. package/cjs/components/Checkbox/Checkbox.js +12 -5
  31. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  32. package/cjs/components/Checkbox/Checkbox.md +49 -1
  33. package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -1
  34. package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  35. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  36. package/cjs/components/ComboBox/ComboBox.d.ts +30 -15
  37. package/cjs/components/ComboBox/ComboBox.js +34 -2
  38. package/cjs/components/ComboBox/ComboBox.js.map +1 -1
  39. package/cjs/components/ComboBox/ComboBox.md +84 -1
  40. package/cjs/components/CurrencyInput/CurrencyHelper.js +1 -1
  41. package/cjs/components/CurrencyInput/CurrencyHelper.js.map +1 -1
  42. package/cjs/components/CurrencyInput/CurrencyInput.d.ts +6 -9
  43. package/cjs/components/CurrencyInput/CurrencyInput.js +29 -11
  44. package/cjs/components/CurrencyInput/CurrencyInput.js.map +1 -1
  45. package/cjs/components/CurrencyInput/CurrencyInput.md +13 -0
  46. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +3 -1
  47. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js +14 -2
  48. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js.map +1 -1
  49. package/cjs/components/CurrencyInput/constants.d.ts +3 -0
  50. package/cjs/components/CurrencyInput/constants.js +6 -2
  51. package/cjs/components/CurrencyInput/constants.js.map +1 -1
  52. package/cjs/components/CurrencyLabel/CurrencyLabel.d.ts +5 -9
  53. package/cjs/components/CurrencyLabel/CurrencyLabel.js +18 -15
  54. package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
  55. package/cjs/components/CurrencyLabel/CurrencyLabel.md +6 -0
  56. package/cjs/components/DateInput/DateFragmentsView.d.ts +1 -1
  57. package/cjs/components/DateInput/DateFragmentsView.js +10 -1
  58. package/cjs/components/DateInput/DateFragmentsView.js.map +1 -1
  59. package/cjs/components/DateInput/DateInput.d.ts +9 -12
  60. package/cjs/components/DateInput/DateInput.js +11 -3
  61. package/cjs/components/DateInput/DateInput.js.map +1 -1
  62. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js +1 -2
  63. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js.map +1 -1
  64. package/cjs/components/DateInput/helpers/SelectionHelpers.js +2 -2
  65. package/cjs/components/DateInput/helpers/SelectionHelpers.js.map +1 -1
  66. package/cjs/components/DatePicker/DatePicker.d.ts +14 -16
  67. package/cjs/components/DatePicker/DatePicker.js +24 -11
  68. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  69. package/cjs/components/DatePicker/DatePicker.md +18 -0
  70. package/cjs/components/DatePicker/Picker.js +5 -1
  71. package/cjs/components/DatePicker/Picker.js.map +1 -1
  72. package/cjs/components/Dropdown/Dropdown.d.ts +8 -2
  73. package/cjs/components/Dropdown/Dropdown.js +30 -4
  74. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  75. package/cjs/components/DropdownMenu/DropdownMenu.d.ts +7 -7
  76. package/cjs/components/DropdownMenu/DropdownMenu.js +9 -3
  77. package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  78. package/cjs/components/DropdownMenu/DropdownMenu.md +68 -1
  79. package/cjs/components/FileUploader/FileUploader.d.ts +11 -2
  80. package/cjs/components/FileUploader/FileUploader.js +83 -20
  81. package/cjs/components/FileUploader/FileUploader.js.map +1 -1
  82. package/cjs/components/FileUploader/FileUploader.md +13 -1
  83. package/cjs/components/FileUploader/FileUploader.mixins.d.ts +1 -0
  84. package/cjs/components/FileUploader/FileUploader.mixins.js +10 -0
  85. package/cjs/components/FileUploader/FileUploader.mixins.js.map +1 -0
  86. package/cjs/components/FileUploader/FileUploader.styles.d.ts +12 -1
  87. package/cjs/components/FileUploader/FileUploader.styles.js +119 -22
  88. package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
  89. package/cjs/components/FxInput/FxInput.d.ts +6 -6
  90. package/cjs/components/FxInput/FxInput.js +16 -11
  91. package/cjs/components/FxInput/FxInput.js.map +1 -1
  92. package/cjs/components/FxInput/FxInput.md +13 -0
  93. package/cjs/components/Gapped/Gapped.d.ts +7 -8
  94. package/cjs/components/Gapped/Gapped.js +12 -6
  95. package/cjs/components/Gapped/Gapped.js.map +1 -1
  96. package/cjs/components/GlobalLoader/GlobalLoader.d.ts +7 -14
  97. package/cjs/components/GlobalLoader/GlobalLoader.js +13 -9
  98. package/cjs/components/GlobalLoader/GlobalLoader.js.map +1 -1
  99. package/cjs/components/GlobalLoader/GlobalLoaderView.d.ts +2 -2
  100. package/cjs/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
  101. package/cjs/components/Group/Group.d.ts +1 -0
  102. package/cjs/components/Group/Group.js +7 -11
  103. package/cjs/components/Group/Group.js.map +1 -1
  104. package/cjs/components/Hint/Hint.d.ts +9 -15
  105. package/cjs/components/Hint/Hint.js +14 -25
  106. package/cjs/components/Hint/Hint.js.map +1 -1
  107. package/cjs/components/Hint/Hint.md +43 -0
  108. package/cjs/components/Hint/Hint.styles.d.ts +0 -1
  109. package/cjs/components/Hint/Hint.styles.js +2 -10
  110. package/cjs/components/Hint/Hint.styles.js.map +1 -1
  111. package/cjs/components/Input/Input.d.ts +9 -4
  112. package/cjs/components/Input/Input.js +26 -9
  113. package/cjs/components/Input/Input.js.map +1 -1
  114. package/cjs/components/Input/Input.md +17 -1
  115. package/cjs/components/Input/Input.styles.d.ts +1 -0
  116. package/cjs/components/Input/Input.styles.js +17 -10
  117. package/cjs/components/Input/Input.styles.js.map +1 -1
  118. package/cjs/components/Kebab/Kebab.d.ts +13 -16
  119. package/cjs/components/Kebab/Kebab.js +20 -6
  120. package/cjs/components/Kebab/Kebab.js.map +1 -1
  121. package/cjs/components/Link/Link.d.ts +5 -7
  122. package/cjs/components/Link/Link.js +12 -5
  123. package/cjs/components/Link/Link.js.map +1 -1
  124. package/cjs/components/Loader/Loader.d.ts +20 -7
  125. package/cjs/components/Loader/Loader.js +25 -5
  126. package/cjs/components/Loader/Loader.js.map +1 -1
  127. package/cjs/components/Loader/Loader.md +30 -23
  128. package/cjs/components/Loader/__stories__/LoaderAndButton.js +6 -0
  129. package/cjs/components/Loader/__stories__/LoaderAndButton.js.map +1 -1
  130. package/cjs/components/MenuHeader/MenuHeader.d.ts +1 -1
  131. package/cjs/components/MenuHeader/MenuHeader.js +1 -1
  132. package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
  133. package/cjs/components/MenuItem/MenuItem.d.ts +19 -3
  134. package/cjs/components/MenuItem/MenuItem.js +75 -28
  135. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  136. package/cjs/components/MenuItem/MenuItem.styles.d.ts +5 -0
  137. package/cjs/components/MenuItem/MenuItem.styles.js +34 -14
  138. package/cjs/components/MenuItem/MenuItem.styles.js.map +1 -1
  139. package/cjs/components/MenuSeparator/MenuSeparator.d.ts +1 -1
  140. package/cjs/components/MenuSeparator/MenuSeparator.js +13 -2
  141. package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
  142. package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -0
  143. package/cjs/components/MenuSeparator/MenuSeparator.styles.js +8 -1
  144. package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map +1 -1
  145. package/cjs/components/Modal/Modal.d.ts +4 -3
  146. package/cjs/components/Modal/Modal.js +9 -8
  147. package/cjs/components/Modal/Modal.js.map +1 -1
  148. package/cjs/components/Modal/Modal.styles.d.ts +2 -2
  149. package/cjs/components/Modal/Modal.styles.js +3 -3
  150. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  151. package/cjs/components/Modal/ModalBody.js +2 -2
  152. package/cjs/components/Modal/ModalBody.js.map +1 -1
  153. package/cjs/components/Modal/ModalFooter.d.ts +14 -0
  154. package/cjs/components/Modal/ModalFooter.js +23 -2
  155. package/cjs/components/Modal/ModalFooter.js.map +1 -1
  156. package/cjs/components/Modal/ModalHeader.js +1 -1
  157. package/cjs/components/Modal/ModalHeader.js.map +1 -1
  158. package/cjs/components/Paging/Paging.d.ts +7 -10
  159. package/cjs/components/Paging/Paging.js +34 -19
  160. package/cjs/components/Paging/Paging.js.map +1 -1
  161. package/cjs/components/Paging/Paging.md +13 -0
  162. package/cjs/components/Paging/Paging.styles.d.ts +6 -2
  163. package/cjs/components/Paging/Paging.styles.js +41 -15
  164. package/cjs/components/Paging/Paging.styles.js.map +1 -1
  165. package/cjs/components/Paging/PagingDefaultComponent.d.ts +3 -3
  166. package/cjs/components/Paging/PagingDefaultComponent.js.map +1 -1
  167. package/cjs/components/PasswordInput/PasswordInput.d.ts +4 -3
  168. package/cjs/components/PasswordInput/PasswordInput.js +14 -7
  169. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
  170. package/cjs/components/Radio/Radio.d.ts +4 -3
  171. package/cjs/components/Radio/Radio.js +11 -4
  172. package/cjs/components/Radio/Radio.js.map +1 -1
  173. package/cjs/components/RadioGroup/RadioGroup.d.ts +7 -19
  174. package/cjs/components/RadioGroup/RadioGroup.js +19 -20
  175. package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  176. package/cjs/components/ResponsiveLayout/ResponsiveLayout.d.ts +6 -5
  177. package/cjs/components/ResponsiveLayout/ResponsiveLayout.js +5 -9
  178. package/cjs/components/ResponsiveLayout/ResponsiveLayout.js.map +1 -1
  179. package/cjs/components/ResponsiveLayout/ResponsiveLayout.md +31 -0
  180. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js +16 -13
  181. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map +1 -1
  182. package/cjs/components/ResponsiveLayout/decorator.d.ts +1 -1
  183. package/cjs/components/ResponsiveLayout/types.d.ts +9 -1
  184. package/cjs/components/ResponsiveLayout/useResponsiveLayout.d.ts +2 -2
  185. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js +31 -15
  186. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map +1 -1
  187. package/cjs/components/ScrollContainer/ScrollBar.d.ts +12 -2
  188. package/cjs/components/ScrollContainer/ScrollBar.js +67 -10
  189. package/cjs/components/ScrollContainer/ScrollBar.js.map +1 -1
  190. package/cjs/components/ScrollContainer/ScrollContainer.constants.js +3 -2
  191. package/cjs/components/ScrollContainer/ScrollContainer.constants.js.map +1 -1
  192. package/cjs/components/ScrollContainer/ScrollContainer.d.ts +29 -8
  193. package/cjs/components/ScrollContainer/ScrollContainer.helpers.js +8 -4
  194. package/cjs/components/ScrollContainer/ScrollContainer.helpers.js.map +1 -1
  195. package/cjs/components/ScrollContainer/ScrollContainer.js +56 -11
  196. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  197. package/cjs/components/ScrollContainer/ScrollContainer.md +52 -0
  198. package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts +9 -0
  199. package/cjs/components/ScrollContainer/ScrollContainer.styles.js +48 -21
  200. package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map +1 -1
  201. package/cjs/components/Select/Item.d.ts +4 -2
  202. package/cjs/components/Select/Item.js +3 -0
  203. package/cjs/components/Select/Item.js.map +1 -1
  204. package/cjs/components/Select/Select.d.ts +13 -38
  205. package/cjs/components/Select/Select.js +21 -22
  206. package/cjs/components/Select/Select.js.map +1 -1
  207. package/cjs/components/Select/Select.md +14 -0
  208. package/cjs/components/Select/Select.styles.js +4 -4
  209. package/cjs/components/Select/Select.styles.js.map +1 -1
  210. package/cjs/components/Select/selectTheme.js +2 -0
  211. package/cjs/components/Select/selectTheme.js.map +1 -1
  212. package/cjs/components/SidePage/SidePage.d.ts +9 -6
  213. package/cjs/components/SidePage/SidePage.js +12 -1
  214. package/cjs/components/SidePage/SidePage.js.map +1 -1
  215. package/cjs/components/SidePage/SidePageFooter.d.ts +15 -5
  216. package/cjs/components/SidePage/SidePageFooter.js +20 -1
  217. package/cjs/components/SidePage/SidePageFooter.js.map +1 -1
  218. package/cjs/components/SidePage/SidePageHeader.d.ts +1 -1
  219. package/cjs/components/SidePage/SidePageHeader.js +1 -1
  220. package/cjs/components/SidePage/SidePageHeader.js.map +1 -1
  221. package/cjs/components/Spinner/Spinner.d.ts +15 -4
  222. package/cjs/components/Spinner/Spinner.js +20 -5
  223. package/cjs/components/Spinner/Spinner.js.map +1 -1
  224. package/cjs/components/Spinner/Spinner.styles.d.ts +1 -1
  225. package/cjs/components/Spinner/Spinner.styles.js +7 -7
  226. package/cjs/components/Spinner/Spinner.styles.js.map +1 -1
  227. package/cjs/components/Sticky/Sticky.d.ts +7 -6
  228. package/cjs/components/Sticky/Sticky.js +10 -3
  229. package/cjs/components/Sticky/Sticky.js.map +1 -1
  230. package/cjs/components/Switcher/Switcher.d.ts +12 -3
  231. package/cjs/components/Switcher/Switcher.js +69 -35
  232. package/cjs/components/Switcher/Switcher.js.map +1 -1
  233. package/cjs/components/Switcher/Switcher.md +97 -0
  234. package/cjs/components/Switcher/helpers.d.ts +1 -0
  235. package/cjs/components/Switcher/helpers.js +1 -0
  236. package/cjs/components/Switcher/helpers.js.map +1 -0
  237. package/cjs/components/Tabs/Indicator.d.ts +1 -1
  238. package/cjs/components/Tabs/Indicator.js +1 -1
  239. package/cjs/components/Tabs/Indicator.js.map +1 -1
  240. package/cjs/components/Tabs/Tab.d.ts +9 -13
  241. package/cjs/components/Tabs/Tab.js +14 -19
  242. package/cjs/components/Tabs/Tab.js.map +1 -1
  243. package/cjs/components/Tabs/Tabs.d.ts +9 -13
  244. package/cjs/components/Tabs/Tabs.js +17 -10
  245. package/cjs/components/Tabs/Tabs.js.map +1 -1
  246. package/cjs/components/Textarea/Textarea.d.ts +9 -10
  247. package/cjs/components/Textarea/Textarea.js +14 -7
  248. package/cjs/components/Textarea/Textarea.js.map +1 -1
  249. package/cjs/components/Textarea/Textarea.md +19 -0
  250. package/cjs/components/Textarea/TextareaCounter.d.ts +2 -2
  251. package/cjs/components/Textarea/TextareaCounter.js +5 -1
  252. package/cjs/components/Textarea/TextareaCounter.js.map +1 -1
  253. package/cjs/components/Toast/Toast.d.ts +6 -3
  254. package/cjs/components/Toast/Toast.js +16 -9
  255. package/cjs/components/Toast/Toast.js.map +1 -1
  256. package/cjs/components/Toast/Toast.md +129 -0
  257. package/cjs/components/Toast/ToastStatic.d.ts +3 -2
  258. package/cjs/components/Toast/ToastStatic.js +5 -5
  259. package/cjs/components/Toast/ToastStatic.js.map +1 -1
  260. package/cjs/components/Toggle/Toggle.d.ts +10 -7
  261. package/cjs/components/Toggle/Toggle.js +16 -4
  262. package/cjs/components/Toggle/Toggle.js.map +1 -1
  263. package/cjs/components/Token/Token.d.ts +6 -1
  264. package/cjs/components/Token/Token.js +13 -2
  265. package/cjs/components/Token/Token.js.map +1 -1
  266. package/cjs/components/Token/Token.styles.js +2 -1
  267. package/cjs/components/Token/Token.styles.js.map +1 -1
  268. package/cjs/components/TokenInput/TokenInput.d.ts +27 -17
  269. package/cjs/components/TokenInput/TokenInput.js +141 -68
  270. package/cjs/components/TokenInput/TokenInput.js.map +1 -1
  271. package/cjs/components/TokenInput/TokenInput.md +26 -0
  272. package/cjs/components/TokenInput/TokenInput.styles.js +2 -1
  273. package/cjs/components/TokenInput/TokenInput.styles.js.map +1 -1
  274. package/cjs/components/TokenInput/TokenInputMenu.d.ts +2 -1
  275. package/cjs/components/TokenInput/TokenInputMenu.js +1 -1
  276. package/cjs/components/TokenInput/TokenInputMenu.js.map +1 -1
  277. package/cjs/components/Tooltip/Tooltip.d.ts +14 -21
  278. package/cjs/components/Tooltip/Tooltip.js +26 -38
  279. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  280. package/cjs/components/TooltipMenu/TooltipMenu.d.ts +8 -7
  281. package/cjs/components/TooltipMenu/TooltipMenu.js +11 -5
  282. package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
  283. package/cjs/components/TooltipMenu/TooltipMenu.md +28 -1
  284. package/cjs/hooks/useEffectWithoutInitCall.d.ts +2 -2
  285. package/cjs/hooks/useEffectWithoutInitCall.js +2 -2
  286. package/cjs/hooks/useEffectWithoutInitCall.js.map +1 -1
  287. package/cjs/hooks/useMemoObject.d.ts +2 -1
  288. package/cjs/hooks/useMemoObject.js +2 -0
  289. package/cjs/hooks/useMemoObject.js.map +1 -1
  290. package/cjs/index.d.ts +2 -0
  291. package/cjs/index.js +54 -54
  292. package/cjs/index.js.map +1 -1
  293. package/cjs/internal/BGRuler.d.ts +13 -15
  294. package/cjs/internal/BGRuler.js +16 -8
  295. package/cjs/internal/BGRuler.js.map +1 -1
  296. package/cjs/internal/Calendar/Calendar.d.ts +4 -13
  297. package/cjs/internal/Calendar/Calendar.js +10 -5
  298. package/cjs/internal/Calendar/Calendar.js.map +1 -1
  299. package/cjs/internal/Calendar/DayCellView.styles.js +1 -1
  300. package/cjs/internal/Calendar/DayCellView.styles.js.map +1 -1
  301. package/cjs/internal/Calendar/Month.js +16 -11
  302. package/cjs/internal/Calendar/Month.js.map +1 -1
  303. package/cjs/internal/Calendar/MonthViewModel.d.ts +1 -1
  304. package/cjs/internal/Calendar/config.d.ts +1 -8
  305. package/cjs/internal/CommonWrapper/CommonWrapper.d.ts +1 -1
  306. package/cjs/internal/CommonWrapper/CommonWrapper.js +5 -4
  307. package/cjs/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  308. package/cjs/internal/ComponentCombinator.d.ts +6 -8
  309. package/cjs/internal/ComponentCombinator.js +6 -2
  310. package/cjs/internal/ComponentCombinator.js.map +1 -1
  311. package/cjs/internal/ComponentTable.d.ts +7 -8
  312. package/cjs/internal/ComponentTable.js +14 -3
  313. package/cjs/internal/ComponentTable.js.map +1 -1
  314. package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts +7 -6
  315. package/cjs/internal/CustomComboBox/ComboBoxMenu.js +16 -9
  316. package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map +1 -1
  317. package/cjs/internal/CustomComboBox/ComboBoxView.d.ts +9 -14
  318. package/cjs/internal/CustomComboBox/ComboBoxView.js +26 -12
  319. package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  320. package/cjs/internal/CustomComboBox/CustomComboBox.d.ts +5 -2
  321. package/cjs/internal/CustomComboBox/CustomComboBox.js +7 -1
  322. package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
  323. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +8 -6
  324. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
  325. package/cjs/internal/DataTids/DataTids.d.ts +5 -5
  326. package/cjs/internal/DataTids/DataTids.js +4 -0
  327. package/cjs/internal/DataTids/DataTids.js.map +1 -1
  328. package/cjs/internal/DateSelect/DateSelect.d.ts +4 -6
  329. package/cjs/internal/DateSelect/DateSelect.js +16 -10
  330. package/cjs/internal/DateSelect/DateSelect.js.map +1 -1
  331. package/cjs/internal/DropdownContainer/DropdownContainer.d.ts +8 -7
  332. package/cjs/internal/DropdownContainer/DropdownContainer.js +19 -11
  333. package/cjs/internal/DropdownContainer/DropdownContainer.js.map +1 -1
  334. package/cjs/internal/DropdownContainer/getManualPosition.d.ts +19 -0
  335. package/cjs/internal/DropdownContainer/getManualPosition.js +41 -0
  336. package/cjs/internal/DropdownContainer/getManualPosition.js.map +1 -0
  337. package/cjs/internal/FileUploaderControl/FileUploaderControlContext.d.ts +2 -0
  338. package/cjs/internal/FileUploaderControl/FileUploaderControlContext.js +2 -0
  339. package/cjs/internal/FileUploaderControl/FileUploaderControlContext.js.map +1 -1
  340. package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js +4 -1
  341. package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js.map +1 -1
  342. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +3 -0
  343. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js +48 -11
  344. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map +1 -1
  345. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +7 -0
  346. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js +49 -7
  347. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js.map +1 -1
  348. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts +2 -0
  349. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js +15 -3
  350. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  351. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +3 -0
  352. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js +19 -1
  353. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
  354. package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts +2 -0
  355. package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js +18 -0
  356. package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js.map +1 -0
  357. package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts +1 -1
  358. package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js.map +1 -1
  359. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +2 -1
  360. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  361. package/cjs/internal/InputLikeText/InputLikeText.d.ts +5 -3
  362. package/cjs/internal/InputLikeText/InputLikeText.js +23 -8
  363. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  364. package/cjs/internal/InternalMenu/InternalMenu.d.ts +4 -9
  365. package/cjs/internal/InternalMenu/InternalMenu.js +60 -22
  366. package/cjs/internal/InternalMenu/InternalMenu.js.map +1 -1
  367. package/cjs/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
  368. package/cjs/internal/InternalMenu/InternalMenu.styles.js +15 -18
  369. package/cjs/internal/InternalMenu/InternalMenu.styles.js.map +1 -1
  370. package/cjs/internal/MaskedInput/MaskedInput.d.ts +5 -2
  371. package/cjs/internal/MaskedInput/MaskedInput.js +20 -7
  372. package/cjs/internal/MaskedInput/MaskedInput.js.map +1 -1
  373. package/cjs/internal/Menu/Menu.d.ts +5 -7
  374. package/cjs/internal/Menu/Menu.js +32 -10
  375. package/cjs/internal/Menu/Menu.js.map +1 -1
  376. package/cjs/internal/Menu/Menu.styles.d.ts +2 -0
  377. package/cjs/internal/Menu/Menu.styles.js +21 -7
  378. package/cjs/internal/Menu/Menu.styles.js.map +1 -1
  379. package/cjs/internal/MenuMessage/MenuMessage.d.ts +10 -0
  380. package/cjs/internal/MenuMessage/MenuMessage.js +43 -0
  381. package/cjs/internal/MenuMessage/MenuMessage.js.map +1 -0
  382. package/cjs/internal/MenuMessage/MenuMessage.styles.d.ts +5 -0
  383. package/cjs/internal/MenuMessage/MenuMessage.styles.js +33 -0
  384. package/cjs/internal/MenuMessage/MenuMessage.styles.js.map +1 -0
  385. package/cjs/internal/MenuMessage/index.d.ts +1 -0
  386. package/cjs/internal/MenuMessage/index.js +1 -0
  387. package/cjs/internal/MenuMessage/index.js.map +1 -0
  388. package/cjs/internal/MobilePopup/MobilePopup.d.ts +13 -12
  389. package/cjs/internal/MobilePopup/MobilePopup.js +6 -60
  390. package/cjs/internal/MobilePopup/MobilePopup.js.map +1 -1
  391. package/cjs/internal/MobilePopup/MobilePopup.styles.d.ts +3 -3
  392. package/cjs/internal/MobilePopup/MobilePopup.styles.js +22 -24
  393. package/cjs/internal/MobilePopup/MobilePopup.styles.js.map +1 -1
  394. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +3 -4
  395. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +26 -37
  396. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  397. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +2 -4
  398. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +8 -32
  399. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +1 -1
  400. package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js.map +1 -1
  401. package/cjs/internal/Popup/Popup.d.ts +18 -18
  402. package/cjs/internal/Popup/Popup.js +60 -22
  403. package/cjs/internal/Popup/Popup.js.map +1 -1
  404. package/cjs/internal/Popup/PopupHelper.d.ts +1 -1
  405. package/cjs/internal/Popup/PopupHelper.js.map +1 -1
  406. package/cjs/internal/Popup/PopupPin.d.ts +1 -1
  407. package/cjs/internal/Popup/PopupPin.js.map +1 -1
  408. package/cjs/internal/PopupMenu/PopupMenu.d.ts +8 -11
  409. package/cjs/internal/PopupMenu/PopupMenu.js +8 -1
  410. package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
  411. package/cjs/internal/RenderLayer/RenderLayer.d.ts +5 -4
  412. package/cjs/internal/RenderLayer/RenderLayer.js +12 -2
  413. package/cjs/internal/RenderLayer/RenderLayer.js.map +1 -1
  414. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts +11 -6
  415. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js +7 -0
  416. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js.map +1 -1
  417. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.d.ts +7 -6
  418. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js +2 -3
  419. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js.map +1 -1
  420. package/cjs/internal/ThemePlayground/FxInputPlayground.d.ts +6 -4
  421. package/cjs/internal/ThemePlayground/FxInputPlayground.js +5 -5
  422. package/cjs/internal/ThemePlayground/FxInputPlayground.js.map +1 -1
  423. package/cjs/internal/ThemePlayground/HintPlayground.d.ts +1 -1
  424. package/cjs/internal/ThemePlayground/HintPlayground.js.map +1 -1
  425. package/cjs/internal/ThemePlayground/PagingPlayground.d.ts +6 -6
  426. package/cjs/internal/ThemePlayground/PagingPlayground.js +5 -2
  427. package/cjs/internal/ThemePlayground/PagingPlayground.js.map +1 -1
  428. package/cjs/internal/ThemePlayground/Playground.d.ts +1 -1
  429. package/cjs/internal/ThemePlayground/Playground.js.map +1 -1
  430. package/cjs/internal/ThemePlayground/SelectPlayground.d.ts +9 -6
  431. package/cjs/internal/ThemePlayground/SelectPlayground.js +6 -0
  432. package/cjs/internal/ThemePlayground/SelectPlayground.js.map +1 -1
  433. package/cjs/internal/ThemePlayground/SizesGroup.d.ts +2 -2
  434. package/cjs/internal/ThemePlayground/SizesGroup.js +2 -0
  435. package/cjs/internal/ThemePlayground/SizesGroup.js.map +1 -1
  436. package/cjs/internal/ThemePlayground/SwitcherPlayground.d.ts +9 -8
  437. package/cjs/internal/ThemePlayground/SwitcherPlayground.js +6 -1
  438. package/cjs/internal/ThemePlayground/SwitcherPlayground.js.map +1 -1
  439. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +14 -4
  440. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
  441. package/cjs/internal/ThemePlayground/ThemeEditor.d.ts +1 -4
  442. package/cjs/internal/ThemePlayground/ThemeEditor.js.map +1 -1
  443. package/cjs/internal/ThemePlayground/TogglePlayground.d.ts +2 -7
  444. package/cjs/internal/ThemePlayground/TogglePlayground.js +4 -10
  445. package/cjs/internal/ThemePlayground/TogglePlayground.js.map +1 -1
  446. package/cjs/internal/ThemePlayground/TokenInputPlayground.d.ts +6 -4
  447. package/cjs/internal/ThemePlayground/TokenInputPlayground.js +3 -0
  448. package/cjs/internal/ThemePlayground/TokenInputPlayground.js.map +1 -1
  449. package/cjs/internal/ThemePlayground/VariableValue.d.ts +6 -8
  450. package/cjs/internal/ThemePlayground/VariableValue.js +6 -1
  451. package/cjs/internal/ThemePlayground/VariableValue.js.map +1 -1
  452. package/cjs/internal/ThemePlayground/helpers.d.ts +1 -1
  453. package/cjs/internal/ThemePlayground/helpers.js +4 -2
  454. package/cjs/internal/ThemePlayground/helpers.js.map +1 -1
  455. package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map +1 -1
  456. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  457. package/cjs/internal/ZIndex/ZIndex.d.ts +22 -12
  458. package/cjs/internal/ZIndex/ZIndex.js +54 -13
  459. package/cjs/internal/ZIndex/ZIndex.js.map +1 -1
  460. package/cjs/internal/icons/16px/index.js +2 -1
  461. package/cjs/internal/icons/16px/index.js.map +1 -1
  462. package/cjs/internal/icons/20px/svg.js +2 -1
  463. package/cjs/internal/icons/20px/svg.js.map +1 -1
  464. package/cjs/internal/icons/CloudIcon.js +1 -1
  465. package/cjs/internal/icons/CloudIcon.js.map +1 -1
  466. package/cjs/internal/icons/CrossIcon.js +2 -1
  467. package/cjs/internal/icons/CrossIcon.js.map +1 -1
  468. package/cjs/internal/icons/SpinnerIcon.js +3 -1
  469. package/cjs/internal/icons/SpinnerIcon.js.map +1 -1
  470. package/cjs/internal/themes/DarkTheme.d.ts +1 -0
  471. package/cjs/internal/themes/DarkTheme.js +2 -1
  472. package/cjs/internal/themes/DarkTheme.js.map +1 -1
  473. package/cjs/internal/themes/DefaultTheme.d.ts +43 -3
  474. package/cjs/internal/themes/DefaultTheme.js +106 -10
  475. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  476. package/cjs/internal/themes/Theme2022.d.ts +1 -0
  477. package/cjs/internal/themes/Theme2022.js +1 -0
  478. package/cjs/internal/themes/Theme2022.js.map +1 -1
  479. package/cjs/lib/ConditionalHandler.js.map +1 -1
  480. package/cjs/lib/InstanceWithAnchorElement.d.ts +1 -1
  481. package/cjs/lib/InstanceWithAnchorElement.js.map +1 -1
  482. package/cjs/lib/ModalStack.js +2 -2
  483. package/cjs/lib/ModalStack.js.map +1 -1
  484. package/cjs/lib/SSRSafe.d.ts +3 -1
  485. package/cjs/lib/SSRSafe.js +15 -1
  486. package/cjs/lib/SSRSafe.js.map +1 -1
  487. package/cjs/lib/Upgrades.js +5 -0
  488. package/cjs/lib/Upgrades.js.map +1 -1
  489. package/cjs/lib/animation/index.js +1 -0
  490. package/cjs/lib/animation/index.js.map +1 -1
  491. package/cjs/lib/callChildRef/callChildRef.js +1 -1
  492. package/cjs/lib/callChildRef/callChildRef.js.map +1 -1
  493. package/cjs/lib/createPropsGetter.d.ts +2 -1
  494. package/cjs/lib/createPropsGetter.js +3 -0
  495. package/cjs/lib/createPropsGetter.js.map +1 -1
  496. package/cjs/lib/currentEnvironment.js +33 -12
  497. package/cjs/lib/currentEnvironment.js.map +1 -1
  498. package/cjs/lib/date/InternalDateCalculator.d.ts +1 -1
  499. package/cjs/lib/date/InternalDateCalculator.js +1 -1
  500. package/cjs/lib/date/InternalDateCalculator.js.map +1 -1
  501. package/cjs/lib/date/InternalDateValidator.d.ts +1 -1
  502. package/cjs/lib/date/InternalDateValidator.js +9 -2
  503. package/cjs/lib/date/InternalDateValidator.js.map +1 -1
  504. package/cjs/lib/extractKeyboardAction.d.ts +1 -1
  505. package/cjs/lib/extractKeyboardAction.js.map +1 -1
  506. package/cjs/lib/filterProps.js +0 -1
  507. package/cjs/lib/filterProps.js.map +1 -1
  508. package/cjs/lib/listenFocusOutside.d.ts +1 -1
  509. package/cjs/lib/listenFocusOutside.js.map +1 -1
  510. package/cjs/lib/locale/LOCALECONTEXT.md +1 -0
  511. package/cjs/lib/locale/useLocaleForControl.d.ts +1 -1
  512. package/cjs/lib/locale/useLocaleForControl.js.map +1 -1
  513. package/cjs/lib/memo.d.ts +3 -1
  514. package/cjs/lib/memo.js +3 -3
  515. package/cjs/lib/memo.js.map +1 -1
  516. package/cjs/lib/net/fetch.js +2 -2
  517. package/cjs/lib/net/fetch.js.map +1 -1
  518. package/cjs/lib/reactGetTextContent.js +0 -1
  519. package/cjs/lib/reactGetTextContent.js.map +1 -1
  520. package/cjs/lib/rootNode/getRootNode.d.ts +3 -3
  521. package/cjs/lib/rootNode/getRootNode.js +40 -15
  522. package/cjs/lib/rootNode/getRootNode.js.map +1 -1
  523. package/cjs/lib/rootNode/rootNodeDecorator.d.ts +9 -9
  524. package/cjs/lib/rootNode/rootNodeDecorator.js.map +1 -1
  525. package/cjs/lib/styles/ColorFactory.js +2 -2
  526. package/cjs/lib/styles/ColorFactory.js.map +1 -1
  527. package/cjs/lib/styles/ColorFunctions.js.map +1 -1
  528. package/cjs/lib/theming/AnimationKeyframes.d.ts +3 -5
  529. package/cjs/lib/theming/AnimationKeyframes.js +8 -22
  530. package/cjs/lib/theming/AnimationKeyframes.js.map +1 -1
  531. package/cjs/lib/theming/Emotion.js +1 -0
  532. package/cjs/lib/theming/Emotion.js.map +1 -1
  533. package/cjs/lib/theming/ThemeContext.md +26 -18
  534. package/cjs/lib/theming/ThemeFactory.d.ts +1 -1
  535. package/cjs/lib/theming/ThemeFactory.js +10 -1
  536. package/cjs/lib/theming/ThemeFactory.js.map +1 -1
  537. package/cjs/lib/theming/ThemeHelpers.d.ts +13 -4
  538. package/cjs/lib/theming/ThemeHelpers.js +25 -6
  539. package/cjs/lib/theming/ThemeHelpers.js.map +1 -1
  540. package/cjs/lib/theming/themes/DarkTheme.js +1 -1
  541. package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
  542. package/cjs/lib/theming/themes/Theme2022Dark.d.ts +1 -1
  543. package/cjs/lib/theming/themes/Theme2022Dark.js +4 -3
  544. package/cjs/lib/theming/themes/Theme2022Dark.js.map +1 -1
  545. package/cjs/lib/utils.d.ts +6 -5
  546. package/cjs/lib/utils.js +8 -7
  547. package/cjs/lib/utils.js.map +1 -1
  548. package/cjs/lib/withClassWrapper.js +1 -4
  549. package/cjs/lib/withClassWrapper.js.map +1 -1
  550. package/cjs/typings/event-types.d.ts +2 -2
  551. package/cjs/typings/{html-props.d.ts → html.d.ts} +2 -2
  552. package/components/Autocomplete/Autocomplete/Autocomplete.js +53 -17
  553. package/components/Autocomplete/Autocomplete/Autocomplete.js.map +1 -1
  554. package/components/Autocomplete/Autocomplete.d.ts +13 -18
  555. package/components/Autocomplete/Autocomplete.md +15 -1
  556. package/components/Autocomplete/locale/index/index.js +8 -0
  557. package/components/Autocomplete/locale/index/index.js.map +1 -0
  558. package/components/Autocomplete/locale/index/package.json +6 -0
  559. package/components/Autocomplete/locale/index.d.ts +4 -0
  560. package/components/Autocomplete/locale/locales/en/en.js +5 -0
  561. package/components/Autocomplete/locale/locales/en/en.js.map +1 -0
  562. package/components/Autocomplete/locale/locales/en/package.json +6 -0
  563. package/components/Autocomplete/locale/locales/en.d.ts +2 -0
  564. package/components/Autocomplete/locale/locales/ru/package.json +6 -0
  565. package/components/Autocomplete/locale/locales/ru/ru.js +5 -0
  566. package/components/Autocomplete/locale/locales/ru/ru.js.map +1 -0
  567. package/components/Autocomplete/locale/locales/ru.d.ts +2 -0
  568. package/components/Autocomplete/locale/package.json +6 -0
  569. package/components/Autocomplete/locale/types/package.json +6 -0
  570. package/components/Autocomplete/locale/types/types.js +1 -0
  571. package/components/Autocomplete/locale/types/types.js.map +1 -0
  572. package/components/Autocomplete/locale/types.d.ts +5 -0
  573. package/components/Button/Button/Button.js +16 -7
  574. package/components/Button/Button/Button.js.map +1 -1
  575. package/components/Button/Button.d.ts +9 -6
  576. package/components/Button/Button.mixins/Button.mixins.js +1 -1
  577. package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
  578. package/components/Button/Button.styles/Button.styles.js +18 -18
  579. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  580. package/components/Center/Center/Center.js +7 -5
  581. package/components/Center/Center/Center.js.map +1 -1
  582. package/components/Center/Center.d.ts +4 -3
  583. package/components/Checkbox/Checkbox/Checkbox.js +10 -4
  584. package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
  585. package/components/Checkbox/Checkbox.d.ts +5 -1
  586. package/components/Checkbox/Checkbox.md +49 -1
  587. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +1 -1
  588. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  589. package/components/Checkbox/Checkbox.styles.d.ts +1 -1
  590. package/components/ComboBox/ComboBox/ComboBox.js +3 -1
  591. package/components/ComboBox/ComboBox/ComboBox.js.map +1 -1
  592. package/components/ComboBox/ComboBox.d.ts +30 -15
  593. package/components/ComboBox/ComboBox.md +84 -1
  594. package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js +3 -3
  595. package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js.map +1 -1
  596. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js +43 -22
  597. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map +1 -1
  598. package/components/CurrencyInput/CurrencyInput.d.ts +6 -9
  599. package/components/CurrencyInput/CurrencyInput.md +13 -0
  600. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js +4 -2
  601. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js.map +1 -1
  602. package/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +3 -1
  603. package/components/CurrencyInput/constants/constants.js +4 -1
  604. package/components/CurrencyInput/constants/constants.js.map +1 -1
  605. package/components/CurrencyInput/constants.d.ts +3 -0
  606. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +25 -16
  607. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
  608. package/components/CurrencyLabel/CurrencyLabel.d.ts +5 -9
  609. package/components/CurrencyLabel/CurrencyLabel.md +6 -0
  610. package/components/DateInput/DateFragmentsView/DateFragmentsView.js +11 -1
  611. package/components/DateInput/DateFragmentsView/DateFragmentsView.js.map +1 -1
  612. package/components/DateInput/DateFragmentsView.d.ts +1 -1
  613. package/components/DateInput/DateInput/DateInput.js +18 -5
  614. package/components/DateInput/DateInput/DateInput.js.map +1 -1
  615. package/components/DateInput/DateInput.d.ts +9 -12
  616. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js +0 -1
  617. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js.map +1 -1
  618. package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js +2 -2
  619. package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js.map +1 -1
  620. package/components/DatePicker/DatePicker/DatePicker.js +26 -21
  621. package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
  622. package/components/DatePicker/DatePicker.d.ts +14 -16
  623. package/components/DatePicker/DatePicker.md +18 -0
  624. package/components/DatePicker/Picker/Picker.js +5 -1
  625. package/components/DatePicker/Picker/Picker.js.map +1 -1
  626. package/components/Dropdown/Dropdown/Dropdown.js +21 -6
  627. package/components/Dropdown/Dropdown/Dropdown.js.map +1 -1
  628. package/components/Dropdown/Dropdown.d.ts +8 -2
  629. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js +8 -2
  630. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
  631. package/components/DropdownMenu/DropdownMenu.d.ts +7 -7
  632. package/components/DropdownMenu/DropdownMenu.md +68 -1
  633. package/components/FileUploader/FileUploader/FileUploader.js +62 -23
  634. package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
  635. package/components/FileUploader/FileUploader.d.ts +11 -2
  636. package/components/FileUploader/FileUploader.md +13 -1
  637. package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js +8 -0
  638. package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js.map +1 -0
  639. package/components/FileUploader/FileUploader.mixins/package.json +6 -0
  640. package/components/FileUploader/FileUploader.mixins.d.ts +1 -0
  641. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +51 -17
  642. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
  643. package/components/FileUploader/FileUploader.styles.d.ts +12 -1
  644. package/components/FxInput/FxInput/FxInput.js +15 -10
  645. package/components/FxInput/FxInput/FxInput.js.map +1 -1
  646. package/components/FxInput/FxInput.d.ts +6 -6
  647. package/components/FxInput/FxInput.md +13 -0
  648. package/components/Gapped/Gapped/Gapped.js +17 -8
  649. package/components/Gapped/Gapped/Gapped.js.map +1 -1
  650. package/components/Gapped/Gapped.d.ts +7 -8
  651. package/components/GlobalLoader/GlobalLoader/GlobalLoader.js +35 -16
  652. package/components/GlobalLoader/GlobalLoader/GlobalLoader.js.map +1 -1
  653. package/components/GlobalLoader/GlobalLoader.d.ts +7 -14
  654. package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map +1 -1
  655. package/components/GlobalLoader/GlobalLoaderView.d.ts +2 -2
  656. package/components/Group/Group/Group.js +5 -5
  657. package/components/Group/Group/Group.js.map +1 -1
  658. package/components/Group/Group.d.ts +1 -0
  659. package/components/Hint/Hint/Hint.js +42 -39
  660. package/components/Hint/Hint/Hint.js.map +1 -1
  661. package/components/Hint/Hint.d.ts +9 -15
  662. package/components/Hint/Hint.md +43 -0
  663. package/components/Hint/Hint.styles/Hint.styles.js +2 -5
  664. package/components/Hint/Hint.styles/Hint.styles.js.map +1 -1
  665. package/components/Hint/Hint.styles.d.ts +0 -1
  666. package/components/Input/Input/Input.js +36 -16
  667. package/components/Input/Input/Input.js.map +1 -1
  668. package/components/Input/Input.d.ts +9 -4
  669. package/components/Input/Input.md +17 -1
  670. package/components/Input/Input.styles/Input.styles.js +13 -10
  671. package/components/Input/Input.styles/Input.styles.js.map +1 -1
  672. package/components/Input/Input.styles.d.ts +1 -0
  673. package/components/Kebab/Kebab/Kebab.js +21 -9
  674. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  675. package/components/Kebab/Kebab.d.ts +13 -16
  676. package/components/Link/Link/Link.js +10 -7
  677. package/components/Link/Link/Link.js.map +1 -1
  678. package/components/Link/Link.d.ts +5 -7
  679. package/components/Loader/Loader/Loader.js +24 -17
  680. package/components/Loader/Loader/Loader.js.map +1 -1
  681. package/components/Loader/Loader.d.ts +20 -7
  682. package/components/Loader/Loader.md +30 -23
  683. package/components/Loader/__stories__/LoaderAndButton/LoaderAndButton.js.map +1 -1
  684. package/components/MenuHeader/MenuHeader/MenuHeader.js +1 -1
  685. package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
  686. package/components/MenuHeader/MenuHeader.d.ts +1 -1
  687. package/components/MenuItem/MenuItem/MenuItem.js +51 -15
  688. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  689. package/components/MenuItem/MenuItem.d.ts +19 -3
  690. package/components/MenuItem/MenuItem.styles/MenuItem.styles.js +31 -9
  691. package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map +1 -1
  692. package/components/MenuItem/MenuItem.styles.d.ts +5 -0
  693. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +11 -4
  694. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
  695. package/components/MenuSeparator/MenuSeparator.d.ts +1 -1
  696. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js +4 -1
  697. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map +1 -1
  698. package/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -0
  699. package/components/Modal/Modal/Modal.js +5 -3
  700. package/components/Modal/Modal/Modal.js.map +1 -1
  701. package/components/Modal/Modal.d.ts +4 -3
  702. package/components/Modal/Modal.styles/Modal.styles.js +3 -3
  703. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  704. package/components/Modal/Modal.styles.d.ts +2 -2
  705. package/components/Modal/ModalBody/ModalBody.js +2 -2
  706. package/components/Modal/ModalBody/ModalBody.js.map +1 -1
  707. package/components/Modal/ModalFooter/ModalFooter.js +9 -3
  708. package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
  709. package/components/Modal/ModalFooter.d.ts +14 -0
  710. package/components/Modal/ModalHeader/ModalHeader.js +2 -2
  711. package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
  712. package/components/Paging/Paging/Paging.js +36 -23
  713. package/components/Paging/Paging/Paging.js.map +1 -1
  714. package/components/Paging/Paging.d.ts +7 -10
  715. package/components/Paging/Paging.md +13 -0
  716. package/components/Paging/Paging.styles/Paging.styles.js +27 -15
  717. package/components/Paging/Paging.styles/Paging.styles.js.map +1 -1
  718. package/components/Paging/Paging.styles.d.ts +6 -2
  719. package/components/Paging/PagingDefaultComponent/PagingDefaultComponent.js.map +1 -1
  720. package/components/Paging/PagingDefaultComponent.d.ts +3 -3
  721. package/components/PasswordInput/PasswordInput/PasswordInput.js +14 -13
  722. package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
  723. package/components/PasswordInput/PasswordInput.d.ts +4 -3
  724. package/components/Radio/Radio/Radio.js +11 -6
  725. package/components/Radio/Radio/Radio.js.map +1 -1
  726. package/components/Radio/Radio.d.ts +4 -3
  727. package/components/RadioGroup/RadioGroup/RadioGroup.js +21 -28
  728. package/components/RadioGroup/RadioGroup/RadioGroup.js.map +1 -1
  729. package/components/RadioGroup/RadioGroup.d.ts +7 -19
  730. package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js +5 -8
  731. package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map +1 -1
  732. package/components/ResponsiveLayout/ResponsiveLayout.d.ts +6 -5
  733. package/components/ResponsiveLayout/ResponsiveLayout.md +31 -0
  734. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js +20 -12
  735. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js.map +1 -1
  736. package/components/ResponsiveLayout/decorator.d.ts +1 -1
  737. package/components/ResponsiveLayout/types.d.ts +9 -1
  738. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js +42 -17
  739. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js.map +1 -1
  740. package/components/ResponsiveLayout/useResponsiveLayout.d.ts +2 -2
  741. package/components/ScrollContainer/ScrollBar/ScrollBar.js +67 -10
  742. package/components/ScrollContainer/ScrollBar/ScrollBar.js.map +1 -1
  743. package/components/ScrollContainer/ScrollBar.d.ts +12 -2
  744. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +34 -12
  745. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  746. package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js +3 -2
  747. package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js.map +1 -1
  748. package/components/ScrollContainer/ScrollContainer.d.ts +29 -8
  749. package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js +8 -5
  750. package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js.map +1 -1
  751. package/components/ScrollContainer/ScrollContainer.md +52 -0
  752. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js +30 -7
  753. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map +1 -1
  754. package/components/ScrollContainer/ScrollContainer.styles.d.ts +9 -0
  755. package/components/Select/Item/Item.js.map +1 -1
  756. package/components/Select/Item.d.ts +4 -2
  757. package/components/Select/Select/Select.js +35 -54
  758. package/components/Select/Select/Select.js.map +1 -1
  759. package/components/Select/Select.d.ts +13 -38
  760. package/components/Select/Select.md +14 -0
  761. package/components/Select/Select.styles/Select.styles.js +4 -4
  762. package/components/Select/Select.styles/Select.styles.js.map +1 -1
  763. package/components/Select/selectTheme/selectTheme.js +1 -0
  764. package/components/Select/selectTheme/selectTheme.js.map +1 -1
  765. package/components/SidePage/SidePage/SidePage.js +14 -6
  766. package/components/SidePage/SidePage/SidePage.js.map +1 -1
  767. package/components/SidePage/SidePage.d.ts +9 -6
  768. package/components/SidePage/SidePageFooter/SidePageFooter.js +6 -1
  769. package/components/SidePage/SidePageFooter/SidePageFooter.js.map +1 -1
  770. package/components/SidePage/SidePageFooter.d.ts +15 -5
  771. package/components/SidePage/SidePageHeader/SidePageHeader.js +1 -1
  772. package/components/SidePage/SidePageHeader/SidePageHeader.js.map +1 -1
  773. package/components/SidePage/SidePageHeader.d.ts +1 -1
  774. package/components/Spinner/Spinner/Spinner.js +8 -6
  775. package/components/Spinner/Spinner/Spinner.js.map +1 -1
  776. package/components/Spinner/Spinner.d.ts +15 -4
  777. package/components/Spinner/Spinner.styles/Spinner.styles.js +3 -3
  778. package/components/Spinner/Spinner.styles/Spinner.styles.js.map +1 -1
  779. package/components/Spinner/Spinner.styles.d.ts +1 -1
  780. package/components/Sticky/Sticky/Sticky.js +8 -5
  781. package/components/Sticky/Sticky/Sticky.js.map +1 -1
  782. package/components/Sticky/Sticky.d.ts +7 -6
  783. package/components/Switcher/Switcher/Switcher.js +77 -38
  784. package/components/Switcher/Switcher/Switcher.js.map +1 -1
  785. package/components/Switcher/Switcher.d.ts +12 -3
  786. package/components/Switcher/Switcher.md +97 -0
  787. package/components/Switcher/helpers/helpers.js +3 -0
  788. package/components/Switcher/helpers/helpers.js.map +1 -0
  789. package/components/Switcher/helpers/package.json +6 -0
  790. package/components/Switcher/helpers.d.ts +1 -0
  791. package/components/Tabs/Indicator/Indicator.js +1 -1
  792. package/components/Tabs/Indicator/Indicator.js.map +1 -1
  793. package/components/Tabs/Indicator.d.ts +1 -1
  794. package/components/Tabs/Tab/Tab.js +18 -15
  795. package/components/Tabs/Tab/Tab.js.map +1 -1
  796. package/components/Tabs/Tab.d.ts +9 -13
  797. package/components/Tabs/Tabs/Tabs.js +15 -18
  798. package/components/Tabs/Tabs/Tabs.js.map +1 -1
  799. package/components/Tabs/Tabs.d.ts +9 -13
  800. package/components/Textarea/Textarea/Textarea.js +25 -16
  801. package/components/Textarea/Textarea/Textarea.js.map +1 -1
  802. package/components/Textarea/Textarea.d.ts +9 -10
  803. package/components/Textarea/Textarea.md +19 -0
  804. package/components/Textarea/TextareaCounter/TextareaCounter.js +2 -1
  805. package/components/Textarea/TextareaCounter/TextareaCounter.js.map +1 -1
  806. package/components/Textarea/TextareaCounter.d.ts +2 -2
  807. package/components/Toast/Toast/Toast.js +16 -9
  808. package/components/Toast/Toast/Toast.js.map +1 -1
  809. package/components/Toast/Toast.d.ts +6 -3
  810. package/components/Toast/Toast.md +129 -0
  811. package/components/Toast/ToastStatic/ToastStatic.js +5 -5
  812. package/components/Toast/ToastStatic/ToastStatic.js.map +1 -1
  813. package/components/Toast/ToastStatic.d.ts +3 -2
  814. package/components/Toggle/Toggle/Toggle.js +17 -9
  815. package/components/Toggle/Toggle/Toggle.js.map +1 -1
  816. package/components/Toggle/Toggle.d.ts +10 -7
  817. package/components/Token/Token/Token.js +6 -2
  818. package/components/Token/Token/Token.js.map +1 -1
  819. package/components/Token/Token.d.ts +6 -1
  820. package/components/Token/Token.styles/Token.styles.js +1 -1
  821. package/components/Token/Token.styles/Token.styles.js.map +1 -1
  822. package/components/TokenInput/TokenInput/TokenInput.js +180 -132
  823. package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
  824. package/components/TokenInput/TokenInput.d.ts +27 -17
  825. package/components/TokenInput/TokenInput.md +26 -0
  826. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js +1 -1
  827. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map +1 -1
  828. package/components/TokenInput/TokenInputMenu/TokenInputMenu.js +1 -1
  829. package/components/TokenInput/TokenInputMenu/TokenInputMenu.js.map +1 -1
  830. package/components/TokenInput/TokenInputMenu.d.ts +2 -1
  831. package/components/Tooltip/Tooltip/Tooltip.js +65 -70
  832. package/components/Tooltip/Tooltip/Tooltip.js.map +1 -1
  833. package/components/Tooltip/Tooltip.d.ts +14 -21
  834. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js +15 -13
  835. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
  836. package/components/TooltipMenu/TooltipMenu.d.ts +8 -7
  837. package/components/TooltipMenu/TooltipMenu.md +28 -1
  838. package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js +2 -2
  839. package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map +1 -1
  840. package/hooks/useEffectWithoutInitCall.d.ts +2 -2
  841. package/hooks/useMemoObject/useMemoObject.js.map +1 -1
  842. package/hooks/useMemoObject.d.ts +2 -1
  843. package/index.d.ts +2 -0
  844. package/index.js +3 -1
  845. package/index.js.map +1 -1
  846. package/internal/BGRuler/BGRuler.js +11 -6
  847. package/internal/BGRuler/BGRuler.js.map +1 -1
  848. package/internal/BGRuler.d.ts +13 -15
  849. package/internal/Calendar/Calendar/Calendar.js +11 -5
  850. package/internal/Calendar/Calendar/Calendar.js.map +1 -1
  851. package/internal/Calendar/Calendar.d.ts +4 -13
  852. package/internal/Calendar/DayCellView.styles/DayCellView.styles.js +1 -1
  853. package/internal/Calendar/DayCellView.styles/DayCellView.styles.js.map +1 -1
  854. package/internal/Calendar/Month/Month.js +20 -11
  855. package/internal/Calendar/Month/Month.js.map +1 -1
  856. package/internal/Calendar/MonthViewModel.d.ts +1 -1
  857. package/internal/Calendar/config.d.ts +1 -8
  858. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js +3 -2
  859. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map +1 -1
  860. package/internal/CommonWrapper/CommonWrapper.d.ts +1 -1
  861. package/internal/ComponentCombinator/ComponentCombinator.js +8 -5
  862. package/internal/ComponentCombinator/ComponentCombinator.js.map +1 -1
  863. package/internal/ComponentCombinator.d.ts +6 -8
  864. package/internal/ComponentTable/ComponentTable.js +16 -4
  865. package/internal/ComponentTable/ComponentTable.js.map +1 -1
  866. package/internal/ComponentTable.d.ts +7 -8
  867. package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js +30 -35
  868. package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js.map +1 -1
  869. package/internal/CustomComboBox/ComboBoxMenu.d.ts +7 -6
  870. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +32 -15
  871. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
  872. package/internal/CustomComboBox/ComboBoxView.d.ts +9 -14
  873. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +3 -0
  874. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
  875. package/internal/CustomComboBox/CustomComboBox.d.ts +5 -2
  876. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +9 -6
  877. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
  878. package/internal/DataTids/DataTids/DataTids.js.map +1 -1
  879. package/internal/DataTids/DataTids.d.ts +5 -5
  880. package/internal/DateSelect/DateSelect/DateSelect.js +15 -12
  881. package/internal/DateSelect/DateSelect/DateSelect.js.map +1 -1
  882. package/internal/DateSelect/DateSelect.d.ts +4 -6
  883. package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js +23 -14
  884. package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js.map +1 -1
  885. package/internal/DropdownContainer/DropdownContainer.d.ts +8 -7
  886. package/internal/DropdownContainer/getManualPosition/getManualPosition.js +36 -0
  887. package/internal/DropdownContainer/getManualPosition/getManualPosition.js.map +1 -0
  888. package/internal/DropdownContainer/getManualPosition/package.json +6 -0
  889. package/internal/DropdownContainer/getManualPosition.d.ts +19 -0
  890. package/internal/FileUploaderControl/FileUploaderControlContext/FileUploaderControlContext.js.map +1 -1
  891. package/internal/FileUploaderControl/FileUploaderControlContext.d.ts +2 -0
  892. package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js +7 -1
  893. package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map +1 -1
  894. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js +40 -13
  895. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map +1 -1
  896. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +3 -0
  897. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js +26 -5
  898. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js.map +1 -1
  899. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +7 -0
  900. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js +13 -3
  901. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  902. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts +2 -0
  903. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js +10 -1
  904. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js.map +1 -1
  905. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +3 -0
  906. package/internal/FileUploaderControl/hooks/useFileUploaderSize/package.json +6 -0
  907. package/internal/FileUploaderControl/hooks/useFileUploaderSize/useFileUploaderSize.js +21 -0
  908. package/internal/FileUploaderControl/hooks/useFileUploaderSize/useFileUploaderSize.js.map +1 -0
  909. package/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts +2 -0
  910. package/internal/FileUploaderControl/withFileUploaderControlProvider/withFileUploaderControlProvider.js.map +1 -1
  911. package/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts +1 -1
  912. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js +2 -1
  913. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  914. package/internal/InputLikeText/InputLikeText/InputLikeText.js +17 -7
  915. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  916. package/internal/InputLikeText/InputLikeText.d.ts +5 -3
  917. package/internal/InternalMenu/InternalMenu/InternalMenu.js +62 -23
  918. package/internal/InternalMenu/InternalMenu/InternalMenu.js.map +1 -1
  919. package/internal/InternalMenu/InternalMenu.d.ts +4 -9
  920. package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js +13 -10
  921. package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js.map +1 -1
  922. package/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
  923. package/internal/MaskedInput/MaskedInput/MaskedInput.js +16 -7
  924. package/internal/MaskedInput/MaskedInput/MaskedInput.js.map +1 -1
  925. package/internal/MaskedInput/MaskedInput.d.ts +5 -2
  926. package/internal/Menu/Menu/Menu.js +24 -10
  927. package/internal/Menu/Menu/Menu.js.map +1 -1
  928. package/internal/Menu/Menu.d.ts +5 -7
  929. package/internal/Menu/Menu.styles/Menu.styles.js +13 -7
  930. package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
  931. package/internal/Menu/Menu.styles.d.ts +2 -0
  932. package/internal/MenuMessage/MenuMessage/MenuMessage.js +31 -0
  933. package/internal/MenuMessage/MenuMessage/MenuMessage.js.map +1 -0
  934. package/internal/MenuMessage/MenuMessage/package.json +6 -0
  935. package/internal/MenuMessage/MenuMessage.d.ts +10 -0
  936. package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js +23 -0
  937. package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js.map +1 -0
  938. package/internal/MenuMessage/MenuMessage.styles/package.json +6 -0
  939. package/internal/MenuMessage/MenuMessage.styles.d.ts +5 -0
  940. package/internal/MenuMessage/index/index.js +1 -0
  941. package/internal/MenuMessage/index/index.js.map +1 -0
  942. package/internal/MenuMessage/index/package.json +6 -0
  943. package/internal/MenuMessage/index.d.ts +1 -0
  944. package/internal/MenuMessage/package.json +6 -0
  945. package/internal/MobilePopup/MobilePopup/MobilePopup.js +23 -53
  946. package/internal/MobilePopup/MobilePopup/MobilePopup.js.map +1 -1
  947. package/internal/MobilePopup/MobilePopup.d.ts +13 -12
  948. package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js +11 -11
  949. package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js.map +1 -1
  950. package/internal/MobilePopup/MobilePopup.styles.d.ts +3 -3
  951. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js +11 -35
  952. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  953. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +3 -4
  954. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js +6 -12
  955. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js.map +1 -1
  956. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +2 -4
  957. package/internal/PerformanceMetrics/PerformanceMetrics/PerformanceMetrics.js.map +1 -1
  958. package/internal/Popup/Popup/Popup.js +69 -38
  959. package/internal/Popup/Popup/Popup.js.map +1 -1
  960. package/internal/Popup/Popup.d.ts +18 -18
  961. package/internal/Popup/PopupHelper/PopupHelper.js.map +1 -1
  962. package/internal/Popup/PopupHelper.d.ts +1 -1
  963. package/internal/Popup/PopupPin/PopupPin.js.map +1 -1
  964. package/internal/Popup/PopupPin.d.ts +1 -1
  965. package/internal/PopupMenu/PopupMenu/PopupMenu.js +12 -4
  966. package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
  967. package/internal/PopupMenu/PopupMenu.d.ts +8 -11
  968. package/internal/RenderLayer/RenderLayer/RenderLayer.js +10 -6
  969. package/internal/RenderLayer/RenderLayer/RenderLayer.js.map +1 -1
  970. package/internal/RenderLayer/RenderLayer.d.ts +5 -4
  971. package/internal/ThemePlayground/AnotherInputsPlayground/AnotherInputsPlayground.js.map +1 -1
  972. package/internal/ThemePlayground/AnotherInputsPlayground.d.ts +11 -6
  973. package/internal/ThemePlayground/CurrencyInputPlayground/CurrencyInputPlayground.js.map +1 -1
  974. package/internal/ThemePlayground/CurrencyInputPlayground.d.ts +7 -6
  975. package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js +10 -6
  976. package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js.map +1 -1
  977. package/internal/ThemePlayground/FxInputPlayground.d.ts +6 -4
  978. package/internal/ThemePlayground/HintPlayground/HintPlayground.js.map +1 -1
  979. package/internal/ThemePlayground/HintPlayground.d.ts +1 -1
  980. package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js +2 -2
  981. package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js.map +1 -1
  982. package/internal/ThemePlayground/PagingPlayground.d.ts +6 -6
  983. package/internal/ThemePlayground/Playground/Playground.js.map +1 -1
  984. package/internal/ThemePlayground/Playground.d.ts +1 -1
  985. package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js.map +1 -1
  986. package/internal/ThemePlayground/SelectPlayground.d.ts +9 -6
  987. package/internal/ThemePlayground/SizesGroup/SizesGroup.js.map +1 -1
  988. package/internal/ThemePlayground/SizesGroup.d.ts +2 -2
  989. package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js.map +1 -1
  990. package/internal/ThemePlayground/SwitcherPlayground.d.ts +9 -8
  991. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +13 -3
  992. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
  993. package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map +1 -1
  994. package/internal/ThemePlayground/ThemeEditor.d.ts +1 -4
  995. package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js +5 -17
  996. package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js.map +1 -1
  997. package/internal/ThemePlayground/TogglePlayground.d.ts +2 -7
  998. package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js.map +1 -1
  999. package/internal/ThemePlayground/TokenInputPlayground.d.ts +6 -4
  1000. package/internal/ThemePlayground/VariableValue/VariableValue.js +4 -2
  1001. package/internal/ThemePlayground/VariableValue/VariableValue.js.map +1 -1
  1002. package/internal/ThemePlayground/VariableValue.d.ts +6 -8
  1003. package/internal/ThemePlayground/helpers/helpers.js +0 -1
  1004. package/internal/ThemePlayground/helpers/helpers.js.map +1 -1
  1005. package/internal/ThemePlayground/helpers.d.ts +1 -1
  1006. package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map +1 -1
  1007. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  1008. package/internal/ZIndex/ZIndex/ZIndex.js +48 -24
  1009. package/internal/ZIndex/ZIndex/ZIndex.js.map +1 -1
  1010. package/internal/ZIndex/ZIndex.d.ts +22 -12
  1011. package/internal/icons/16px/index/index.js +2 -1
  1012. package/internal/icons/16px/index/index.js.map +1 -1
  1013. package/internal/icons/20px/svg/svg.js +2 -1
  1014. package/internal/icons/20px/svg/svg.js.map +1 -1
  1015. package/internal/icons/CloudIcon/CloudIcon.js +3 -1
  1016. package/internal/icons/CloudIcon/CloudIcon.js.map +1 -1
  1017. package/internal/icons/CrossIcon/CrossIcon.js +2 -1
  1018. package/internal/icons/CrossIcon/CrossIcon.js.map +1 -1
  1019. package/internal/icons/SpinnerIcon/SpinnerIcon.js +3 -1
  1020. package/internal/icons/SpinnerIcon/SpinnerIcon.js.map +1 -1
  1021. package/internal/themes/DarkTheme/DarkTheme.js +1 -0
  1022. package/internal/themes/DarkTheme/DarkTheme.js.map +1 -1
  1023. package/internal/themes/DarkTheme.d.ts +1 -0
  1024. package/internal/themes/DefaultTheme/DefaultTheme.js +166 -17
  1025. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  1026. package/internal/themes/DefaultTheme.d.ts +43 -3
  1027. package/internal/themes/Theme2022/Theme2022.js +1 -0
  1028. package/internal/themes/Theme2022/Theme2022.js.map +1 -1
  1029. package/internal/themes/Theme2022.d.ts +1 -0
  1030. package/lib/ConditionalHandler/ConditionalHandler.js.map +1 -1
  1031. package/lib/InstanceWithAnchorElement/InstanceWithAnchorElement.js.map +1 -1
  1032. package/lib/InstanceWithAnchorElement.d.ts +1 -1
  1033. package/lib/ModalStack/ModalStack.js +2 -2
  1034. package/lib/ModalStack/ModalStack.js.map +1 -1
  1035. package/lib/SSRSafe/SSRSafe.js +12 -0
  1036. package/lib/SSRSafe/SSRSafe.js.map +1 -1
  1037. package/lib/SSRSafe.d.ts +3 -1
  1038. package/lib/Upgrades/Upgrades.js +4 -1
  1039. package/lib/Upgrades/Upgrades.js.map +1 -1
  1040. package/lib/animation/index/index.js +1 -1
  1041. package/lib/animation/index/index.js.map +1 -1
  1042. package/lib/callChildRef/callChildRef/callChildRef.js +1 -1
  1043. package/lib/callChildRef/callChildRef/callChildRef.js.map +1 -1
  1044. package/lib/createPropsGetter/createPropsGetter.js +1 -0
  1045. package/lib/createPropsGetter/createPropsGetter.js.map +1 -1
  1046. package/lib/createPropsGetter.d.ts +2 -1
  1047. package/lib/currentEnvironment/currentEnvironment.js +34 -14
  1048. package/lib/currentEnvironment/currentEnvironment.js.map +1 -1
  1049. package/lib/date/InternalDateCalculator/InternalDateCalculator.js +1 -2
  1050. package/lib/date/InternalDateCalculator/InternalDateCalculator.js.map +1 -1
  1051. package/lib/date/InternalDateCalculator.d.ts +1 -1
  1052. package/lib/date/InternalDateValidator/InternalDateValidator.js +8 -2
  1053. package/lib/date/InternalDateValidator/InternalDateValidator.js.map +1 -1
  1054. package/lib/date/InternalDateValidator.d.ts +1 -1
  1055. package/lib/extractKeyboardAction/extractKeyboardAction.js.map +1 -1
  1056. package/lib/extractKeyboardAction.d.ts +1 -1
  1057. package/lib/filterProps/filterProps.js +0 -1
  1058. package/lib/filterProps/filterProps.js.map +1 -1
  1059. package/lib/listenFocusOutside/listenFocusOutside.js.map +1 -1
  1060. package/lib/listenFocusOutside.d.ts +1 -1
  1061. package/lib/locale/LOCALECONTEXT.md +1 -0
  1062. package/lib/locale/useLocaleForControl/useLocaleForControl.js.map +1 -1
  1063. package/lib/locale/useLocaleForControl.d.ts +1 -1
  1064. package/lib/memo/memo.js +2 -4
  1065. package/lib/memo/memo.js.map +1 -1
  1066. package/lib/memo.d.ts +3 -1
  1067. package/lib/net/fetch/fetch.js +2 -2
  1068. package/lib/net/fetch/fetch.js.map +1 -1
  1069. package/lib/reactGetTextContent/reactGetTextContent.js +0 -1
  1070. package/lib/reactGetTextContent/reactGetTextContent.js.map +1 -1
  1071. package/lib/rootNode/getRootNode/getRootNode.js +32 -14
  1072. package/lib/rootNode/getRootNode/getRootNode.js.map +1 -1
  1073. package/lib/rootNode/getRootNode.d.ts +3 -3
  1074. package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map +1 -1
  1075. package/lib/rootNode/rootNodeDecorator.d.ts +9 -9
  1076. package/lib/styles/ColorFactory/ColorFactory.js +3 -1
  1077. package/lib/styles/ColorFactory/ColorFactory.js.map +1 -1
  1078. package/lib/styles/ColorFunctions/ColorFunctions.js.map +1 -1
  1079. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js +8 -14
  1080. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map +1 -1
  1081. package/lib/theming/AnimationKeyframes.d.ts +3 -5
  1082. package/lib/theming/Emotion/Emotion.js.map +1 -1
  1083. package/lib/theming/ThemeContext.md +26 -18
  1084. package/lib/theming/ThemeFactory/ThemeFactory.js +11 -2
  1085. package/lib/theming/ThemeFactory/ThemeFactory.js.map +1 -1
  1086. package/lib/theming/ThemeFactory.d.ts +1 -1
  1087. package/lib/theming/ThemeHelpers/ThemeHelpers.js +19 -5
  1088. package/lib/theming/ThemeHelpers/ThemeHelpers.js.map +1 -1
  1089. package/lib/theming/ThemeHelpers.d.ts +13 -4
  1090. package/lib/theming/themes/DarkTheme/DarkTheme.js +2 -2
  1091. package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
  1092. package/lib/theming/themes/Theme2022Dark/Theme2022Dark.js +2 -1
  1093. package/lib/theming/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
  1094. package/lib/theming/themes/Theme2022Dark.d.ts +1 -1
  1095. package/lib/utils/utils.js +2 -3
  1096. package/lib/utils/utils.js.map +1 -1
  1097. package/lib/utils.d.ts +6 -5
  1098. package/lib/withClassWrapper/withClassWrapper.js +1 -4
  1099. package/lib/withClassWrapper/withClassWrapper.js.map +1 -1
  1100. package/package.json +9 -25
  1101. package/typings/event-types.d.ts +2 -2
  1102. package/typings/{html-props.d.ts → html.d.ts} +2 -2
@@ -22,7 +22,7 @@ var globalClasses = (0, _Emotion.prefix)('button')({
22
22
 
23
23
  var styles = (0, _Emotion.memoizeStyle)({
24
24
  root: function root(t) {
25
- return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n ", ";\n\n background-clip: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .", " {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active .", " {\n transform: translateY(1px);\n }\n "])),
25
+ return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n ", ";\n\n background-clip: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .", " {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active:enabled .", " {\n transform: translateY(1px);\n }\n "])),
26
26
  (0, _Mixins.resetButton)(),
27
27
  (0, _Mixins.resetText)(),
28
28
 
@@ -185,7 +185,7 @@ var styles = (0, _Emotion.memoizeStyle)({
185
185
  },
186
186
 
187
187
  link: function link(t) {
188
- return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ", ";\n text-decoration: ", ";\n }\n &:active {\n ", "\n }\n "])),
188
+ return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled {\n color: ", ";\n text-decoration: ", ";\n }\n &:active:enabled {\n ", "\n }\n "])),
189
189
 
190
190
  t.btnLinkBorderRadius,
191
191
 
@@ -216,7 +216,7 @@ var styles = (0, _Emotion.memoizeStyle)({
216
216
  },
217
217
 
218
218
  linkDisabled: function linkDisabled(t) {
219
- return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\n color: ", ";\n }\n "])),
219
+ return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n }\n "])),
220
220
 
221
221
 
222
222
 
@@ -229,7 +229,7 @@ var styles = (0, _Emotion.memoizeStyle)({
229
229
  },
230
230
 
231
231
  focus: function focus(t) {
232
- return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n position: relative;\n z-index: 2;\n\n &,\n &:hover,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", ";\n }\n "])),
232
+ return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", ";\n }\n "])),
233
233
 
234
234
 
235
235
 
@@ -355,7 +355,7 @@ var styles = (0, _Emotion.memoizeStyle)({
355
355
  },
356
356
 
357
357
  default: function _default(t) {
358
- return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active {\n ", "\n }\n "])),
358
+ return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active:enabled {\n ", "\n }\n "])),
359
359
  (0, _Button.buttonUseMixin)(
360
360
  t.btnDefaultBg,
361
361
  t.btnDefaultBgStart,
@@ -382,7 +382,7 @@ var styles = (0, _Emotion.memoizeStyle)({
382
382
  },
383
383
 
384
384
  primary: function primary(t) {
385
- return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active {\n ", "\n }\n "])),
385
+ return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active:enabled {\n ", "\n }\n "])),
386
386
  (0, _Button.buttonUseMixin)(
387
387
  t.btnPrimaryBg,
388
388
  t.btnPrimaryBgStart,
@@ -409,7 +409,7 @@ var styles = (0, _Emotion.memoizeStyle)({
409
409
  },
410
410
 
411
411
  success: function success(t) {
412
- return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active {\n ", "\n }\n "])),
412
+ return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active:enabled {\n ", "\n }\n "])),
413
413
  (0, _Button.buttonUseMixin)(
414
414
  t.btnSuccessBg,
415
415
  t.btnSuccessBgStart,
@@ -436,7 +436,7 @@ var styles = (0, _Emotion.memoizeStyle)({
436
436
  },
437
437
 
438
438
  danger: function danger(t) {
439
- return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active {\n ", "\n }\n "])),
439
+ return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active:enabled {\n ", "\n }\n "])),
440
440
  (0, _Button.buttonUseMixin)(
441
441
  t.btnDangerBg,
442
442
  t.btnDangerBgStart,
@@ -463,7 +463,7 @@ var styles = (0, _Emotion.memoizeStyle)({
463
463
  },
464
464
 
465
465
  pay: function pay(t) {
466
- return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active {\n ", "\n }\n "])),
466
+ return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", ";\n\n ", ";\n\n &:active:enabled {\n ", "\n }\n "])),
467
467
  (0, _Button.buttonUseMixin)(
468
468
  t.btnPayBg,
469
469
  t.btnPayBgStart,
@@ -509,7 +509,7 @@ var styles = (0, _Emotion.memoizeStyle)({
509
509
 
510
510
 
511
511
 
512
- return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", "\n\n &:hover,\n &:active,\n &:hover:active {\n ", "\n }\n "])),
512
+ return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n ", "\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ", "\n }\n "])),
513
513
  checkedStyles,
514
514
 
515
515
 
@@ -521,7 +521,7 @@ var styles = (0, _Emotion.memoizeStyle)({
521
521
  },
522
522
 
523
523
  checkedFocused: function checkedFocused(t) {
524
- return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n &:hover {\n box-shadow: inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", ";\n border-color: ", ";\n }\n "])),
524
+ return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n &:hover:enabled {\n box-shadow: inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", ";\n border-color: ", ";\n }\n "])),
525
525
 
526
526
  t.btnInsetWidth, t.btnOutlineColorFocus,
527
527
  t.btnFocusShadowWidth, t.btnBorderColorFocus,
@@ -682,7 +682,7 @@ var styles = (0, _Emotion.memoizeStyle)({
682
682
  },
683
683
 
684
684
  borderless: function borderless() {
685
- return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover,\n &:active {\n box-shadow: none;\n .", ", .", " {\n box-shadow: none;\n }\n }\n "])),
685
+ return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled,\n &:active:enabled {\n box-shadow: none;\n .", ", .", " {\n box-shadow: none;\n }\n }\n "])),
686
686
 
687
687
 
688
688
 
@@ -718,7 +718,7 @@ var styles = (0, _Emotion.memoizeStyle)({
718
718
 
719
719
  var activeStyles = (0, _Emotion.memoizeStyle)({
720
720
  default: function _default(t) {
721
- return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n ", ";\n }\n "])),
721
+ return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n ", ";\n }\n "])),
722
722
 
723
723
 
724
724
  (0, _Button.buttonActiveMixin)(
@@ -734,7 +734,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
734
734
  },
735
735
 
736
736
  primary: function primary(t) {
737
- return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n ", ";\n }\n "])),
737
+ return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n ", ";\n }\n "])),
738
738
 
739
739
 
740
740
  (0, _Button.buttonActiveMixin)(
@@ -750,7 +750,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
750
750
  },
751
751
 
752
752
  success: function success(t) {
753
- return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n ", ";\n }\n "])),
753
+ return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n ", ";\n }\n "])),
754
754
 
755
755
 
756
756
  (0, _Button.buttonActiveMixin)(
@@ -766,7 +766,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
766
766
  },
767
767
 
768
768
  danger: function danger(t) {
769
- return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n ", ";\n }\n "])),
769
+ return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n ", ";\n }\n "])),
770
770
 
771
771
 
772
772
  (0, _Button.buttonActiveMixin)(
@@ -782,7 +782,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
782
782
  },
783
783
 
784
784
  pay: function pay(t) {
785
- return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n ", ";\n }\n "])),
785
+ return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n ", ";\n }\n "])),
786
786
 
787
787
 
788
788
  (0, _Button.buttonActiveMixin)(
@@ -798,7 +798,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
798
798
  },
799
799
 
800
800
  link: function link(t) {
801
- return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover {\n color: ", ";\n }\n "])),
801
+ return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n &,\n &:hover:enabled {\n color: ", ";\n }\n "])),
802
802
 
803
803
 
804
804
  t.btnLinkActiveColor);
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","css","btnBackgroundClip","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","isFirefox","arrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"mappings":"2TAAA;;AAEA;AACA;;AAEA,yC;;;;;;;;;AASO,IAAMA,aAAa,GAAG,qBAAO,QAAP,EAAiB;AAC5CC,EAAAA,WAAW,EAAE,cAD+B;AAE5CC,EAAAA,cAAc,EAAE,kBAF4B;AAG5CC,EAAAA,iBAAiB,EAAE,qBAHyB;AAI5CC,EAAAA,OAAO,EAAE,SAJmC;AAK5CC,EAAAA,WAAW,EAAE,cAL+B,EAAjB,CAAtB,C;;;AAQA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;AAEI,4BAFJ;;AAIqBD,IAAAA,CAAC,CAACE,iBAJvB;;;;;;;;;;;AAeKV,IAAAA,aAAa,CAACK,WAfnB;;;;;;;;;;;;;;;;;;;;;AAoCcL,IAAAA,aAAa,CAACI,OApC5B;;;;AAwCD,GA1CgC;;AA4CjCO,EAAAA,OA5CiC,qBA4CvB;AACR,eAAOF,YAAP;;;;;;;;AAQD,GArDgC;;AAuDjCG,EAAAA,cAvDiC,0BAuDlBJ,CAvDkB,EAuDR;AACvB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACK,eADxB,EAC2CL,CAAC,CAACM,qBAD7C;AAEkBN,IAAAA,CAAC,CAACO,aAFpB,EAEqCP,CAAC,CAACQ,aAFvC;;AAID,GA5DgC;;AA8DjCC,EAAAA,YA9DiC,wBA8DpBT,CA9DoB,EA8DV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACK,eADxB,EAC2CL,CAAC,CAACU,mBAD7C,EACiFV,CAAC,CAACO,aADnF,EACoGP,CAAC,CAACQ,aADtG;;AAGD,GAlEgC;;AAoEjCG,EAAAA,WApEiC,yBAoEnB;AACZ,eAAOV,YAAP;;;;;;AAMD,GA3EgC;;AA6EjCW,EAAAA,kBA7EiC,8BA6EdZ,CA7Ec,EA6EJ;AAC3B,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACa,mBADxB;;AAGD,GAjFgC;;AAmFjCC,EAAAA,gBAnFiC,4BAmFhBd,CAnFgB,EAmFN;AACzB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACe,iBADxB;;AAGD,GAvFgC;;AAyFjCC,EAAAA,SAzFiC,qBAyFvBhB,CAzFuB,EAyFb;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACiB,oBADrB;;AAGI;AACAjB,IAAAA,CAAC,CAACkB,gBADF;AAEAlB,IAAAA,CAAC,CAACmB,kBAFF;AAGAnB,IAAAA,CAAC,CAACoB,gBAHF;AAIApB,IAAAA,CAAC,CAACqB,gBAJF;AAKArB,IAAAA,CAAC,CAACsB,8BALF,CAHJ;;;AAWD,GArGgC;;AAuGjCC,EAAAA,aAvGiC,yBAuGnBvB,CAvGmB,EAuGT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACkB,gBADF;AAEAlB,IAAAA,CAAC,CAACoB,gBAFF;AAGApB,IAAAA,CAAC,CAACqB,gBAHF;AAIArB,IAAAA,CAAC,CAACsB,8BAJF,CADJ;;;AAQD,GAhHgC;;AAkHjCE,EAAAA,UAlHiC,sBAkHtBxB,CAlHsB,EAkHZ;AACnB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACyB,qBADrB;;AAGI;AACAzB,IAAAA,CAAC,CAAC0B,iBADF;AAEA1B,IAAAA,CAAC,CAAC2B,mBAFF;AAGA3B,IAAAA,CAAC,CAAC4B,iBAHF;AAIA5B,IAAAA,CAAC,CAAC6B,iBAJF;AAKA7B,IAAAA,CAAC,CAACsB,8BALF,CAHJ;;;AAWD,GA9HgC;;AAgIjCQ,EAAAA,cAhIiC,0BAgIlB9B,CAhIkB,EAgIR;AACvB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC0B,iBADF;AAEA1B,IAAAA,CAAC,CAAC4B,iBAFF;AAGA5B,IAAAA,CAAC,CAAC6B,iBAHF;AAIA7B,IAAAA,CAAC,CAACsB,8BAJF,CADJ;;;AAQD,GAzIgC;;AA2IjCS,EAAAA,SA3IiC,qBA2IvB/B,CA3IuB,EA2Ib;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACgC,oBADrB;;AAGI;AACAhC,IAAAA,CAAC,CAACiC,gBADF;AAEAjC,IAAAA,CAAC,CAACkC,kBAFF;AAGAlC,IAAAA,CAAC,CAACmC,gBAHF;AAIAnC,IAAAA,CAAC,CAACoC,gBAJF;AAKApC,IAAAA,CAAC,CAACsB,8BALF,CAHJ;;;AAWD,GAvJgC;;AAyJjCe,EAAAA,aAzJiC,yBAyJnBrC,CAzJmB,EAyJT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACiC,gBADF;AAEAjC,IAAAA,CAAC,CAACmC,gBAFF;AAGAnC,IAAAA,CAAC,CAACoC,gBAHF;AAIApC,IAAAA,CAAC,CAACsB,8BAJF,CADJ;;;AAQD,GAlKgC;;AAoKjCgB,EAAAA,IApKiC,gBAoK5BtC,CApK4B,EAoKlB;AACb,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACuC,mBAFrB;;;;AAMWvC,IAAAA,CAAC,CAACwC,YANb;;;;;;;;AAcaxC,IAAAA,CAAC,CAACyC,iBAdf;AAeuBzC,IAAAA,CAAC,CAAC0C,0BAfzB;;;AAkBMC,IAAAA,YAAY,CAACL,IAAb,CAAkBtC,CAAlB,CAlBN;;;AAqBD,GA1LgC;;AA4LjC4C,EAAAA,SA5LiC,qBA4LvB5C,CA5LuB,EA4Lb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACwC,YADb;AAEqBxC,IAAAA,CAAC,CAAC0C,0BAFvB;;AAID,GAjMgC;;AAmMjCG,EAAAA,YAnMiC,wBAmMpB7C,CAnMoB,EAmMV;AACrB,eAAOC,YAAP;;;;;;;AAOaD,IAAAA,CAAC,CAAC8C,oBAPf;;;AAUD,GA9MgC;;AAgNjCC,EAAAA,KAhNiC,iBAgN3B/C,CAhN2B,EAgNjB;AACd,eAAOC,YAAP;;;;;;;;AAQ8BD,IAAAA,CAAC,CAACO,aARhC,EAQiDP,CAAC,CAACgD,oBARnD;AASchD,IAAAA,CAAC,CAACiD,mBAThB,EASuCjD,CAAC,CAACkD,mBATzC;;;AAYD,GA7NgC;;AA+NjCC,EAAAA,QA/NiC,oBA+NxBnD,CA/NwB,EA+Nd;AACjB,eAAOC,YAAP;;;AAGsBD,IAAAA,CAAC,CAACoD,cAHxB,EAG0CpD,CAAC,CAACqD,sBAH5C;;;AAMsBrD,IAAAA,CAAC,CAACsD,aANxB;AAOWtD,IAAAA,CAAC,CAACuD,oBAPb;;AASK/D,IAAAA,aAAa,CAACC,WATnB;AAUkBO,IAAAA,CAAC,CAACoD,cAVpB,EAU4CpD,CAAC,CAACqD,sBAV9C;;;AAaD,GA7OgC;;AA+OjCG,EAAAA,YA/OiC,wBA+OpBxD,CA/OoB,EA+OV;AACrB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACO,aAD9B,EAC+CP,CAAC,CAACQ,aADjD;;AAGI,mCAAkBR,CAAC,CAACO,aAApB,EAAmCP,CAAC,CAACM,qBAArC,EAA4DN,CAAC,CAACK,eAA9D,EAA+EL,CAAC,CAACQ,aAAjF,CAHJ;;AAKD,GArPgC;;AAuPjCiD,EAAAA,UAvPiC,sBAuPtBzD,CAvPsB,EAuPZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACO,aAD9B,EAC+CP,CAAC,CAACQ,aADjD;;AAGI,mCAAkBR,CAAC,CAACO,aAApB,EAAmCP,CAAC,CAACU,mBAArC,EAA0DV,CAAC,CAACK,eAA5D,EAA6EL,CAAC,CAACQ,aAA/E,CAHJ;;AAKD,GA7PgC;;AA+PjCkD,EAAAA,UA/PiC,sBA+PtB1D,CA/PsB,EA+PZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACO,aAD9B,EAC+CP,CAAC,CAACgD,oBADjD;;AAGI,mCAAkBhD,CAAC,CAACO,aAApB,EAAmCP,CAAC,CAACkD,mBAArC,EAA0DlD,CAAC,CAACK,eAA5D,EAA6EL,CAAC,CAACgD,oBAA/E,CAHJ;;AAKD,GArQgC;;AAuQjCW,EAAAA,KAvQiC,mBAuQzB;AACN,eAAO1D,YAAP;;;;;;;;;AASKT,IAAAA,aAAa,CAACC,WATnB;;;;;;;;;;;;;;;;;;;;;AA8B8BmE,yCA9B9B;;;;AAkCKpE,IAAAA,aAAa,CAACE,cAlCnB;;;;;;;;;;;;;;AAgDKF,IAAAA,aAAa,CAACG,iBAhDnB;;;;;;;;;;;;;;AA8DD,GAtUgC;;AAwUjCkE,EAAAA,SAxUiC,uBAwUrB;AACV,eAAO5D,YAAP;;;AAGD,GA5UgC;;AA8UjC6D,EAAAA,OA9UiC,oBA8UzB9D,CA9UyB,EA8Uf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC+D,YADF;AAEA/D,IAAAA,CAAC,CAACgE,iBAFF;AAGAhE,IAAAA,CAAC,CAACiE,eAHF;AAIAjE,IAAAA,CAAC,CAACkE,mBAJF;AAKAlE,IAAAA,CAAC,CAACmE,qBALF;AAMAnE,IAAAA,CAAC,CAACoE,2BANF;AAOApE,IAAAA,CAAC,CAACoD,cAPF,CADJ;;;AAWI;AACApD,IAAAA,CAAC,CAACqE,iBADF;AAEArE,IAAAA,CAAC,CAACsE,sBAFF;AAGAtE,IAAAA,CAAC,CAACuE,oBAHF;AAIAvE,IAAAA,CAAC,CAACwE,0BAJF;AAKAxE,IAAAA,CAAC,CAACyE,gCALF;AAMAzE,IAAAA,CAAC,CAACoD,cANF,CAXJ;;;;AAqBMT,IAAAA,YAAY,CAACmB,OAAb,CAAqB9D,CAArB,CArBN;;;AAwBD,GAvWgC;;AAyWjC0E,EAAAA,OAzWiC,mBAyWzB1E,CAzWyB,EAyWf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC2E,YADF;AAEA3E,IAAAA,CAAC,CAAC4E,iBAFF;AAGA5E,IAAAA,CAAC,CAAC6E,eAHF;AAIA7E,IAAAA,CAAC,CAAC8E,mBAJF;AAKA9E,IAAAA,CAAC,CAAC+E,qBALF;AAMA/E,IAAAA,CAAC,CAACgF,2BANF;AAOAhF,IAAAA,CAAC,CAACoD,cAPF,CADJ;;;AAWI;AACApD,IAAAA,CAAC,CAACiF,iBADF;AAEAjF,IAAAA,CAAC,CAACkF,sBAFF;AAGAlF,IAAAA,CAAC,CAACmF,oBAHF;AAIAnF,IAAAA,CAAC,CAACoF,0BAJF;AAKApF,IAAAA,CAAC,CAACqF,gCALF;AAMArF,IAAAA,CAAC,CAACoD,cANF,CAXJ;;;;AAqBMT,IAAAA,YAAY,CAAC+B,OAAb,CAAqB1E,CAArB,CArBN;;;AAwBD,GAlYgC;;AAoYjCsF,EAAAA,OApYiC,mBAoYzBtF,CApYyB,EAoYf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACuF,YADF;AAEAvF,IAAAA,CAAC,CAACwF,iBAFF;AAGAxF,IAAAA,CAAC,CAACyF,eAHF;AAIAzF,IAAAA,CAAC,CAAC0F,mBAJF;AAKA1F,IAAAA,CAAC,CAAC2F,qBALF;AAMA3F,IAAAA,CAAC,CAAC4F,2BANF;AAOA5F,IAAAA,CAAC,CAACoD,cAPF,CADJ;;;AAWI;AACApD,IAAAA,CAAC,CAAC6F,iBADF;AAEA7F,IAAAA,CAAC,CAAC8F,sBAFF;AAGA9F,IAAAA,CAAC,CAAC+F,oBAHF;AAIA/F,IAAAA,CAAC,CAACgG,0BAJF;AAKAhG,IAAAA,CAAC,CAACiG,gCALF;AAMAjG,IAAAA,CAAC,CAACoD,cANF,CAXJ;;;;AAqBMT,IAAAA,YAAY,CAAC2C,OAAb,CAAqBtF,CAArB,CArBN;;;AAwBD,GA7ZgC;;AA+ZjCkG,EAAAA,MA/ZiC,kBA+Z1BlG,CA/Z0B,EA+ZhB;AACf,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACmG,WADF;AAEAnG,IAAAA,CAAC,CAACoG,gBAFF;AAGApG,IAAAA,CAAC,CAACqG,cAHF;AAIArG,IAAAA,CAAC,CAACsG,kBAJF;AAKAtG,IAAAA,CAAC,CAACuG,oBALF;AAMAvG,IAAAA,CAAC,CAACwG,0BANF;AAOAxG,IAAAA,CAAC,CAACoD,cAPF,CADJ;;;AAWI;AACApD,IAAAA,CAAC,CAACyG,gBADF;AAEAzG,IAAAA,CAAC,CAAC0G,qBAFF;AAGA1G,IAAAA,CAAC,CAAC2G,mBAHF;AAIA3G,IAAAA,CAAC,CAAC4G,yBAJF;AAKA5G,IAAAA,CAAC,CAAC6G,+BALF;AAMA7G,IAAAA,CAAC,CAACoD,cANF,CAXJ;;;;AAqBMT,IAAAA,YAAY,CAACuD,MAAb,CAAoBlG,CAApB,CArBN;;;AAwBD,GAxbgC;;AA0bjC8G,EAAAA,GA1biC,eA0b7B9G,CA1b6B,EA0bnB;AACZ,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC+G,QADF;AAEA/G,IAAAA,CAAC,CAACgH,aAFF;AAGAhH,IAAAA,CAAC,CAACiH,WAHF;AAIAjH,IAAAA,CAAC,CAACkH,eAJF;AAKAlH,IAAAA,CAAC,CAACmH,iBALF;AAMAnH,IAAAA,CAAC,CAACoH,uBANF;AAOApH,IAAAA,CAAC,CAACoD,cAPF,CADJ;;;AAWI;AACApD,IAAAA,CAAC,CAACqH,aADF;AAEArH,IAAAA,CAAC,CAACsH,kBAFF;AAGAtH,IAAAA,CAAC,CAACuH,gBAHF;AAIAvH,IAAAA,CAAC,CAACwH,sBAJF;AAKAxH,IAAAA,CAAC,CAACyH,4BALF;AAMAzH,IAAAA,CAAC,CAACoD,cANF,CAXJ;;;;AAqBMT,IAAAA,YAAY,CAACmE,GAAb,CAAiB9G,CAAjB,CArBN;;;AAwBD,GAndgC;;AAqdjC0H,EAAAA,OArdiC,mBAqdzB1H,CArdyB,EAqdf;AAChB,QAAM2H,aAAa;;AAEG3H,IAAAA,CAAC,CAACoD,cAFL,SAEuBpD,CAAC,CAAC4H,4BAFzB;AAGG5H,IAAAA,CAAC,CAAC6H,YAHL;AAIR7H,IAAAA,CAAC,CAAC8H,mBAJM;;AAMdtI,IAAAA,aAAa,CAACK,WANA;AAODG,IAAAA,CAAC,CAAC+H,gBAPD;;;AAUdvI,IAAAA,aAAa,CAACC,WAVA;AAWDO,IAAAA,CAAC,CAACoD,cAXD,aAWuBpD,CAAC,CAAC4H,4BAXzB;;AAaXpI,IAAAA,aAAa,CAACE,cAbH;AAcOM,IAAAA,CAAC,CAACgI,sBAdT,gCAAnB;;;;;AAmBA,eAAO/H,YAAP;AACI0H,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GAlfgC;;AAofjCM,EAAAA,cApfiC,0BAoflBjI,CApfkB,EAofR;AACvB,eAAOC,YAAP;;AAE8BD,IAAAA,CAAC,CAACO,aAFhC,EAEiDP,CAAC,CAACgD,oBAFnD;AAGchD,IAAAA,CAAC,CAACiD,mBAHhB,EAGuCjD,CAAC,CAACkD,mBAHzC;AAIoBlD,IAAAA,CAAC,CAACkD,mBAJtB;;;AAOD,GA5fgC;;AA8fjCgF,EAAAA,eA9fiC,2BA8fjBlI,CA9fiB,EA8fP;AACxB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACoD,cADxB,EAC0CpD,CAAC,CAACmI,6BAD5C;AAEsBnI,IAAAA,CAAC,CAACoI,oBAFxB;AAGWpI,IAAAA,CAAC,CAACqI,uBAHb;;AAKK7I,IAAAA,aAAa,CAACK,WALnB;AAMkBG,IAAAA,CAAC,CAACsI,wBANpB;;;AASK9I,IAAAA,aAAa,CAACC,WATnB;AAUkBO,IAAAA,CAAC,CAACoD,cAVpB,EAU0CpD,CAAC,CAACmI,6BAV5C;;AAYQ3I,IAAAA,aAAa,CAACE,cAZtB;;;;;AAiBD,GAhhBgC;;AAkhBjCE,EAAAA,OAlhBiC,qBAkhBvB;AACR,eAAOK,YAAP;;;;;;;AAOD,GA1hBgC;;AA4hBjCsI,EAAAA,WA5hBiC,yBA4hBnB;AACZ,eAAOtI,YAAP;;;;AAID,GAjiBgC;;AAmiBjCuI,EAAAA,iBAniBiC,+BAmiBb;AAClB,eAAOvI,YAAP;;;AAGD,GAviBgC;;AAyiBjCwI,EAAAA,eAziBiC,6BAyiBf;AAChB,eAAOxI,YAAP;;;AAGD,GA7iBgC;;AA+iBjCyI,EAAAA,IA/iBiC,gBA+iB5B1I,CA/iB4B,EA+iBlB;AACb,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAACoD,cAJf;;AAMD,GAtjBgC;;AAwjBjCuF,EAAAA,SAxjBiC,qBAwjBvB3I,CAxjBuB,EAwjBb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAAC4I,cADd;;AAGD,GA5jBgC;;AA8jBjCC,EAAAA,UA9jBiC,sBA8jBtB7I,CA9jBsB,EA8jBZ;AACnB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAAC8I,eADd;;AAGD,GAlkBgC;;AAokBjCC,EAAAA,SApkBiC,qBAokBvB/I,CApkBuB,EAokBb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACgJ,cADd;;AAGD,GAxkBgC;;AA0kBjCC,EAAAA,MA1kBiC,oBA0kBxB;AACP,eAAOhJ,YAAP;;;;AAID,GA/kBgC;;AAilBjCiJ,EAAAA,SAjlBiC,uBAilBrB;AACV,eAAOjJ,YAAP;;;;AAID,GAtlBgC;;AAwlBjCkJ,EAAAA,cAxlBiC,4BAwlBhB;AACf,eAAOlJ,YAAP;;;AAGD,GA5lBgC;;AA8lBjCmJ,EAAAA,iBA9lBiC,+BA8lBb;AAClB,eAAOnJ,YAAP;;;AAGD,GAlmBgC;;AAomBjCoJ,EAAAA,QApmBiC,oBAomBxBrJ,CApmBwB,EAomBd;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACsJ,sBADpB;;AAGD,GAxmBgC;;AA0mBjCC,EAAAA,QA1mBiC,sBA0mBtB;AACT,eAAOtJ,YAAP;;;AAGD,GA9mBgC;;AAgnBjCuJ,EAAAA,SAhnBiC,uBAgnBrB;AACV,eAAOvJ,YAAP;;;AAGD,GApnBgC;;AAsnBjCwJ,EAAAA,aAtnBiC,2BAsnBjB;AACd,eAAOxJ,YAAP;;;;AAID,GA3nBgC;;AA6nBjCyJ,EAAAA,IA7nBiC,kBA6nB1B;AACL,eAAOzJ,YAAP;;;AAGD,GAjoBgC;AAkoBjC0J,EAAAA,SAloBiC,qBAkoBvB3J,CAloBuB,EAkoBb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAAC4J,gBADb;AAEkB5J,IAAAA,CAAC,CAAC6J,eAFpB;;AAID,GAvoBgC;AAwoBjCC,EAAAA,UAxoBiC,sBAwoBtB9J,CAxoBsB,EAwoBZ;AACnB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAAC+J,iBADb;AAEkB/J,IAAAA,CAAC,CAACgK,gBAFpB;;AAID,GA7oBgC;AA8oBjCC,EAAAA,SA9oBiC,qBA8oBvBjK,CA9oBuB,EA8oBb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACkK,gBADb;AAEkBlK,IAAAA,CAAC,CAACmK,eAFpB;;AAID,GAnpBgC;;AAqpBjCC,EAAAA,UArpBiC,wBAqpBpB;AACX,eAAOnK,YAAP;;;;;AAKOT,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUD,GAhqBgC;;AAkqBjC0K,EAAAA,OAlqBiC,qBAkqBvB;AACR,eAAOpK,YAAP;;;;;;;;;;;;AAYD,GA/qBgC;;AAirBjCqK,EAAAA,gBAjrBiC,8BAirBd;AACjB,eAAOrK,YAAP;;;AAGD,GArrBgC,EAAb,CAAf,C;;;AAwrBA,IAAM0C,YAAY,GAAG,2BAAa;AACvCmB,EAAAA,OADuC,oBAC/B9D,CAD+B,EACrB;AAChB,eAAOC,YAAP;;;AAGM;AACAD,IAAAA,CAAC,CAACuK,kBADF;AAEAvK,IAAAA,CAAC,CAACwK,sBAFF;AAGAxK,IAAAA,CAAC,CAACyK,2BAHF;AAIAzK,IAAAA,CAAC,CAAC0K,8BAJF;AAKA1K,IAAAA,CAAC,CAACoD,cALF;AAMApD,IAAAA,CAAC,CAAC2K,qBANF,CAHN;;;;AAaD,GAfsC;;AAiBvCjG,EAAAA,OAjBuC,mBAiB/B1E,CAjB+B,EAiBrB;AAChB,eAAOC,YAAP;;;AAGM;AACAD,IAAAA,CAAC,CAAC4K,kBADF;AAEA5K,IAAAA,CAAC,CAAC6K,sBAFF;AAGA7K,IAAAA,CAAC,CAAC8K,2BAHF;AAIA9K,IAAAA,CAAC,CAAC+K,8BAJF;AAKA/K,IAAAA,CAAC,CAACoD,cALF;AAMApD,IAAAA,CAAC,CAAC2K,qBANF,CAHN;;;;AAaD,GA/BsC;;AAiCvCrF,EAAAA,OAjCuC,mBAiC/BtF,CAjC+B,EAiCrB;AAChB,eAAOC,YAAP;;;AAGM;AACAD,IAAAA,CAAC,CAACgL,kBADF;AAEAhL,IAAAA,CAAC,CAACiL,sBAFF;AAGAjL,IAAAA,CAAC,CAACkL,2BAHF;AAIAlL,IAAAA,CAAC,CAACmL,8BAJF;AAKAnL,IAAAA,CAAC,CAACoD,cALF;AAMApD,IAAAA,CAAC,CAAC2K,qBANF,CAHN;;;;AAaD,GA/CsC;;AAiDvCzE,EAAAA,MAjDuC,kBAiDhClG,CAjDgC,EAiDtB;AACf,eAAOC,YAAP;;;AAGM;AACAD,IAAAA,CAAC,CAACoL,iBADF;AAEApL,IAAAA,CAAC,CAACqL,qBAFF;AAGArL,IAAAA,CAAC,CAACsL,0BAHF;AAIAtL,IAAAA,CAAC,CAACuL,6BAJF;AAKAvL,IAAAA,CAAC,CAACoD,cALF;AAMApD,IAAAA,CAAC,CAAC2K,qBANF,CAHN;;;;AAaD,GA/DsC;;AAiEvC7D,EAAAA,GAjEuC,eAiEnC9G,CAjEmC,EAiEzB;AACZ,eAAOC,YAAP;;;AAGM;AACAD,IAAAA,CAAC,CAACwL,cADF;AAEAxL,IAAAA,CAAC,CAACyL,kBAFF;AAGAzL,IAAAA,CAAC,CAAC0L,uBAHF;AAIA1L,IAAAA,CAAC,CAAC2L,0BAJF;AAKA3L,IAAAA,CAAC,CAACoD,cALF;AAMApD,IAAAA,CAAC,CAAC2K,qBANF,CAHN;;;;AAaD,GA/EsC;;AAiFvCrI,EAAAA,IAjFuC,gBAiFlCtC,CAjFkC,EAiFxB;AACb,eAAOC,YAAP;;;AAGaD,IAAAA,CAAC,CAAC4L,kBAHf;;;AAMD,GAxFsC,EAAb,CAArB,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n caption: 'caption',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.default(t)}\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover,\n &:active {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n &,\n &:hover {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n});\n"]}
1
+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","css","btnBackgroundClip","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","isFirefox","arrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n caption: 'caption',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active:enabled .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.default(t)}\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover:enabled,\n &:active:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n &,\n &:hover:enabled {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n});\n"]}
@@ -14,15 +14,16 @@ export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<
14
14
  export declare const CenterDataTids: {
15
15
  readonly root: "Center__root";
16
16
  };
17
+ declare type DefaultProps = Required<Pick<CenterProps, 'align'>>;
17
18
  /**
18
19
  * Контейнер, который центрирует элементы внутри себя.
19
20
  */
20
21
  export declare class Center extends React.Component<CenterProps> {
21
22
  static __KONTUR_REACT_UI__: string;
22
- static defaultProps: {
23
- align: string;
24
- };
23
+ static defaultProps: DefaultProps;
24
+ private getProps;
25
25
  private setRootNode;
26
26
  render(): JSX.Element;
27
27
  private renderMain;
28
28
  }
29
+ export {};
@@ -4,6 +4,7 @@
4
4
  var _CommonWrapper = require("../../internal/CommonWrapper");
5
5
  var _Emotion = require("../../lib/theming/Emotion");
6
6
  var _rootNode = require("../../lib/rootNode");
7
+ var _createPropsGetter = require("../../lib/createPropsGetter");
7
8
 
8
9
  var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _class2, _temp;
9
10
 
@@ -24,12 +25,15 @@ var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _
24
25
 
25
26
 
26
27
  var CenterDataTids = {
27
- root: 'Center__root' };
28
+ root: 'Center__root' };exports.CenterDataTids = CenterDataTids;
29
+
30
+
31
+
28
32
 
29
33
 
30
34
  /**
31
35
  * Контейнер, который центрирует элементы внутри себя.
32
- */exports.CenterDataTids = CenterDataTids;var
36
+ */var
33
37
 
34
38
  Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Center, _React$Component);function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
35
39
 
@@ -37,6 +41,8 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
37
41
 
38
42
 
39
43
 
44
+ getProps = (0, _createPropsGetter.createPropsGetter)(Center.defaultProps);_this.
45
+
40
46
 
41
47
 
42
48
 
@@ -63,4 +69,4 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
63
69
  _react.default.createElement("span", { className: _Center.styles.container() }, _this.props.children)));
64
70
 
65
71
 
66
- };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;
72
+ };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;
@@ -1 +1 @@
1
- {"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"ydAAA;;;AAGA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB;;;AAIP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;;;;;;;;;;AAgBSC,IAAAA,U,GAAa,UAACC,KAAD,EAAgD;AACnE,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUL,cAAc,CAACC,IAD3B;AAEMM,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOP,IAAP,EADQ,IACQ,IADR;AAERO,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKV,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,C,iBAdyBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBC,Y,GAAe,EAC3Bb,KAAK,EAAE,QADoB,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Определяет, как контент будет выровнен по горизонтали.\n *\n * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n */\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n\n public static defaultProps = {\n align: 'center',\n };\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}
1
+ {"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__"],"mappings":"ydAAA;;;AAGA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;AAOSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;AAWXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUP,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOT,IAAP,EADQ,IACQ,IADR;AAERS,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKb,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,C,iBAhByBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBf,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Определяет, как контент будет выровнен по горизонтали.\n *\n * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n */\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { AriaAttributes } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { Override } from '../../typings/utility-types';
4
4
  import { CommonProps } from '../../internal/CommonWrapper';
@@ -39,6 +39,10 @@ export interface CheckboxProps extends CommonProps, Override<React.InputHTMLAttr
39
39
  * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.
40
40
  */
41
41
  initialIndeterminate?: boolean;
42
+ /**
43
+ * Атрибут для указания id элемента(-ов), описывающих его
44
+ */
45
+ 'aria-describedby'?: AriaAttributes['aria-describedby'];
42
46
  }> {
43
47
  }
44
48
  export interface CheckboxState {
@@ -1,4 +1,6 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
1
+ "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
2
+
3
+ var _react = _interopRequireDefault(require("react"));
2
4
  var _propTypes = _interopRequireDefault(require("prop-types"));
3
5
 
4
6
 
@@ -12,7 +14,11 @@ var _Emotion = require("../../lib/theming/Emotion");
12
14
  var _rootNode = require("../../lib/rootNode");
13
15
  var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
14
16
 
15
- var _Checkbox = require("./Checkbox.styles");var _excluded = ["error", "warning", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate"];var _class, _class2, _temp;
17
+ var _Checkbox = require("./Checkbox.styles");var _excluded = ["error", "warning", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby"];var _class, _class2, _temp;
18
+
19
+
20
+
21
+
16
22
 
17
23
 
18
24
 
@@ -200,7 +206,8 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
200
206
 
201
207
 
202
208
 
203
- props.error,warning = props.warning,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onValueChange = props.onValueChange,type = props.type,initialIndeterminate = props.initialIndeterminate,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
209
+
210
+ props.error,warning = props.warning,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onValueChange = props.onValueChange,type = props.type,initialIndeterminate = props.initialIndeterminate,ariaDescribedby = props['aria-describedby'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
204
211
  var isIndeterminate = _this.state.indeterminate;
205
212
 
206
213
  var rootClass = (0, _Emotion.cx)((_cx = {}, _cx[
@@ -233,7 +240,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
233
240
  }
234
241
 
235
242
  var iconClass = (0, _Emotion.cx)((_cx3 = {}, _cx3[
236
- _Checkbox.styles.icon(_this.theme)] = true, _cx3[
243
+ _Checkbox.styles.icon()] = true, _cx3[
237
244
  _Checkbox.styles.iconUnchecked()] = !props.checked && !isIndeterminate, _cx3));
238
245
 
239
246
 
@@ -262,7 +269,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
262
269
  onMouseOver: onMouseOver,
263
270
  onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.input) }, /*#__PURE__*/
264
271
 
265
- _react.default.createElement("input", inputProps),
272
+ _react.default.createElement("input", (0, _extends2.default)({}, inputProps, { "aria-describedby": ariaDescribedby })),
266
273
  box,
267
274
  caption));
268
275
 
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","styles","theme","rootFallback","isIE11","isEdge","rootChecked","checked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n extends CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /**\n * Контент `label`\n */\n children?: React.ReactNode;\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n /**\n * HTML-событие `mouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * HTML-событие `mouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * Функция, вызываемая при изменении `value`.\n */\n onValueChange?: (value: boolean) => void;\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /**\n * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n */\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate || false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n document.addEventListener('keydown', this.handleShiftPress);\n document.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n document.removeEventListener('keydown', this.handleShiftPress);\n document.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /**\n * Программная установка фокуса чекбоксу.\n * @public\n */\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /**\n * Программное снятие фокуса с чекбокса.\n * @public\n */\n public blur() {\n this.input.current?.blur();\n }\n\n /**\n * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n */\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /**\n * Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const rootClass = cx({\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 || isEdge,\n [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 || isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const iconClass = cx({\n [styles.icon(this.theme)]: true,\n [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n });\n\n const box = (\n <div className={cx(styles.boxWrapper(this.theme))}>\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <input {...inputProps} />\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.props.onBlur?.(e);\n this.setState({ focusedByTab: false });\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 || isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}
1
+ {"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","rest","isIndeterminate","rootClass","styles","theme","rootFallback","isIE11","isEdge","rootChecked","checked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n extends CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /**\n * Контент `label`\n */\n children?: React.ReactNode;\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n /**\n * HTML-событие `mouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * HTML-событие `mouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /**\n * Функция, вызываемая при изменении `value`.\n */\n onValueChange?: (value: boolean) => void;\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /**\n * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n */\n initialIndeterminate?: boolean;\n /**\n * Атрибут для указания id элемента(-ов), описывающих его\n */\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate || false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n document.addEventListener('keydown', this.handleShiftPress);\n document.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n document.removeEventListener('keydown', this.handleShiftPress);\n document.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /**\n * Программная установка фокуса чекбоксу.\n * @public\n */\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /**\n * Программное снятие фокуса с чекбокса.\n * @public\n */\n public blur() {\n this.input.current?.blur();\n }\n\n /**\n * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n */\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /**\n * Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n 'aria-describedby': ariaDescribedby,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const rootClass = cx({\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 || isEdge,\n [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 || isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const iconClass = cx({\n [styles.icon()]: true,\n [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n });\n\n const box = (\n <div className={cx(styles.boxWrapper(this.theme))}>\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <input {...inputProps} aria-describedby={ariaDescribedby} />\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.props.onBlur?.(e);\n this.setState({ focusedByTab: false });\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 || isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}