td-stylekit 24.8.0 → 25.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (430) hide show
  1. package/.babelrc.js +8 -23
  2. package/CHANGELOG.md +35 -0
  3. package/dist/es/ActionBar/ActionBar.js +42 -18
  4. package/dist/es/ActionBar/components/ActionMenu.js +41 -17
  5. package/dist/es/ActionBar/components/Container.d.ts +4 -126
  6. package/dist/es/ActionBar/components/Container.js +20 -5
  7. package/dist/es/ActionBar/components/IconButton.d.ts +7 -133
  8. package/dist/es/ActionBar/components/IconButton.js +22 -6
  9. package/dist/es/ActionBar/components/Prefix.js +24 -8
  10. package/dist/es/ActionBar/components/index.js +58 -5
  11. package/dist/es/ActionBar/index.js +17 -2
  12. package/dist/es/ActionBar/types.js +5 -0
  13. package/dist/es/Badge/Badge.d.ts +4 -126
  14. package/dist/es/Badge/Badge.js +42 -26
  15. package/dist/es/Badge/constants.js +9 -2
  16. package/dist/es/Badge/index.js +25 -3
  17. package/dist/es/BarChart/BarChart.d.ts +6 -7
  18. package/dist/es/BarChart/BarChart.js +67 -39
  19. package/dist/es/BarChart/index.js +17 -2
  20. package/dist/es/Box/Box.d.ts +4 -126
  21. package/dist/es/Box/Box.js +37 -12
  22. package/dist/es/Box/index.js +17 -2
  23. package/dist/es/Button/Button.js +130 -79
  24. package/dist/es/Button/elements.d.ts +4 -126
  25. package/dist/es/Button/elements.js +17 -3
  26. package/dist/es/Button/index.js +35 -3
  27. package/dist/es/Canvas/Canvas.js +31 -12
  28. package/dist/es/Canvas/elements.d.ts +55 -2537
  29. package/dist/es/Canvas/elements.js +84 -33
  30. package/dist/es/Canvas/index.js +17 -2
  31. package/dist/es/Card/Card.d.ts +4 -126
  32. package/dist/es/Card/Card.js +20 -7
  33. package/dist/es/Card/index.js +17 -2
  34. package/dist/es/ChartPrimitives/ChartLegend.d.ts +22 -635
  35. package/dist/es/ChartPrimitives/ChartLegend.js +62 -25
  36. package/dist/es/ChartPrimitives/Container.d.ts +4 -126
  37. package/dist/es/ChartPrimitives/Container.js +17 -5
  38. package/dist/es/ChartPrimitives/Defs.js +73 -41
  39. package/dist/es/ChartPrimitives/Noop.js +8 -1
  40. package/dist/es/ChartPrimitives/Tooltip.d.ts +2 -3
  41. package/dist/es/ChartPrimitives/Tooltip.js +96 -32
  42. package/dist/es/ChartPrimitives/index.d.ts +6 -126
  43. package/dist/es/ChartPrimitives/index.js +67 -14
  44. package/dist/es/ChartPrimitives/utils.d.ts +26 -277
  45. package/dist/es/ChartPrimitives/utils.js +112 -69
  46. package/dist/es/Checkbox/Checkbox.js +104 -48
  47. package/dist/es/Checkbox/index.js +17 -2
  48. package/dist/es/CheckboxField/CheckboxField.js +57 -26
  49. package/dist/es/CheckboxField/index.js +17 -2
  50. package/dist/es/CollapsibleToggle/CollapsibleToggle.js +53 -28
  51. package/dist/es/CollapsibleToggle/constants.js +8 -1
  52. package/dist/es/CollapsibleToggle/index.js +17 -2
  53. package/dist/es/Column/Column.js +30 -10
  54. package/dist/es/Column/index.js +17 -2
  55. package/dist/es/ComparisonChart/ComparisonChart.d.ts +41 -1
  56. package/dist/es/ComparisonChart/ComparisonChart.js +74 -44
  57. package/dist/es/ComparisonChart/constants.js +9 -2
  58. package/dist/es/ComparisonChart/index.js +17 -2
  59. package/dist/es/ComponentGroup/ComponentGroup.js +28 -7
  60. package/dist/es/ComponentGroup/index.js +17 -2
  61. package/dist/es/DataGrid/DataGrid.js +127 -67
  62. package/dist/es/DataGrid/components/BasicColumn.js +43 -21
  63. package/dist/es/DataGrid/components/CategoryFilter.js +42 -16
  64. package/dist/es/DataGrid/components/CollapsibleCell.d.ts +5 -128
  65. package/dist/es/DataGrid/components/CollapsibleCell.js +81 -33
  66. package/dist/es/DataGrid/components/ColumnHeader.js +73 -39
  67. package/dist/es/DataGrid/components/ColumnHeaderActions.js +71 -37
  68. package/dist/es/DataGrid/components/FocusableRow.js +53 -20
  69. package/dist/es/DataGrid/components/InputCell.js +63 -31
  70. package/dist/es/DataGrid/components/ScrollableTable.d.ts +7 -7
  71. package/dist/es/DataGrid/components/ScrollableTable.js +95 -56
  72. package/dist/es/DataGrid/components/index.js +73 -9
  73. package/dist/es/DataGrid/constants.js +15 -4
  74. package/dist/es/DataGrid/elements.d.ts +352 -2543
  75. package/dist/es/DataGrid/elements.js +214 -92
  76. package/dist/es/DataGrid/index.js +17 -2
  77. package/dist/es/DataGrid/renderers.js +138 -96
  78. package/dist/es/DataGrid/sampleData.js +24 -9
  79. package/dist/es/DataGrid/utils.js +43 -24
  80. package/dist/es/DateControl/DateControl.js +113 -60
  81. package/dist/es/DateControl/elements.d.ts +180 -887
  82. package/dist/es/DateControl/elements.js +58 -22
  83. package/dist/es/DateControl/index.js +17 -2
  84. package/dist/es/DateField/DateField.js +105 -53
  85. package/dist/es/DateField/elements.d.ts +9 -251
  86. package/dist/es/DateField/elements.js +34 -12
  87. package/dist/es/DateField/index.js +17 -2
  88. package/dist/es/DatePicker/DatePicker.js +97 -56
  89. package/dist/es/DatePicker/index.js +28 -4
  90. package/dist/es/DatePicker/utils.js +47 -19
  91. package/dist/es/DetailPanel/DetailPanel.js +31 -17
  92. package/dist/es/DetailPanel/elements.d.ts +20 -505
  93. package/dist/es/DetailPanel/elements.js +92 -50
  94. package/dist/es/DetailPanel/index.js +17 -2
  95. package/dist/es/DistributionChart/DistributionChart.js +36 -14
  96. package/dist/es/DistributionChart/index.js +21 -3
  97. package/dist/es/DistributionChart/utils.js +10 -2
  98. package/dist/es/Drawer/Drawer.js +37 -17
  99. package/dist/es/Drawer/elements.d.ts +30 -1015
  100. package/dist/es/Drawer/elements.js +120 -67
  101. package/dist/es/Drawer/index.js +17 -2
  102. package/dist/es/DropdownButton/DropdownButton.d.ts +1 -125
  103. package/dist/es/DropdownButton/DropdownButton.js +90 -44
  104. package/dist/es/DropdownButton/DropdownButtonElements.d.ts +22 -776
  105. package/dist/es/DropdownButton/DropdownButtonElements.js +129 -59
  106. package/dist/es/DropdownButton/DropdownButtonUtils.js +19 -4
  107. package/dist/es/DropdownButton/index.js +17 -2
  108. package/dist/es/FileInput/FileInput.js +66 -26
  109. package/dist/es/FileInput/index.js +17 -2
  110. package/dist/es/FormControl/FormControl.d.ts +4 -17
  111. package/dist/es/FormControl/FormControl.js +105 -63
  112. package/dist/es/FormControl/components/CheckboxGroup.js +43 -17
  113. package/dist/es/FormControl/components/RadioGroup.js +31 -16
  114. package/dist/es/FormControl/components/Textarea.js +24 -7
  115. package/dist/es/FormControl/components/index.js +31 -4
  116. package/dist/es/FormControl/elements.d.ts +57 -1770
  117. package/dist/es/FormControl/elements.js +107 -46
  118. package/dist/es/FormControl/index.js +17 -2
  119. package/dist/es/FormField/FormField.d.ts +1 -11
  120. package/dist/es/FormField/FormField.js +112 -67
  121. package/dist/es/FormField/elements.d.ts +13 -377
  122. package/dist/es/FormField/elements.js +54 -20
  123. package/dist/es/FormField/index.js +31 -3
  124. package/dist/es/FormField/utils.js +29 -5
  125. package/dist/es/FormFieldAddon/FormFieldAddon.js +65 -28
  126. package/dist/es/FormFieldAddon/FormFieldAddonElements.d.ts +15 -1266
  127. package/dist/es/FormFieldAddon/FormFieldAddonElements.js +47 -16
  128. package/dist/es/FormFieldAddon/index.js +17 -2
  129. package/dist/es/FormLabel/FormLabel.js +18 -5
  130. package/dist/es/FormLabel/elements.d.ts +5 -127
  131. package/dist/es/FormLabel/elements.js +19 -4
  132. package/dist/es/FormLabel/index.js +17 -2
  133. package/dist/es/FormModal/FormModal.js +47 -22
  134. package/dist/es/FormModal/index.js +17 -2
  135. package/dist/es/Grid/Grid.d.ts +4 -126
  136. package/dist/es/Grid/Grid.js +17 -4
  137. package/dist/es/Grid/GridItem.d.ts +4 -126
  138. package/dist/es/Grid/GridItem.js +17 -5
  139. package/dist/es/Grid/index.js +25 -4
  140. package/dist/es/GrowthRateChart/GrowthRateChart.d.ts +2 -2
  141. package/dist/es/GrowthRateChart/GrowthRateChart.js +40 -18
  142. package/dist/es/GrowthRateChart/index.js +17 -2
  143. package/dist/es/Heading/Heading.js +37 -11
  144. package/dist/es/Heading/index.js +17 -2
  145. package/dist/es/Highlighter/Highlighter.js +25 -11
  146. package/dist/es/Highlighter/index.js +17 -2
  147. package/dist/es/Histogram/Data.js +9 -2
  148. package/dist/es/Histogram/Histogram.js +85 -46
  149. package/dist/es/Histogram/index.js +17 -2
  150. package/dist/es/Icon/Icon.js +68 -30
  151. package/dist/es/Icon/index.js +33 -2
  152. package/dist/es/Icon/staticTypes.d.ts +4 -2
  153. package/dist/es/Icon/staticTypes.js +5 -0
  154. package/dist/es/Icon/types.js +7 -0
  155. package/dist/es/IconBar/IconBar.d.ts +33 -1272
  156. package/dist/es/IconBar/IconBar.js +74 -45
  157. package/dist/es/IconBar/IconItem.d.ts +16 -507
  158. package/dist/es/IconBar/IconItem.js +64 -31
  159. package/dist/es/IconBar/LogoItem.js +27 -14
  160. package/dist/es/IconBar/index.js +17 -2
  161. package/dist/es/IconBar/variants.js +24 -7
  162. package/dist/es/InfiniteList/InfiniteList.js +65 -24
  163. package/dist/es/InfiniteList/index.js +17 -2
  164. package/dist/es/Input/Input.d.ts +15 -391
  165. package/dist/es/Input/Input.js +139 -72
  166. package/dist/es/Input/index.js +17 -2
  167. package/dist/es/LeftTruncatedText/LeftTruncatedText.js +43 -22
  168. package/dist/es/LeftTruncatedText/index.js +17 -2
  169. package/dist/es/Link/Link.d.ts +8 -126
  170. package/dist/es/Link/Link.js +31 -7
  171. package/dist/es/Link/index.js +17 -2
  172. package/dist/es/Loader/Loader.js +21 -7
  173. package/dist/es/Loader/LoaderDiamond.js +96 -73
  174. package/dist/es/Loader/LoaderDots.js +41 -21
  175. package/dist/es/Loader/index.js +17 -2
  176. package/dist/es/Logo/Logo.d.ts +9 -2
  177. package/dist/es/Logo/Logo.js +79 -248
  178. package/dist/es/Logo/LogoDark.d.ts +11 -0
  179. package/dist/es/Logo/LogoDark.js +126 -0
  180. package/dist/es/Logo/LogoLight.d.ts +11 -0
  181. package/dist/es/Logo/LogoLight.js +123 -0
  182. package/dist/es/Logo/LogoV4.d.ts +11 -0
  183. package/dist/es/Logo/LogoV4.js +168 -0
  184. package/dist/es/Logo/index.js +17 -2
  185. package/dist/es/Menu/Menu.js +104 -74
  186. package/dist/es/Menu/MenuElements.d.ts +1 -126
  187. package/dist/es/Menu/MenuElements.js +87 -32
  188. package/dist/es/Menu/index.js +17 -2
  189. package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js +34 -25
  190. package/dist/es/MiddleTruncatedText/index.js +17 -2
  191. package/dist/es/Modal/Modal.d.ts +9 -254
  192. package/dist/es/Modal/Modal.js +78 -35
  193. package/dist/es/Modal/components/Body.js +27 -8
  194. package/dist/es/Modal/components/Footer.d.ts +3 -125
  195. package/dist/es/Modal/components/Footer.js +34 -16
  196. package/dist/es/Modal/components/FooterConfirmation.js +30 -10
  197. package/dist/es/Modal/components/Header.js +37 -19
  198. package/dist/es/Modal/components/MenuBody.d.ts +16 -638
  199. package/dist/es/Modal/components/MenuBody.js +146 -75
  200. package/dist/es/Modal/components/ModalMessage.d.ts +37 -1026
  201. package/dist/es/Modal/components/ModalMessage.js +125 -45
  202. package/dist/es/Modal/components/ModalOverlay.js +26 -11
  203. package/dist/es/Modal/components/elements.d.ts +50 -1765
  204. package/dist/es/Modal/components/elements.js +142 -60
  205. package/dist/es/Modal/components/index.js +79 -9
  206. package/dist/es/Modal/constants.js +17 -5
  207. package/dist/es/Modal/context.js +12 -3
  208. package/dist/es/Modal/index.js +13 -2
  209. package/dist/es/MultiSelect/MultiSelect.d.ts +5 -2
  210. package/dist/es/MultiSelect/MultiSelect.js +86 -38
  211. package/dist/es/MultiSelect/elements.d.ts +25 -1762
  212. package/dist/es/MultiSelect/elements.js +136 -58
  213. package/dist/es/MultiSelect/index.js +35 -3
  214. package/dist/es/NavigationBar/LogoItem.js +21 -10
  215. package/dist/es/NavigationBar/NavigationBar.d.ts +16 -379
  216. package/dist/es/NavigationBar/NavigationBar.js +49 -24
  217. package/dist/es/NavigationBar/NavigationItem.d.ts +8 -254
  218. package/dist/es/NavigationBar/NavigationItem.js +81 -32
  219. package/dist/es/NavigationBar/index.js +17 -2
  220. package/dist/es/NavigationPopover/NavigationPopover.d.ts +16 -632
  221. package/dist/es/NavigationPopover/NavigationPopover.js +50 -28
  222. package/dist/es/NavigationPopover/index.js +17 -2
  223. package/dist/es/Overlay/Overlay.js +30 -13
  224. package/dist/es/Overlay/OverlayBody.d.ts +8 -382
  225. package/dist/es/Overlay/OverlayBody.js +28 -9
  226. package/dist/es/Overlay/OverlayHeader.d.ts +37 -508
  227. package/dist/es/Overlay/OverlayHeader.js +94 -52
  228. package/dist/es/Overlay/index.js +33 -4
  229. package/dist/es/Paragraph/Paragraph.d.ts +4 -126
  230. package/dist/es/Paragraph/Paragraph.js +22 -8
  231. package/dist/es/Paragraph/index.js +17 -2
  232. package/dist/es/PieChart/PieChart.js +77 -43
  233. package/dist/es/PieChart/index.js +15 -2
  234. package/dist/es/Popover/Popover.d.ts +9 -252
  235. package/dist/es/Popover/Popover.js +57 -22
  236. package/dist/es/Popover/index.js +17 -2
  237. package/dist/es/PositiveNegativeBarChart/PositiveNegativeBarChart.js +65 -41
  238. package/dist/es/PositiveNegativeBarChart/index.js +23 -3
  239. package/dist/es/PositiveNegativeBarChart/utils.js +10 -2
  240. package/dist/es/Radio/Radio.js +85 -40
  241. package/dist/es/Radio/index.js +17 -2
  242. package/dist/es/RatioPieChart/RatioPieChart.js +20 -6
  243. package/dist/es/RatioPieChart/index.js +15 -2
  244. package/dist/es/RightTruncatedText/RightTruncatedText.js +30 -12
  245. package/dist/es/RightTruncatedText/index.js +17 -2
  246. package/dist/es/Row/Row.js +23 -8
  247. package/dist/es/Row/index.js +17 -2
  248. package/dist/es/SecondaryNavigation/SecondaryNavigation.js +48 -22
  249. package/dist/es/SecondaryNavigation/elements/Item.d.ts +4 -126
  250. package/dist/es/SecondaryNavigation/elements/Item.js +17 -5
  251. package/dist/es/SecondaryNavigation/elements/Section.js +53 -22
  252. package/dist/es/SecondaryNavigation/elements/Title.d.ts +4 -126
  253. package/dist/es/SecondaryNavigation/elements/Title.js +17 -5
  254. package/dist/es/SecondaryNavigation/elements/Wrapper.d.ts +5 -127
  255. package/dist/es/SecondaryNavigation/elements/Wrapper.js +17 -5
  256. package/dist/es/SecondaryNavigation/index.d.ts +9 -251
  257. package/dist/es/SecondaryNavigation/index.js +24 -10
  258. package/dist/es/Section/Section.js +67 -27
  259. package/dist/es/Section/elements.d.ts +193 -1046
  260. package/dist/es/Section/elements.js +73 -30
  261. package/dist/es/Section/index.js +17 -2
  262. package/dist/es/Select/Select.d.ts +1 -1
  263. package/dist/es/Select/Select.js +110 -57
  264. package/dist/es/Select/components/CreatableSelect.js +41 -11
  265. package/dist/es/Select/components/MenuList.js +65 -26
  266. package/dist/es/Select/components/MenuPortal.js +27 -18
  267. package/dist/es/Select/components/Option.d.ts +2 -2
  268. package/dist/es/Select/components/Option.js +59 -18
  269. package/dist/es/Select/components/OptionTypes.js +5 -0
  270. package/dist/es/Select/components/index.js +41 -5
  271. package/dist/es/Select/elements.d.ts +10 -503
  272. package/dist/es/Select/elements.js +45 -16
  273. package/dist/es/Select/index.js +42 -4
  274. package/dist/es/Select/types.js +5 -0
  275. package/dist/es/Select/utils.js +82 -52
  276. package/dist/es/Select/variantProps.js +78 -37
  277. package/dist/es/Shuttle/Shuttle.js +70 -33
  278. package/dist/es/Shuttle/elements.d.ts +21 -751
  279. package/dist/es/Shuttle/elements.js +78 -36
  280. package/dist/es/Shuttle/index.js +17 -2
  281. package/dist/es/SimpleModal/SimpleModal.js +30 -11
  282. package/dist/es/SimpleModal/index.js +17 -2
  283. package/dist/es/Slider/Slider.js +60 -29
  284. package/dist/es/Slider/elements.d.ts +39 -388
  285. package/dist/es/Slider/elements.js +34 -10
  286. package/dist/es/Slider/index.js +17 -2
  287. package/dist/es/StatCard/StatCard.js +46 -26
  288. package/dist/es/StatCard/elements.d.ts +47 -1513
  289. package/dist/es/StatCard/elements.js +74 -24
  290. package/dist/es/StatCard/index.js +17 -2
  291. package/dist/es/Tabs/Tabs.js +36 -15
  292. package/dist/es/Tabs/elements.d.ts +34 -508
  293. package/dist/es/Tabs/elements.js +52 -17
  294. package/dist/es/Tabs/index.js +17 -2
  295. package/dist/es/Tagger/Tagger.d.ts +8 -126
  296. package/dist/es/Tagger/Tagger.js +77 -34
  297. package/dist/es/Tagger/TaggerElements.d.ts +22 -757
  298. package/dist/es/Tagger/TaggerElements.js +74 -33
  299. package/dist/es/Tagger/components/PopupSelector.js +124 -75
  300. package/dist/es/Tagger/components/PopupSelectorElements.d.ts +66 -2081
  301. package/dist/es/Tagger/components/PopupSelectorElements.js +108 -43
  302. package/dist/es/Tagger/components/constants.js +10 -2
  303. package/dist/es/Tagger/index.js +17 -2
  304. package/dist/es/Tagger/variantProps.js +116 -82
  305. package/dist/es/Text/Text.d.ts +4 -126
  306. package/dist/es/Text/Text.js +38 -10
  307. package/dist/es/Text/index.js +17 -2
  308. package/dist/es/ThemeProvider/ThemeProvider.d.ts +3403 -220
  309. package/dist/es/ThemeProvider/ThemeProvider.js +47 -24
  310. package/dist/es/ThemeProvider/accessibility.js +21 -11
  311. package/dist/es/ThemeProvider/icons.js +13 -4
  312. package/dist/es/ThemeProvider/index.js +80 -7
  313. package/dist/es/ThemeProvider/overridable.js +8 -1
  314. package/dist/es/ThemeProvider/theme.js +18 -6
  315. package/dist/es/ThemeProvider/types.d.ts +8 -29
  316. package/dist/es/ThemeProvider/types.js +5 -0
  317. package/dist/es/ThemeProvider/utils/themeUtils.js +8 -1
  318. package/dist/es/ThemeProvider/v4/Badge.js +18 -5
  319. package/dist/es/ThemeProvider/v4/Button.js +24 -9
  320. package/dist/es/ThemeProvider/v4/Card.js +19 -5
  321. package/dist/es/ThemeProvider/v4/Checkbox.js +18 -5
  322. package/dist/es/ThemeProvider/v4/CollapsibleToggle.js +18 -5
  323. package/dist/es/ThemeProvider/v4/Color.d.ts +1 -1
  324. package/dist/es/ThemeProvider/v4/Color.js +16 -4
  325. package/dist/es/ThemeProvider/v4/DataGrid.d.ts +2 -8
  326. package/dist/es/ThemeProvider/v4/DataGrid.js +18 -5
  327. package/dist/es/ThemeProvider/v4/DatePicker.js +29 -16
  328. package/dist/es/ThemeProvider/v4/DropdownButton.js +21 -7
  329. package/dist/es/ThemeProvider/v4/FormFieldAddon.js +18 -5
  330. package/dist/es/ThemeProvider/v4/FormLabel.d.ts +1 -5
  331. package/dist/es/ThemeProvider/v4/FormLabel.js +19 -5
  332. package/dist/es/ThemeProvider/v4/Icon.js +19 -5
  333. package/dist/es/ThemeProvider/v4/Input.d.ts +1 -1
  334. package/dist/es/ThemeProvider/v4/Input.js +17 -6
  335. package/dist/es/ThemeProvider/v4/Link.js +19 -5
  336. package/dist/es/ThemeProvider/v4/Menu.d.ts +1 -5
  337. package/dist/es/ThemeProvider/v4/Menu.js +21 -7
  338. package/dist/es/ThemeProvider/v4/Modal.d.ts +14 -42
  339. package/dist/es/ThemeProvider/v4/Modal.js +21 -7
  340. package/dist/es/ThemeProvider/v4/MultiSelect.d.ts +2 -24
  341. package/dist/es/ThemeProvider/v4/MultiSelect.js +18 -5
  342. package/dist/es/ThemeProvider/v4/Popover.js +15 -4
  343. package/dist/es/ThemeProvider/v4/Radio.d.ts +2 -30
  344. package/dist/es/ThemeProvider/v4/Radio.js +18 -5
  345. package/dist/es/ThemeProvider/v4/Section.d.ts +3 -39
  346. package/dist/es/ThemeProvider/v4/Section.js +18 -5
  347. package/dist/es/ThemeProvider/v4/Select.d.ts +1 -4
  348. package/dist/es/ThemeProvider/v4/Select.js +18 -5
  349. package/dist/es/ThemeProvider/v4/Shuttle.js +18 -5
  350. package/dist/es/ThemeProvider/v4/Tagger.d.ts +1 -12
  351. package/dist/es/ThemeProvider/v4/Tagger.js +18 -5
  352. package/dist/es/ThemeProvider/v4/Toast.js +18 -5
  353. package/dist/es/ThemeProvider/v4/Toggle.d.ts +4 -38
  354. package/dist/es/ThemeProvider/v4/Toggle.js +18 -5
  355. package/dist/es/ThemeProvider/v4/UserAvatar.js +18 -5
  356. package/dist/es/ThemeProvider/v4/View.js +19 -5
  357. package/dist/es/ThemeProvider/v4/index.d.ts +3403 -220
  358. package/dist/es/ThemeProvider/v4/index.js +69 -33
  359. package/dist/es/TimeControl/TimeControl.js +63 -26
  360. package/dist/es/TimeControl/elements.d.ts +186 -378
  361. package/dist/es/TimeControl/elements.js +41 -14
  362. package/dist/es/TimeControl/index.js +17 -2
  363. package/dist/es/TimeControl/utils.js +41 -18
  364. package/dist/es/TimeField/TimeField.d.ts +5 -1
  365. package/dist/es/TimeField/TimeField.js +40 -14
  366. package/dist/es/TimeField/index.js +17 -2
  367. package/dist/es/TimePicker/TimePicker.js +60 -30
  368. package/dist/es/TimePicker/components/Container.d.ts +5 -127
  369. package/dist/es/TimePicker/components/Container.js +20 -5
  370. package/dist/es/TimePicker/components/PeriodSelector.js +68 -38
  371. package/dist/es/TimePicker/components/Separator.d.ts +4 -126
  372. package/dist/es/TimePicker/components/Separator.js +17 -3
  373. package/dist/es/TimePicker/components/Spinner.d.ts +4 -126
  374. package/dist/es/TimePicker/components/Spinner.js +60 -26
  375. package/dist/es/TimePicker/components/index.js +58 -5
  376. package/dist/es/TimePicker/index.js +17 -2
  377. package/dist/es/TimePicker/utils.js +38 -14
  378. package/dist/es/Toast/Toast.js +71 -36
  379. package/dist/es/Toast/constants.js +9 -2
  380. package/dist/es/Toast/elements.d.ts +39 -1512
  381. package/dist/es/Toast/elements.js +118 -53
  382. package/dist/es/Toast/index.js +21 -3
  383. package/dist/es/Toggle/Toggle.d.ts +10 -252
  384. package/dist/es/Toggle/Toggle.js +87 -32
  385. package/dist/es/Toggle/index.js +17 -2
  386. package/dist/es/TooltipPopover/TooltipPopover.js +59 -22
  387. package/dist/es/TooltipPopover/index.js +17 -2
  388. package/dist/es/TooltipPopover/useWaitForDOMRef.js +25 -9
  389. package/dist/es/Tree/NodeContent.js +43 -23
  390. package/dist/es/Tree/NodeContextMenu.js +29 -11
  391. package/dist/es/Tree/Tree.js +66 -26
  392. package/dist/es/Tree/TreeNode.js +40 -16
  393. package/dist/es/Tree/elements.d.ts +40 -1268
  394. package/dist/es/Tree/elements.js +80 -31
  395. package/dist/es/Tree/index.js +38 -20
  396. package/dist/es/Tree/mockData.js +9 -2
  397. package/dist/es/UserAvatar/UserAvatar.d.ts +8 -254
  398. package/dist/es/UserAvatar/UserAvatar.js +62 -30
  399. package/dist/es/UserAvatar/index.js +17 -2
  400. package/dist/es/View/View.d.ts +4 -126
  401. package/dist/es/View/View.js +38 -10
  402. package/dist/es/View/index.js +17 -2
  403. package/dist/es/VisuallyHidden/VisuallyHidden.js +60 -19
  404. package/dist/es/VisuallyHidden/index.js +17 -2
  405. package/dist/es/VolumeChart/VolumeChart.d.ts +7 -6
  406. package/dist/es/VolumeChart/VolumeChart.js +55 -34
  407. package/dist/es/VolumeChart/index.js +17 -2
  408. package/dist/es/index.d.ts +3 -3
  409. package/dist/es/index.js +727 -86
  410. package/dist/es/mixins/border.js +15 -5
  411. package/dist/es/mixins/color.js +8 -1
  412. package/dist/es/mixins/index.js +33 -4
  413. package/dist/es/mixins/spacing.js +8 -1
  414. package/dist/es/utils/CloseWrapper.js +21 -7
  415. package/dist/es/utils/cloneElementWithCss.js +14 -6
  416. package/dist/es/utils/comparison.js +8 -1
  417. package/dist/es/utils/createChainedFunction.js +7 -1
  418. package/dist/es/utils/css.d.ts +2 -2
  419. package/dist/es/utils/css.js +33 -8
  420. package/dist/es/utils/enzyme.d.ts +0 -1
  421. package/dist/es/utils/enzyme.js +54 -31
  422. package/dist/es/utils/form.js +21 -2
  423. package/dist/es/utils/globalcss.d.ts +1 -1
  424. package/dist/es/utils/globalcss.js +12 -3
  425. package/dist/es/utils/hooks.js +33 -11
  426. package/dist/es/utils/isPropValid.js +14 -4
  427. package/dist/es/utils/resetcss.d.ts +1 -1
  428. package/dist/es/utils/resetcss.js +18 -7
  429. package/package.json +13 -12
  430. package/types/@emotion/styled.d.ts +0 -8
@@ -1,7 +1,5 @@
1
- /// <reference types="types/@emotion/styled" />
2
1
  import React from 'react';
3
- import type { UnstyledButtonProps } from '../../Button';
4
- export declare const NavWrapper: import("@emotion/styled-base").StyledComponent<Pick<{
2
+ export declare const NavWrapper: import("@emotion/styled").StyledComponent<Pick<{
5
3
  isClosed?: boolean | undefined;
6
4
  toggleOnClick?: (() => void) | undefined;
7
5
  'data-instrumentation'?: string | undefined;
@@ -13,645 +11,25 @@ export declare const NavWrapper: import("@emotion/styled-base").StyledComponent<
13
11
  children: React.ReactNode;
14
12
  }, "data-instrumentation">> & Partial<Pick<{
15
13
  'data-instrumentation': string;
16
- }, never>>, {
14
+ }, never>> & {
15
+ theme?: import("@emotion/react").Theme | undefined;
16
+ } & {
17
17
  width?: string | number | undefined;
18
- }, {
19
- readonly space: string[];
20
- readonly palette: {
21
- success: string[];
22
- warning: string[];
23
- error: string[];
24
- primary: string[];
25
- secondary: string[];
26
- neutral: string[];
27
- };
28
- readonly fontFamily: {
29
- body: string;
30
- monospace: string;
31
- };
32
- readonly fontSize: string[];
33
- readonly lineHeight: number[];
34
- readonly radius: string[];
35
- readonly borderWidth: string[];
36
- readonly grid: number[];
37
- readonly shadows: {
38
- small: string;
39
- big: string;
40
- pill: string;
41
- bigCentered: string;
42
- popover: string;
43
- secondaryNavActiveItem: string;
44
- };
45
- readonly sizes: {
46
- PageHeaderIcon: number;
47
- };
48
- readonly zIndex: {
49
- Base: number;
50
- Overlay: number;
51
- FormControl: number;
52
- SecondaryNav: number;
53
- SecondaryNavActiveItem: number;
54
- PrimaryNav: number;
55
- PopOver: number;
56
- PageHeaderSearch: number;
57
- Modal: number;
58
- Tether: number;
59
- GlobalNav: number;
60
- Toast: number;
61
- };
62
- readonly color: {
63
- Dune: string;
64
- CuriousBlue: string;
65
- FlushMahogany: string;
66
- Maroon: string;
67
- PinkSwan: string;
68
- Matisse: string;
69
- HummingBird: string;
70
- Primary: string;
71
- PrimaryContrast: string;
72
- PrimaryFade: string;
73
- PrimaryLight: string;
74
- PrimaryLightFade: string;
75
- PrimaryLightHighlight: string;
76
- PrimaryAccent: string;
77
- DarkBackground: string;
78
- DarkBar: string;
79
- DarkHover: string;
80
- DarkPrimary: string;
81
- DarkSecondary: string;
82
- LightBackground: string;
83
- LightBar: string;
84
- LightDisabled: string;
85
- LightDivider: string;
86
- LightDividerNew: string;
87
- LightHint: string;
88
- LightHover: string;
89
- LightPrimary: string;
90
- LightSecondary: string;
91
- BorderGrey: string;
92
- Blue: string;
93
- BlueFade: string;
94
- Green: string;
95
- GreenFade: string;
96
- GreenBackground: string;
97
- Red: string;
98
- RedFade: string;
99
- Yellow: string;
100
- YellowFade: string;
101
- YellowHighlight: string;
102
- Orange: string;
103
- OrangeFill: string;
104
- OrangeBackground: string;
105
- Error: string;
106
- ErrorFade: string;
107
- ErrorBackground: string;
108
- DraggableDraggingBackground: string;
109
- Aquamarine: string;
110
- Azure: string;
111
- AzureNew: string;
112
- AzureFade: string;
113
- AzureHighlight: string;
114
- Silver: string;
115
- BlueNavy: string;
116
- Black: string;
117
- TurquoiseBlue: string;
118
- SummerSky: string;
119
- Mondo: string;
120
- HeavyMetal: string;
121
- BokaraGrey: string;
122
- Cyan: string;
123
- Eucalyptus: string;
124
- Flamingo: string;
125
- Zorba: string;
126
- Flint: string;
127
- Maya: string;
128
- Bondi: string;
129
- Emerald: string;
130
- Carissma: string;
131
- Solitude: string;
132
- WhiteSmoke: string;
133
- Violet: string;
134
- FireBrick: string;
135
- Purple: string;
136
- Buckthorn: string;
137
- };
138
- readonly gradient: {
139
- main: string;
140
- neutral: string;
141
- };
142
- }>;
143
- export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
144
- active?: boolean | undefined;
145
- }, {
146
- readonly space: string[];
147
- readonly palette: {
148
- success: string[];
149
- warning: string[];
150
- error: string[];
151
- primary: string[];
152
- secondary: string[];
153
- neutral: string[];
154
- };
155
- readonly fontFamily: {
156
- body: string;
157
- monospace: string;
158
- };
159
- readonly fontSize: string[];
160
- readonly lineHeight: number[];
161
- readonly radius: string[];
162
- readonly borderWidth: string[];
163
- readonly grid: number[];
164
- readonly shadows: {
165
- small: string;
166
- big: string;
167
- pill: string;
168
- bigCentered: string;
169
- popover: string;
170
- secondaryNavActiveItem: string;
171
- };
172
- readonly sizes: {
173
- PageHeaderIcon: number;
174
- };
175
- readonly zIndex: {
176
- Base: number;
177
- Overlay: number;
178
- FormControl: number;
179
- SecondaryNav: number;
180
- SecondaryNavActiveItem: number;
181
- PrimaryNav: number;
182
- PopOver: number;
183
- PageHeaderSearch: number;
184
- Modal: number;
185
- Tether: number;
186
- GlobalNav: number;
187
- Toast: number;
188
- };
189
- readonly color: {
190
- Dune: string;
191
- CuriousBlue: string;
192
- FlushMahogany: string;
193
- Maroon: string;
194
- PinkSwan: string;
195
- Matisse: string;
196
- HummingBird: string;
197
- Primary: string;
198
- PrimaryContrast: string;
199
- PrimaryFade: string;
200
- PrimaryLight: string;
201
- PrimaryLightFade: string;
202
- PrimaryLightHighlight: string;
203
- PrimaryAccent: string;
204
- DarkBackground: string;
205
- DarkBar: string;
206
- DarkHover: string;
207
- DarkPrimary: string;
208
- DarkSecondary: string;
209
- LightBackground: string;
210
- LightBar: string;
211
- LightDisabled: string;
212
- LightDivider: string;
213
- LightDividerNew: string;
214
- LightHint: string;
215
- LightHover: string;
216
- LightPrimary: string;
217
- LightSecondary: string;
218
- BorderGrey: string;
219
- Blue: string;
220
- BlueFade: string;
221
- Green: string;
222
- GreenFade: string;
223
- GreenBackground: string;
224
- Red: string;
225
- RedFade: string;
226
- Yellow: string;
227
- YellowFade: string;
228
- YellowHighlight: string;
229
- Orange: string;
230
- OrangeFill: string;
231
- OrangeBackground: string;
232
- Error: string;
233
- ErrorFade: string;
234
- ErrorBackground: string;
235
- DraggableDraggingBackground: string;
236
- Aquamarine: string;
237
- Azure: string;
238
- AzureNew: string;
239
- AzureFade: string;
240
- AzureHighlight: string;
241
- Silver: string;
242
- BlueNavy: string;
243
- Black: string;
244
- TurquoiseBlue: string;
245
- SummerSky: string;
246
- Mondo: string;
247
- HeavyMetal: string;
248
- BokaraGrey: string;
249
- Cyan: string;
250
- Eucalyptus: string;
251
- Flamingo: string;
252
- Zorba: string;
253
- Flint: string;
254
- Maya: string;
255
- Bondi: string;
256
- Emerald: string;
257
- Carissma: string;
258
- Solitude: string;
259
- WhiteSmoke: string;
260
- Violet: string;
261
- FireBrick: string;
262
- Purple: string;
263
- Buckthorn: string;
264
- };
265
- readonly gradient: {
266
- main: string;
267
- neutral: string;
268
- };
269
- }>;
270
- export declare const NavButton: import("@emotion/styled-base").StyledComponent<UnstyledButtonProps & {
271
- children?: React.ReactNode;
18
+ }, {}, {}>;
19
+ export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
20
+ theme?: import("@emotion/react").Theme | undefined;
21
+ as?: React.ElementType<any> | undefined;
272
22
  } & {
273
23
  active?: boolean | undefined;
274
- disabled?: boolean | undefined;
275
- } & {
276
- theme?: {
277
- readonly space: string[];
278
- readonly palette: {
279
- success: string[];
280
- warning: string[];
281
- error: string[];
282
- primary: string[];
283
- secondary: string[];
284
- neutral: string[];
285
- };
286
- readonly fontFamily: {
287
- body: string;
288
- monospace: string;
289
- };
290
- readonly fontSize: string[];
291
- readonly lineHeight: number[];
292
- readonly radius: string[];
293
- readonly borderWidth: string[];
294
- readonly grid: number[];
295
- readonly shadows: {
296
- small: string;
297
- big: string;
298
- pill: string;
299
- bigCentered: string;
300
- popover: string;
301
- secondaryNavActiveItem: string;
302
- };
303
- readonly sizes: {
304
- PageHeaderIcon: number;
305
- };
306
- readonly zIndex: {
307
- Base: number;
308
- Overlay: number;
309
- FormControl: number;
310
- SecondaryNav: number;
311
- SecondaryNavActiveItem: number;
312
- PrimaryNav: number;
313
- PopOver: number;
314
- PageHeaderSearch: number;
315
- Modal: number;
316
- Tether: number;
317
- GlobalNav: number;
318
- Toast: number;
319
- };
320
- readonly color: {
321
- Dune: string;
322
- CuriousBlue: string;
323
- FlushMahogany: string;
324
- Maroon: string;
325
- PinkSwan: string;
326
- Matisse: string;
327
- HummingBird: string;
328
- Primary: string;
329
- PrimaryContrast: string;
330
- PrimaryFade: string;
331
- PrimaryLight: string;
332
- PrimaryLightFade: string;
333
- PrimaryLightHighlight: string;
334
- PrimaryAccent: string;
335
- DarkBackground: string;
336
- DarkBar: string;
337
- DarkHover: string;
338
- DarkPrimary: string;
339
- DarkSecondary: string;
340
- LightBackground: string;
341
- LightBar: string;
342
- LightDisabled: string;
343
- LightDivider: string;
344
- LightDividerNew: string;
345
- LightHint: string;
346
- LightHover: string;
347
- LightPrimary: string;
348
- LightSecondary: string;
349
- BorderGrey: string;
350
- Blue: string;
351
- BlueFade: string;
352
- Green: string;
353
- GreenFade: string;
354
- GreenBackground: string;
355
- Red: string;
356
- RedFade: string;
357
- Yellow: string;
358
- YellowFade: string;
359
- YellowHighlight: string;
360
- Orange: string;
361
- OrangeFill: string;
362
- OrangeBackground: string;
363
- Error: string;
364
- ErrorFade: string;
365
- ErrorBackground: string;
366
- DraggableDraggingBackground: string;
367
- Aquamarine: string;
368
- Azure: string;
369
- AzureNew: string;
370
- AzureFade: string;
371
- AzureHighlight: string;
372
- Silver: string;
373
- BlueNavy: string;
374
- Black: string;
375
- TurquoiseBlue: string;
376
- SummerSky: string;
377
- Mondo: string;
378
- HeavyMetal: string;
379
- BokaraGrey: string;
380
- Cyan: string;
381
- Eucalyptus: string;
382
- Flamingo: string;
383
- Zorba: string;
384
- Flint: string;
385
- Maya: string;
386
- Bondi: string;
387
- Emerald: string;
388
- Carissma: string;
389
- Solitude: string;
390
- WhiteSmoke: string;
391
- Violet: string;
392
- FireBrick: string;
393
- Purple: string;
394
- Buckthorn: string;
395
- };
396
- readonly gradient: {
397
- main: string;
398
- neutral: string;
399
- };
400
- } | undefined;
401
- }, any, {
402
- readonly space: string[];
403
- readonly palette: {
404
- success: string[];
405
- warning: string[];
406
- error: string[];
407
- primary: string[];
408
- secondary: string[];
409
- neutral: string[];
410
- };
411
- readonly fontFamily: {
412
- body: string;
413
- monospace: string;
414
- };
415
- readonly fontSize: string[];
416
- readonly lineHeight: number[];
417
- readonly radius: string[];
418
- readonly borderWidth: string[];
419
- readonly grid: number[];
420
- readonly shadows: {
421
- small: string;
422
- big: string;
423
- pill: string;
424
- bigCentered: string;
425
- popover: string;
426
- secondaryNavActiveItem: string;
427
- };
428
- readonly sizes: {
429
- PageHeaderIcon: number;
430
- };
431
- readonly zIndex: {
432
- Base: number;
433
- Overlay: number;
434
- FormControl: number;
435
- SecondaryNav: number;
436
- SecondaryNavActiveItem: number;
437
- PrimaryNav: number;
438
- PopOver: number;
439
- PageHeaderSearch: number;
440
- Modal: number;
441
- Tether: number;
442
- GlobalNav: number;
443
- Toast: number;
444
- };
445
- readonly color: {
446
- Dune: string;
447
- CuriousBlue: string;
448
- FlushMahogany: string;
449
- Maroon: string;
450
- PinkSwan: string;
451
- Matisse: string;
452
- HummingBird: string;
453
- Primary: string;
454
- PrimaryContrast: string;
455
- PrimaryFade: string;
456
- PrimaryLight: string;
457
- PrimaryLightFade: string;
458
- PrimaryLightHighlight: string;
459
- PrimaryAccent: string;
460
- DarkBackground: string;
461
- DarkBar: string;
462
- DarkHover: string;
463
- DarkPrimary: string;
464
- DarkSecondary: string;
465
- LightBackground: string;
466
- LightBar: string;
467
- LightDisabled: string;
468
- LightDivider: string;
469
- LightDividerNew: string;
470
- LightHint: string;
471
- LightHover: string;
472
- LightPrimary: string;
473
- LightSecondary: string;
474
- BorderGrey: string;
475
- Blue: string;
476
- BlueFade: string;
477
- Green: string;
478
- GreenFade: string;
479
- GreenBackground: string;
480
- Red: string;
481
- RedFade: string;
482
- Yellow: string;
483
- YellowFade: string;
484
- YellowHighlight: string;
485
- Orange: string;
486
- OrangeFill: string;
487
- OrangeBackground: string;
488
- Error: string;
489
- ErrorFade: string;
490
- ErrorBackground: string;
491
- DraggableDraggingBackground: string;
492
- Aquamarine: string;
493
- Azure: string;
494
- AzureNew: string;
495
- AzureFade: string;
496
- AzureHighlight: string;
497
- Silver: string;
498
- BlueNavy: string;
499
- Black: string;
500
- TurquoiseBlue: string;
501
- SummerSky: string;
502
- Mondo: string;
503
- HeavyMetal: string;
504
- BokaraGrey: string;
505
- Cyan: string;
506
- Eucalyptus: string;
507
- Flamingo: string;
508
- Zorba: string;
509
- Flint: string;
510
- Maya: string;
511
- Bondi: string;
512
- Emerald: string;
513
- Carissma: string;
514
- Solitude: string;
515
- WhiteSmoke: string;
516
- Violet: string;
517
- FireBrick: string;
518
- Purple: string;
519
- Buckthorn: string;
520
- };
521
- readonly gradient: {
522
- main: string;
523
- neutral: string;
524
- };
525
- }>;
526
- export declare const ErrorIcon: import("@emotion/styled-base").StyledComponent<(Pick<React.SVGProps<SVGSVGElement>, "string" | "max" | "accumulate" | "origin" | "end" | "alphabetic" | "hanging" | "ideographic" | "media" | "style" | "clipPath" | "filter" | "mask" | "result" | "fill" | "values" | "local" | "color" | "clip" | "stroke" | "mathematical" | "additive" | "key" | "children" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "type" | "radius" | "name" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "target" | "href" | "method" | "min" | "crossOrigin" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<React.Component<React.SVGProps<SVGSVGElement>, any, any>>) | (Pick<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>, "string" | "max" | "accumulate" | "origin" | "end" | "alphabetic" | "hanging" | "ideographic" | "media" | "style" | "clipPath" | "filter" | "mask" | "result" | "fill" | "values" | "local" | "color" | "clip" | "stroke" | "mathematical" | "additive" | "key" | "children" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "type" | "radius" | "name" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "target" | "href" | "method" | "min" | "crossOrigin" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & {
527
- ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
528
- }), {
24
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
25
+ export declare const NavButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
26
+ export declare const ErrorIcon: import("@emotion/styled").StyledComponent<((React.SVGProps<SVGSVGElement> | (React.SVGProps<SVGSVGElement> & {
27
+ children?: React.ReactNode;
28
+ })) & {
29
+ theme?: import("@emotion/react").Theme | undefined;
30
+ }) & {
529
31
  active?: boolean | undefined;
530
- }, {
531
- readonly space: string[];
532
- readonly palette: {
533
- success: string[];
534
- warning: string[];
535
- error: string[];
536
- primary: string[];
537
- secondary: string[];
538
- neutral: string[];
539
- };
540
- readonly fontFamily: {
541
- body: string;
542
- monospace: string;
543
- };
544
- readonly fontSize: string[];
545
- readonly lineHeight: number[];
546
- readonly radius: string[];
547
- readonly borderWidth: string[];
548
- readonly grid: number[];
549
- readonly shadows: {
550
- small: string;
551
- big: string;
552
- pill: string;
553
- bigCentered: string;
554
- popover: string;
555
- secondaryNavActiveItem: string;
556
- };
557
- readonly sizes: {
558
- PageHeaderIcon: number;
559
- };
560
- readonly zIndex: {
561
- Base: number;
562
- Overlay: number;
563
- FormControl: number;
564
- SecondaryNav: number;
565
- SecondaryNavActiveItem: number;
566
- PrimaryNav: number;
567
- PopOver: number;
568
- PageHeaderSearch: number;
569
- Modal: number;
570
- Tether: number;
571
- GlobalNav: number;
572
- Toast: number;
573
- };
574
- readonly color: {
575
- Dune: string;
576
- CuriousBlue: string;
577
- FlushMahogany: string;
578
- Maroon: string;
579
- PinkSwan: string;
580
- Matisse: string;
581
- HummingBird: string;
582
- Primary: string;
583
- PrimaryContrast: string;
584
- PrimaryFade: string;
585
- PrimaryLight: string;
586
- PrimaryLightFade: string;
587
- PrimaryLightHighlight: string;
588
- PrimaryAccent: string;
589
- DarkBackground: string;
590
- DarkBar: string;
591
- DarkHover: string;
592
- DarkPrimary: string;
593
- DarkSecondary: string;
594
- LightBackground: string;
595
- LightBar: string;
596
- LightDisabled: string;
597
- LightDivider: string;
598
- LightDividerNew: string;
599
- LightHint: string;
600
- LightHover: string;
601
- LightPrimary: string;
602
- LightSecondary: string;
603
- BorderGrey: string;
604
- Blue: string;
605
- BlueFade: string;
606
- Green: string;
607
- GreenFade: string;
608
- GreenBackground: string;
609
- Red: string;
610
- RedFade: string;
611
- Yellow: string;
612
- YellowFade: string;
613
- YellowHighlight: string;
614
- Orange: string;
615
- OrangeFill: string;
616
- OrangeBackground: string;
617
- Error: string;
618
- ErrorFade: string;
619
- ErrorBackground: string;
620
- DraggableDraggingBackground: string;
621
- Aquamarine: string;
622
- Azure: string;
623
- AzureNew: string;
624
- AzureFade: string;
625
- AzureHighlight: string;
626
- Silver: string;
627
- BlueNavy: string;
628
- Black: string;
629
- TurquoiseBlue: string;
630
- SummerSky: string;
631
- Mondo: string;
632
- HeavyMetal: string;
633
- BokaraGrey: string;
634
- Cyan: string;
635
- Eucalyptus: string;
636
- Flamingo: string;
637
- Zorba: string;
638
- Flint: string;
639
- Maya: string;
640
- Bondi: string;
641
- Emerald: string;
642
- Carissma: string;
643
- Solitude: string;
644
- WhiteSmoke: string;
645
- Violet: string;
646
- FireBrick: string;
647
- Purple: string;
648
- Buckthorn: string;
649
- };
650
- readonly gradient: {
651
- main: string;
652
- neutral: string;
653
- };
654
- }>;
32
+ }, {}, {}>;
655
33
  declare type NavItemProps = {
656
34
  active?: boolean;
657
35
  children: React.ReactNode;