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,770 +1,23 @@
1
- /// <reference types="types/@emotion/styled" />
2
1
  import React from 'react';
3
2
  import Box from '../Box';
4
3
  import IconItem from './IconItem';
5
4
  import type { ColorVariantTypes } from './variants';
6
- export declare const StyledIconBar: import("@emotion/styled-base").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
7
- theme?: {
8
- readonly space: string[];
9
- readonly palette: {
10
- success: string[];
11
- warning: string[];
12
- error: string[];
13
- primary: string[];
14
- secondary: string[];
15
- neutral: string[];
16
- };
17
- readonly fontFamily: {
18
- body: string;
19
- monospace: string;
20
- };
21
- readonly fontSize: string[];
22
- readonly lineHeight: number[];
23
- readonly radius: string[];
24
- readonly borderWidth: string[];
25
- readonly grid: number[];
26
- readonly shadows: {
27
- small: string;
28
- big: string;
29
- pill: string;
30
- bigCentered: string;
31
- popover: string;
32
- secondaryNavActiveItem: string;
33
- };
34
- readonly sizes: {
35
- PageHeaderIcon: number;
36
- };
37
- readonly zIndex: {
38
- Base: number;
39
- Overlay: number;
40
- FormControl: number;
41
- SecondaryNav: number;
42
- SecondaryNavActiveItem: number;
43
- PrimaryNav: number;
44
- PopOver: number;
45
- PageHeaderSearch: number;
46
- Modal: number;
47
- Tether: number;
48
- GlobalNav: number;
49
- Toast: number;
50
- };
51
- readonly color: {
52
- Dune: string;
53
- CuriousBlue: string;
54
- FlushMahogany: string;
55
- Maroon: string;
56
- PinkSwan: string;
57
- Matisse: string;
58
- HummingBird: string;
59
- Primary: string;
60
- PrimaryContrast: string;
61
- PrimaryFade: string;
62
- PrimaryLight: string;
63
- PrimaryLightFade: string;
64
- PrimaryLightHighlight: string;
65
- PrimaryAccent: string;
66
- DarkBackground: string;
67
- DarkBar: string;
68
- DarkHover: string;
69
- DarkPrimary: string;
70
- DarkSecondary: string;
71
- LightBackground: string;
72
- LightBar: string;
73
- LightDisabled: string;
74
- LightDivider: string;
75
- LightDividerNew: string;
76
- LightHint: string;
77
- LightHover: string;
78
- LightPrimary: string;
79
- LightSecondary: string;
80
- BorderGrey: string;
81
- Blue: string;
82
- BlueFade: string;
83
- Green: string;
84
- GreenFade: string;
85
- GreenBackground: string;
86
- Red: string;
87
- RedFade: string;
88
- Yellow: string;
89
- YellowFade: string;
90
- YellowHighlight: string;
91
- Orange: string;
92
- OrangeFill: string;
93
- OrangeBackground: string;
94
- Error: string;
95
- ErrorFade: string;
96
- ErrorBackground: string;
97
- DraggableDraggingBackground: string;
98
- Aquamarine: string;
99
- Azure: string;
100
- AzureNew: string;
101
- AzureFade: string;
102
- AzureHighlight: string;
103
- Silver: string;
104
- BlueNavy: string;
105
- Black: string;
106
- TurquoiseBlue: string;
107
- SummerSky: string;
108
- Mondo: string;
109
- HeavyMetal: string;
110
- BokaraGrey: string;
111
- Cyan: string;
112
- Eucalyptus: string;
113
- Flamingo: string;
114
- Zorba: string;
115
- Flint: string;
116
- Maya: string;
117
- Bondi: string;
118
- Emerald: string;
119
- Carissma: string;
120
- Solitude: string;
121
- WhiteSmoke: string;
122
- Violet: string;
123
- FireBrick: string;
124
- Purple: string;
125
- Buckthorn: string;
126
- };
127
- readonly gradient: {
128
- main: string;
129
- neutral: string;
130
- };
131
- } | undefined;
132
- }>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
133
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
134
- }, Pick<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
135
- theme?: {
136
- readonly space: string[];
137
- readonly palette: {
138
- success: string[];
139
- warning: string[];
140
- error: string[];
141
- primary: string[];
142
- secondary: string[];
143
- neutral: string[];
144
- };
145
- readonly fontFamily: {
146
- body: string;
147
- monospace: string;
148
- };
149
- readonly fontSize: string[];
150
- readonly lineHeight: number[];
151
- readonly radius: string[];
152
- readonly borderWidth: string[];
153
- readonly grid: number[];
154
- readonly shadows: {
155
- small: string;
156
- big: string;
157
- pill: string;
158
- bigCentered: string;
159
- popover: string;
160
- secondaryNavActiveItem: string;
161
- };
162
- readonly sizes: {
163
- PageHeaderIcon: number;
164
- };
165
- readonly zIndex: {
166
- Base: number;
167
- Overlay: number;
168
- FormControl: number;
169
- SecondaryNav: number;
170
- SecondaryNavActiveItem: number;
171
- PrimaryNav: number;
172
- PopOver: number;
173
- PageHeaderSearch: number;
174
- Modal: number;
175
- Tether: number;
176
- GlobalNav: number;
177
- Toast: number;
178
- };
179
- readonly color: {
180
- Dune: string;
181
- CuriousBlue: string;
182
- FlushMahogany: string;
183
- Maroon: string;
184
- PinkSwan: string;
185
- Matisse: string;
186
- HummingBird: string;
187
- Primary: string;
188
- PrimaryContrast: string;
189
- PrimaryFade: string;
190
- PrimaryLight: string;
191
- PrimaryLightFade: string;
192
- PrimaryLightHighlight: string;
193
- PrimaryAccent: string;
194
- DarkBackground: string;
195
- DarkBar: string;
196
- DarkHover: string;
197
- DarkPrimary: string;
198
- DarkSecondary: string;
199
- LightBackground: string;
200
- LightBar: string;
201
- LightDisabled: string;
202
- LightDivider: string;
203
- LightDividerNew: string;
204
- LightHint: string;
205
- LightHover: string;
206
- LightPrimary: string;
207
- LightSecondary: string;
208
- BorderGrey: string;
209
- Blue: string;
210
- BlueFade: string;
211
- Green: string;
212
- GreenFade: string;
213
- GreenBackground: string;
214
- Red: string;
215
- RedFade: string;
216
- Yellow: string;
217
- YellowFade: string;
218
- YellowHighlight: string;
219
- Orange: string;
220
- OrangeFill: string;
221
- OrangeBackground: string;
222
- Error: string;
223
- ErrorFade: string;
224
- ErrorBackground: string;
225
- DraggableDraggingBackground: string;
226
- Aquamarine: string;
227
- Azure: string;
228
- AzureNew: string;
229
- AzureFade: string;
230
- AzureHighlight: string;
231
- Silver: string;
232
- BlueNavy: string;
233
- Black: string;
234
- TurquoiseBlue: string;
235
- SummerSky: string;
236
- Mondo: string;
237
- HeavyMetal: string;
238
- BokaraGrey: string;
239
- Cyan: string;
240
- Eucalyptus: string;
241
- Flamingo: string;
242
- Zorba: string;
243
- Flint: string;
244
- Maya: string;
245
- Bondi: string;
246
- Emerald: string;
247
- Carissma: string;
248
- Solitude: string;
249
- WhiteSmoke: string;
250
- Violet: string;
251
- FireBrick: string;
252
- Purple: string;
253
- Buckthorn: string;
254
- };
255
- readonly gradient: {
256
- main: string;
257
- neutral: string;
258
- };
259
- } | undefined;
260
- }>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
261
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
262
- }, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full">, {
263
- readonly space: string[];
264
- readonly palette: {
265
- success: string[];
266
- warning: string[];
267
- error: string[];
268
- primary: string[];
269
- secondary: string[];
270
- neutral: string[];
271
- };
272
- readonly fontFamily: {
273
- body: string;
274
- monospace: string;
275
- };
276
- readonly fontSize: string[];
277
- readonly lineHeight: number[];
278
- readonly radius: string[];
279
- readonly borderWidth: string[];
280
- readonly grid: number[];
281
- readonly shadows: {
282
- small: string;
283
- big: string;
284
- pill: string;
285
- bigCentered: string;
286
- popover: string;
287
- secondaryNavActiveItem: string;
288
- };
289
- readonly sizes: {
290
- PageHeaderIcon: number;
291
- };
292
- readonly zIndex: {
293
- Base: number;
294
- Overlay: number;
295
- FormControl: number;
296
- SecondaryNav: number;
297
- SecondaryNavActiveItem: number;
298
- PrimaryNav: number;
299
- PopOver: number;
300
- PageHeaderSearch: number;
301
- Modal: number;
302
- Tether: number;
303
- GlobalNav: number;
304
- Toast: number;
305
- };
306
- readonly color: {
307
- Dune: string;
308
- CuriousBlue: string;
309
- FlushMahogany: string;
310
- Maroon: string;
311
- PinkSwan: string;
312
- Matisse: string;
313
- HummingBird: string;
314
- Primary: string;
315
- PrimaryContrast: string;
316
- PrimaryFade: string;
317
- PrimaryLight: string;
318
- PrimaryLightFade: string;
319
- PrimaryLightHighlight: string;
320
- PrimaryAccent: string;
321
- DarkBackground: string;
322
- DarkBar: string;
323
- DarkHover: string;
324
- DarkPrimary: string;
325
- DarkSecondary: string;
326
- LightBackground: string;
327
- LightBar: string;
328
- LightDisabled: string;
329
- LightDivider: string;
330
- LightDividerNew: string;
331
- LightHint: string;
332
- LightHover: string;
333
- LightPrimary: string;
334
- LightSecondary: string;
335
- BorderGrey: string;
336
- Blue: string;
337
- BlueFade: string;
338
- Green: string;
339
- GreenFade: string;
340
- GreenBackground: string;
341
- Red: string;
342
- RedFade: string;
343
- Yellow: string;
344
- YellowFade: string;
345
- YellowHighlight: string;
346
- Orange: string;
347
- OrangeFill: string;
348
- OrangeBackground: string;
349
- Error: string;
350
- ErrorFade: string;
351
- ErrorBackground: string;
352
- DraggableDraggingBackground: string;
353
- Aquamarine: string;
354
- Azure: string;
355
- AzureNew: string;
356
- AzureFade: string;
357
- AzureHighlight: string;
358
- Silver: string;
359
- BlueNavy: string;
360
- Black: string;
361
- TurquoiseBlue: string;
362
- SummerSky: string;
363
- Mondo: string;
364
- HeavyMetal: string;
365
- BokaraGrey: string;
366
- Cyan: string;
367
- Eucalyptus: string;
368
- Flamingo: string;
369
- Zorba: string;
370
- Flint: string;
371
- Maya: string;
372
- Bondi: string;
373
- Emerald: string;
374
- Carissma: string;
375
- Solitude: string;
376
- WhiteSmoke: string;
377
- Violet: string;
378
- FireBrick: string;
379
- Purple: string;
380
- Buckthorn: string;
381
- };
382
- readonly gradient: {
383
- main: string;
384
- neutral: string;
385
- };
386
- }>;
387
- export declare const IconContainer: import("@emotion/styled-base").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
388
- theme?: {
389
- readonly space: string[];
390
- readonly palette: {
391
- success: string[];
392
- warning: string[];
393
- error: string[];
394
- primary: string[];
395
- secondary: string[];
396
- neutral: string[];
397
- };
398
- readonly fontFamily: {
399
- body: string;
400
- monospace: string;
401
- };
402
- readonly fontSize: string[];
403
- readonly lineHeight: number[];
404
- readonly radius: string[];
405
- readonly borderWidth: string[];
406
- readonly grid: number[];
407
- readonly shadows: {
408
- small: string;
409
- big: string;
410
- pill: string;
411
- bigCentered: string;
412
- popover: string;
413
- secondaryNavActiveItem: string;
414
- };
415
- readonly sizes: {
416
- PageHeaderIcon: number;
417
- };
418
- readonly zIndex: {
419
- Base: number;
420
- Overlay: number;
421
- FormControl: number;
422
- SecondaryNav: number;
423
- SecondaryNavActiveItem: number;
424
- PrimaryNav: number;
425
- PopOver: number;
426
- PageHeaderSearch: number;
427
- Modal: number;
428
- Tether: number;
429
- GlobalNav: number;
430
- Toast: number;
431
- };
432
- readonly color: {
433
- Dune: string;
434
- CuriousBlue: string;
435
- FlushMahogany: string;
436
- Maroon: string;
437
- PinkSwan: string;
438
- Matisse: string;
439
- HummingBird: string;
440
- Primary: string;
441
- PrimaryContrast: string;
442
- PrimaryFade: string;
443
- PrimaryLight: string;
444
- PrimaryLightFade: string;
445
- PrimaryLightHighlight: string;
446
- PrimaryAccent: string;
447
- DarkBackground: string;
448
- DarkBar: string;
449
- DarkHover: string;
450
- DarkPrimary: string;
451
- DarkSecondary: string;
452
- LightBackground: string;
453
- LightBar: string;
454
- LightDisabled: string;
455
- LightDivider: string;
456
- LightDividerNew: string;
457
- LightHint: string;
458
- LightHover: string;
459
- LightPrimary: string;
460
- LightSecondary: string;
461
- BorderGrey: string;
462
- Blue: string;
463
- BlueFade: string;
464
- Green: string;
465
- GreenFade: string;
466
- GreenBackground: string;
467
- Red: string;
468
- RedFade: string;
469
- Yellow: string;
470
- YellowFade: string;
471
- YellowHighlight: string;
472
- Orange: string;
473
- OrangeFill: string;
474
- OrangeBackground: string;
475
- Error: string;
476
- ErrorFade: string;
477
- ErrorBackground: string;
478
- DraggableDraggingBackground: string;
479
- Aquamarine: string;
480
- Azure: string;
481
- AzureNew: string;
482
- AzureFade: string;
483
- AzureHighlight: string;
484
- Silver: string;
485
- BlueNavy: string;
486
- Black: string;
487
- TurquoiseBlue: string;
488
- SummerSky: string;
489
- Mondo: string;
490
- HeavyMetal: string;
491
- BokaraGrey: string;
492
- Cyan: string;
493
- Eucalyptus: string;
494
- Flamingo: string;
495
- Zorba: string;
496
- Flint: string;
497
- Maya: string;
498
- Bondi: string;
499
- Emerald: string;
500
- Carissma: string;
501
- Solitude: string;
502
- WhiteSmoke: string;
503
- Violet: string;
504
- FireBrick: string;
505
- Purple: string;
506
- Buckthorn: string;
507
- };
508
- readonly gradient: {
509
- main: string;
510
- neutral: string;
511
- };
512
- } | undefined;
513
- }>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
514
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
515
- }, Pick<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
516
- theme?: {
517
- readonly space: string[];
518
- readonly palette: {
519
- success: string[];
520
- warning: string[];
521
- error: string[];
522
- primary: string[];
523
- secondary: string[];
524
- neutral: string[];
525
- };
526
- readonly fontFamily: {
527
- body: string;
528
- monospace: string;
529
- };
530
- readonly fontSize: string[];
531
- readonly lineHeight: number[];
532
- readonly radius: string[];
533
- readonly borderWidth: string[];
534
- readonly grid: number[];
535
- readonly shadows: {
536
- small: string;
537
- big: string;
538
- pill: string;
539
- bigCentered: string;
540
- popover: string;
541
- secondaryNavActiveItem: string;
542
- };
543
- readonly sizes: {
544
- PageHeaderIcon: number;
545
- };
546
- readonly zIndex: {
547
- Base: number;
548
- Overlay: number;
549
- FormControl: number;
550
- SecondaryNav: number;
551
- SecondaryNavActiveItem: number;
552
- PrimaryNav: number;
553
- PopOver: number;
554
- PageHeaderSearch: number;
555
- Modal: number;
556
- Tether: number;
557
- GlobalNav: number;
558
- Toast: number;
559
- };
560
- readonly color: {
561
- Dune: string;
562
- CuriousBlue: string;
563
- FlushMahogany: string;
564
- Maroon: string;
565
- PinkSwan: string;
566
- Matisse: string;
567
- HummingBird: string;
568
- Primary: string;
569
- PrimaryContrast: string;
570
- PrimaryFade: string;
571
- PrimaryLight: string;
572
- PrimaryLightFade: string;
573
- PrimaryLightHighlight: string;
574
- PrimaryAccent: string;
575
- DarkBackground: string;
576
- DarkBar: string;
577
- DarkHover: string;
578
- DarkPrimary: string;
579
- DarkSecondary: string;
580
- LightBackground: string;
581
- LightBar: string;
582
- LightDisabled: string;
583
- LightDivider: string;
584
- LightDividerNew: string;
585
- LightHint: string;
586
- LightHover: string;
587
- LightPrimary: string;
588
- LightSecondary: string;
589
- BorderGrey: string;
590
- Blue: string;
591
- BlueFade: string;
592
- Green: string;
593
- GreenFade: string;
594
- GreenBackground: string;
595
- Red: string;
596
- RedFade: string;
597
- Yellow: string;
598
- YellowFade: string;
599
- YellowHighlight: string;
600
- Orange: string;
601
- OrangeFill: string;
602
- OrangeBackground: string;
603
- Error: string;
604
- ErrorFade: string;
605
- ErrorBackground: string;
606
- DraggableDraggingBackground: string;
607
- Aquamarine: string;
608
- Azure: string;
609
- AzureNew: string;
610
- AzureFade: string;
611
- AzureHighlight: string;
612
- Silver: string;
613
- BlueNavy: string;
614
- Black: string;
615
- TurquoiseBlue: string;
616
- SummerSky: string;
617
- Mondo: string;
618
- HeavyMetal: string;
619
- BokaraGrey: string;
620
- Cyan: string;
621
- Eucalyptus: string;
622
- Flamingo: string;
623
- Zorba: string;
624
- Flint: string;
625
- Maya: string;
626
- Bondi: string;
627
- Emerald: string;
628
- Carissma: string;
629
- Solitude: string;
630
- WhiteSmoke: string;
631
- Violet: string;
632
- FireBrick: string;
633
- Purple: string;
634
- Buckthorn: string;
635
- };
636
- readonly gradient: {
637
- main: string;
638
- neutral: string;
639
- };
640
- } | undefined;
641
- }>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
642
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
643
- }, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full">, {
644
- readonly space: string[];
645
- readonly palette: {
646
- success: string[];
647
- warning: string[];
648
- error: string[];
649
- primary: string[];
650
- secondary: string[];
651
- neutral: string[];
652
- };
653
- readonly fontFamily: {
654
- body: string;
655
- monospace: string;
656
- };
657
- readonly fontSize: string[];
658
- readonly lineHeight: number[];
659
- readonly radius: string[];
660
- readonly borderWidth: string[];
661
- readonly grid: number[];
662
- readonly shadows: {
663
- small: string;
664
- big: string;
665
- pill: string;
666
- bigCentered: string;
667
- popover: string;
668
- secondaryNavActiveItem: string;
669
- };
670
- readonly sizes: {
671
- PageHeaderIcon: number;
672
- };
673
- readonly zIndex: {
674
- Base: number;
675
- Overlay: number;
676
- FormControl: number;
677
- SecondaryNav: number;
678
- SecondaryNavActiveItem: number;
679
- PrimaryNav: number;
680
- PopOver: number;
681
- PageHeaderSearch: number;
682
- Modal: number;
683
- Tether: number;
684
- GlobalNav: number;
685
- Toast: number;
686
- };
687
- readonly color: {
688
- Dune: string;
689
- CuriousBlue: string;
690
- FlushMahogany: string;
691
- Maroon: string;
692
- PinkSwan: string;
693
- Matisse: string;
694
- HummingBird: string;
695
- Primary: string;
696
- PrimaryContrast: string;
697
- PrimaryFade: string;
698
- PrimaryLight: string;
699
- PrimaryLightFade: string;
700
- PrimaryLightHighlight: string;
701
- PrimaryAccent: string;
702
- DarkBackground: string;
703
- DarkBar: string;
704
- DarkHover: string;
705
- DarkPrimary: string;
706
- DarkSecondary: string;
707
- LightBackground: string;
708
- LightBar: string;
709
- LightDisabled: string;
710
- LightDivider: string;
711
- LightDividerNew: string;
712
- LightHint: string;
713
- LightHover: string;
714
- LightPrimary: string;
715
- LightSecondary: string;
716
- BorderGrey: string;
717
- Blue: string;
718
- BlueFade: string;
719
- Green: string;
720
- GreenFade: string;
721
- GreenBackground: string;
722
- Red: string;
723
- RedFade: string;
724
- Yellow: string;
725
- YellowFade: string;
726
- YellowHighlight: string;
727
- Orange: string;
728
- OrangeFill: string;
729
- OrangeBackground: string;
730
- Error: string;
731
- ErrorFade: string;
732
- ErrorBackground: string;
733
- DraggableDraggingBackground: string;
734
- Aquamarine: string;
735
- Azure: string;
736
- AzureNew: string;
737
- AzureFade: string;
738
- AzureHighlight: string;
739
- Silver: string;
740
- BlueNavy: string;
741
- Black: string;
742
- TurquoiseBlue: string;
743
- SummerSky: string;
744
- Mondo: string;
745
- HeavyMetal: string;
746
- BokaraGrey: string;
747
- Cyan: string;
748
- Eucalyptus: string;
749
- Flamingo: string;
750
- Zorba: string;
751
- Flint: string;
752
- Maya: string;
753
- Bondi: string;
754
- Emerald: string;
755
- Carissma: string;
756
- Solitude: string;
757
- WhiteSmoke: string;
758
- Violet: string;
759
- FireBrick: string;
760
- Purple: string;
761
- Buckthorn: string;
762
- };
763
- readonly gradient: {
764
- main: string;
765
- neutral: string;
766
- };
767
- }>;
5
+ export declare const StyledIconBar: import("@emotion/styled").StyledComponent<{
6
+ theme?: import("@emotion/react").Theme | undefined;
7
+ as?: React.ElementType<any> | undefined;
8
+ } & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
9
+ children?: React.ReactNode;
10
+ } & {
11
+ theme?: import("@emotion/react").Theme | undefined;
12
+ }, {}, {}>;
13
+ export declare const IconContainer: import("@emotion/styled").StyledComponent<{
14
+ theme?: import("@emotion/react").Theme | undefined;
15
+ as?: React.ElementType<any> | undefined;
16
+ } & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
17
+ children?: React.ReactNode;
18
+ } & {
19
+ theme?: import("@emotion/react").Theme | undefined;
20
+ }, {}, {}>;
768
21
  declare const Separator: React.FunctionComponent;
769
22
  export declare type IconBarSubComponents = {
770
23
  IconItem: typeof IconItem;
@@ -783,521 +36,29 @@ declare function IconBar({ anchor, children, colorVariant, logoHref, logoLinkTex
783
36
  declare namespace IconBar {
784
37
  var displayName: string;
785
38
  var IconItem: {
786
- ({ children, active, variantStyles, ...props }: React.PropsWithChildren<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
787
- theme?: {
788
- readonly space: string[];
789
- readonly palette: {
790
- success: string[];
791
- warning: string[];
792
- error: string[];
793
- primary: string[];
794
- secondary: string[];
795
- neutral: string[];
796
- };
797
- readonly fontFamily: {
798
- body: string;
799
- monospace: string;
800
- };
801
- readonly fontSize: string[];
802
- readonly lineHeight: number[];
803
- readonly radius: string[];
804
- readonly borderWidth: string[];
805
- readonly grid: number[];
806
- readonly shadows: {
807
- small: string;
808
- big: string;
809
- pill: string;
810
- bigCentered: string;
811
- popover: string;
812
- secondaryNavActiveItem: string;
813
- };
814
- readonly sizes: {
815
- PageHeaderIcon: number;
816
- };
817
- readonly zIndex: {
818
- Base: number;
819
- Overlay: number;
820
- FormControl: number;
821
- SecondaryNav: number;
822
- SecondaryNavActiveItem: number;
823
- PrimaryNav: number;
824
- PopOver: number;
825
- PageHeaderSearch: number;
826
- Modal: number;
827
- Tether: number;
828
- GlobalNav: number;
829
- Toast: number;
830
- };
831
- readonly color: {
832
- Dune: string;
833
- CuriousBlue: string;
834
- FlushMahogany: string;
835
- Maroon: string;
836
- PinkSwan: string;
837
- Matisse: string;
838
- HummingBird: string;
839
- Primary: string;
840
- PrimaryContrast: string;
841
- PrimaryFade: string;
842
- PrimaryLight: string;
843
- PrimaryLightFade: string;
844
- PrimaryLightHighlight: string;
845
- PrimaryAccent: string;
846
- DarkBackground: string;
847
- DarkBar: string;
848
- DarkHover: string;
849
- DarkPrimary: string;
850
- DarkSecondary: string;
851
- LightBackground: string;
852
- LightBar: string;
853
- LightDisabled: string;
854
- LightDivider: string;
855
- LightDividerNew: string;
856
- LightHint: string;
857
- LightHover: string;
858
- LightPrimary: string;
859
- LightSecondary: string;
860
- BorderGrey: string;
861
- Blue: string;
862
- BlueFade: string;
863
- Green: string;
864
- GreenFade: string;
865
- GreenBackground: string;
866
- Red: string;
867
- RedFade: string;
868
- Yellow: string;
869
- YellowFade: string;
870
- YellowHighlight: string;
871
- Orange: string;
872
- OrangeFill: string;
873
- OrangeBackground: string;
874
- Error: string;
875
- ErrorFade: string;
876
- ErrorBackground: string;
877
- DraggableDraggingBackground: string;
878
- Aquamarine: string;
879
- Azure: string;
880
- AzureNew: string;
881
- AzureFade: string;
882
- AzureHighlight: string;
883
- Silver: string;
884
- BlueNavy: string;
885
- Black: string;
886
- TurquoiseBlue: string;
887
- SummerSky: string;
888
- Mondo: string;
889
- HeavyMetal: string;
890
- BokaraGrey: string;
891
- Cyan: string;
892
- Eucalyptus: string;
893
- Flamingo: string;
894
- Zorba: string;
895
- Flint: string;
896
- Maya: string;
897
- Bondi: string;
898
- Emerald: string;
899
- Carissma: string;
900
- Solitude: string;
901
- WhiteSmoke: string;
902
- Violet: string;
903
- FireBrick: string;
904
- Purple: string;
905
- Buckthorn: string;
906
- };
907
- readonly gradient: {
908
- main: string;
909
- neutral: string;
910
- };
911
- } | undefined;
912
- }>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
913
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
39
+ ({ children, active, variantStyles, ...props }: {
40
+ theme?: import("@emotion/react").Theme | undefined;
41
+ as?: React.ElementType<any> | undefined;
42
+ } & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
43
+ children?: React.ReactNode;
44
+ } & {
45
+ theme?: import("@emotion/react").Theme | undefined;
914
46
  } & {
915
47
  active?: boolean | undefined;
916
48
  variantStyles?: import("./variants").VariantStyles | undefined;
917
- } & {
918
- theme?: {
919
- readonly space: string[];
920
- readonly palette: {
921
- success: string[];
922
- warning: string[];
923
- error: string[];
924
- primary: string[];
925
- secondary: string[];
926
- neutral: string[];
927
- };
928
- readonly fontFamily: {
929
- body: string;
930
- monospace: string;
931
- };
932
- readonly fontSize: string[];
933
- readonly lineHeight: number[];
934
- readonly radius: string[];
935
- readonly borderWidth: string[];
936
- readonly grid: number[];
937
- readonly shadows: {
938
- small: string;
939
- big: string;
940
- pill: string;
941
- bigCentered: string;
942
- popover: string;
943
- secondaryNavActiveItem: string;
944
- };
945
- readonly sizes: {
946
- PageHeaderIcon: number;
947
- };
948
- readonly zIndex: {
949
- Base: number;
950
- Overlay: number;
951
- FormControl: number;
952
- SecondaryNav: number;
953
- SecondaryNavActiveItem: number;
954
- PrimaryNav: number;
955
- PopOver: number;
956
- PageHeaderSearch: number;
957
- Modal: number;
958
- Tether: number;
959
- GlobalNav: number;
960
- Toast: number;
961
- };
962
- readonly color: {
963
- Dune: string;
964
- CuriousBlue: string;
965
- FlushMahogany: string;
966
- Maroon: string;
967
- PinkSwan: string;
968
- Matisse: string;
969
- HummingBird: string;
970
- Primary: string;
971
- PrimaryContrast: string;
972
- PrimaryFade: string;
973
- PrimaryLight: string;
974
- PrimaryLightFade: string;
975
- PrimaryLightHighlight: string;
976
- PrimaryAccent: string;
977
- DarkBackground: string;
978
- DarkBar: string;
979
- DarkHover: string;
980
- DarkPrimary: string;
981
- DarkSecondary: string;
982
- LightBackground: string;
983
- LightBar: string;
984
- LightDisabled: string;
985
- LightDivider: string;
986
- LightDividerNew: string;
987
- LightHint: string;
988
- LightHover: string;
989
- LightPrimary: string;
990
- LightSecondary: string;
991
- BorderGrey: string;
992
- Blue: string;
993
- BlueFade: string;
994
- Green: string;
995
- GreenFade: string;
996
- GreenBackground: string;
997
- Red: string;
998
- RedFade: string;
999
- Yellow: string;
1000
- YellowFade: string;
1001
- YellowHighlight: string;
1002
- Orange: string;
1003
- OrangeFill: string;
1004
- OrangeBackground: string;
1005
- Error: string;
1006
- ErrorFade: string;
1007
- ErrorBackground: string;
1008
- DraggableDraggingBackground: string;
1009
- Aquamarine: string;
1010
- Azure: string;
1011
- AzureNew: string;
1012
- AzureFade: string;
1013
- AzureHighlight: string;
1014
- Silver: string;
1015
- BlueNavy: string;
1016
- Black: string;
1017
- TurquoiseBlue: string;
1018
- SummerSky: string;
1019
- Mondo: string;
1020
- HeavyMetal: string;
1021
- BokaraGrey: string;
1022
- Cyan: string;
1023
- Eucalyptus: string;
1024
- Flamingo: string;
1025
- Zorba: string;
1026
- Flint: string;
1027
- Maya: string;
1028
- Bondi: string;
1029
- Emerald: string;
1030
- Carissma: string;
1031
- Solitude: string;
1032
- WhiteSmoke: string;
1033
- Violet: string;
1034
- FireBrick: string;
1035
- Purple: string;
1036
- Buckthorn: string;
1037
- };
1038
- readonly gradient: {
1039
- main: string;
1040
- neutral: string;
1041
- };
1042
- } | undefined;
1043
- }>): JSX.Element | null;
49
+ }): JSX.Element | null;
1044
50
  displayName: string;
1045
- Link: import("@emotion/styled-base").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link").LinkProps & {
1046
- theme?: {
1047
- readonly space: string[];
1048
- readonly palette: {
1049
- success: string[];
1050
- warning: string[];
1051
- error: string[];
1052
- primary: string[];
1053
- secondary: string[];
1054
- neutral: string[];
1055
- };
1056
- readonly fontFamily: {
1057
- body: string;
1058
- monospace: string;
1059
- };
1060
- readonly fontSize: string[];
1061
- readonly lineHeight: number[];
1062
- readonly radius: string[];
1063
- readonly borderWidth: string[];
1064
- readonly grid: number[];
1065
- readonly shadows: {
1066
- small: string;
1067
- big: string;
1068
- pill: string;
1069
- bigCentered: string;
1070
- popover: string;
1071
- secondaryNavActiveItem: string;
1072
- };
1073
- readonly sizes: {
1074
- PageHeaderIcon: number;
1075
- };
1076
- readonly zIndex: {
1077
- Base: number;
1078
- Overlay: number;
1079
- FormControl: number;
1080
- SecondaryNav: number;
1081
- SecondaryNavActiveItem: number;
1082
- PrimaryNav: number;
1083
- PopOver: number;
1084
- PageHeaderSearch: number;
1085
- Modal: number;
1086
- Tether: number;
1087
- GlobalNav: number;
1088
- Toast: number;
1089
- };
1090
- readonly color: {
1091
- Dune: string;
1092
- CuriousBlue: string;
1093
- FlushMahogany: string;
1094
- Maroon: string;
1095
- PinkSwan: string;
1096
- Matisse: string;
1097
- HummingBird: string;
1098
- Primary: string;
1099
- PrimaryContrast: string;
1100
- PrimaryFade: string;
1101
- PrimaryLight: string;
1102
- PrimaryLightFade: string;
1103
- PrimaryLightHighlight: string;
1104
- PrimaryAccent: string;
1105
- DarkBackground: string;
1106
- DarkBar: string;
1107
- DarkHover: string;
1108
- DarkPrimary: string;
1109
- DarkSecondary: string;
1110
- LightBackground: string;
1111
- LightBar: string;
1112
- LightDisabled: string;
1113
- LightDivider: string;
1114
- LightDividerNew: string;
1115
- LightHint: string;
1116
- LightHover: string;
1117
- LightPrimary: string;
1118
- LightSecondary: string;
1119
- BorderGrey: string;
1120
- Blue: string;
1121
- BlueFade: string;
1122
- Green: string;
1123
- GreenFade: string;
1124
- GreenBackground: string;
1125
- Red: string;
1126
- RedFade: string;
1127
- Yellow: string;
1128
- YellowFade: string;
1129
- YellowHighlight: string;
1130
- Orange: string;
1131
- OrangeFill: string;
1132
- OrangeBackground: string;
1133
- Error: string;
1134
- ErrorFade: string;
1135
- ErrorBackground: string;
1136
- DraggableDraggingBackground: string;
1137
- Aquamarine: string;
1138
- Azure: string;
1139
- AzureNew: string;
1140
- AzureFade: string;
1141
- AzureHighlight: string;
1142
- Silver: string;
1143
- BlueNavy: string;
1144
- Black: string;
1145
- TurquoiseBlue: string;
1146
- SummerSky: string;
1147
- Mondo: string;
1148
- HeavyMetal: string;
1149
- BokaraGrey: string;
1150
- Cyan: string;
1151
- Eucalyptus: string;
1152
- Flamingo: string;
1153
- Zorba: string;
1154
- Flint: string;
1155
- Maya: string;
1156
- Bondi: string;
1157
- Emerald: string;
1158
- Carissma: string;
1159
- Solitude: string;
1160
- WhiteSmoke: string;
1161
- Violet: string;
1162
- FireBrick: string;
1163
- Purple: string;
1164
- Buckthorn: string;
1165
- };
1166
- readonly gradient: {
1167
- main: string;
1168
- neutral: string;
1169
- };
1170
- } | undefined;
1171
- }>, "disabled" | "media" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "children" | "translate" | "theme" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "rel" | "data-instrumentation" | "href" | "download" | "hrefLang" | "ping" | "referrerPolicy"> & {
1172
- ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
1173
- }, {
51
+ Link: import("@emotion/styled").StyledComponent<{
52
+ theme?: import("@emotion/react").Theme | undefined;
53
+ as?: React.ElementType<any> | undefined;
54
+ } & Partial<import("../mixins/border").Border & import("../mixins/color").Color & import("../mixins/spacing").Spacing> & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
55
+ children?: React.ReactNode;
56
+ } & {
57
+ theme?: import("@emotion/react").Theme | undefined;
58
+ } & import("../Link").LinkProps & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
1174
59
  active?: boolean | undefined;
1175
60
  variantStyles?: import("./variants").VariantStyles | undefined;
1176
- }, {
1177
- readonly space: string[];
1178
- readonly palette: {
1179
- success: string[];
1180
- warning: string[];
1181
- error: string[];
1182
- primary: string[];
1183
- secondary: string[];
1184
- neutral: string[];
1185
- };
1186
- readonly fontFamily: {
1187
- body: string;
1188
- monospace: string;
1189
- };
1190
- readonly fontSize: string[];
1191
- readonly lineHeight: number[];
1192
- readonly radius: string[];
1193
- readonly borderWidth: string[];
1194
- readonly grid: number[];
1195
- readonly shadows: {
1196
- small: string;
1197
- big: string;
1198
- pill: string;
1199
- bigCentered: string;
1200
- popover: string;
1201
- secondaryNavActiveItem: string;
1202
- };
1203
- readonly sizes: {
1204
- PageHeaderIcon: number;
1205
- };
1206
- readonly zIndex: {
1207
- Base: number;
1208
- Overlay: number;
1209
- FormControl: number;
1210
- SecondaryNav: number;
1211
- SecondaryNavActiveItem: number;
1212
- PrimaryNav: number;
1213
- PopOver: number;
1214
- PageHeaderSearch: number;
1215
- Modal: number;
1216
- Tether: number;
1217
- GlobalNav: number;
1218
- Toast: number;
1219
- };
1220
- readonly color: {
1221
- Dune: string;
1222
- CuriousBlue: string;
1223
- FlushMahogany: string;
1224
- Maroon: string;
1225
- PinkSwan: string;
1226
- Matisse: string;
1227
- HummingBird: string;
1228
- Primary: string;
1229
- PrimaryContrast: string;
1230
- PrimaryFade: string;
1231
- PrimaryLight: string;
1232
- PrimaryLightFade: string;
1233
- PrimaryLightHighlight: string;
1234
- PrimaryAccent: string;
1235
- DarkBackground: string;
1236
- DarkBar: string;
1237
- DarkHover: string;
1238
- DarkPrimary: string;
1239
- DarkSecondary: string;
1240
- LightBackground: string;
1241
- LightBar: string;
1242
- LightDisabled: string;
1243
- LightDivider: string;
1244
- LightDividerNew: string;
1245
- LightHint: string;
1246
- LightHover: string;
1247
- LightPrimary: string;
1248
- LightSecondary: string;
1249
- BorderGrey: string;
1250
- Blue: string;
1251
- BlueFade: string;
1252
- Green: string;
1253
- GreenFade: string;
1254
- GreenBackground: string;
1255
- Red: string;
1256
- RedFade: string;
1257
- Yellow: string;
1258
- YellowFade: string;
1259
- YellowHighlight: string;
1260
- Orange: string;
1261
- OrangeFill: string;
1262
- OrangeBackground: string;
1263
- Error: string;
1264
- ErrorFade: string;
1265
- ErrorBackground: string;
1266
- DraggableDraggingBackground: string;
1267
- Aquamarine: string;
1268
- Azure: string;
1269
- AzureNew: string;
1270
- AzureFade: string;
1271
- AzureHighlight: string;
1272
- Silver: string;
1273
- BlueNavy: string;
1274
- Black: string;
1275
- TurquoiseBlue: string;
1276
- SummerSky: string;
1277
- Mondo: string;
1278
- HeavyMetal: string;
1279
- BokaraGrey: string;
1280
- Cyan: string;
1281
- Eucalyptus: string;
1282
- Flamingo: string;
1283
- Zorba: string;
1284
- Flint: string;
1285
- Maya: string;
1286
- Bondi: string;
1287
- Emerald: string;
1288
- Carissma: string;
1289
- Solitude: string;
1290
- WhiteSmoke: string;
1291
- Violet: string;
1292
- FireBrick: string;
1293
- Purple: string;
1294
- Buckthorn: string;
1295
- };
1296
- readonly gradient: {
1297
- main: string;
1298
- neutral: string;
1299
- };
1300
- }>;
61
+ }, {}, {}>;
1301
62
  };
1302
63
  var Separator: React.FunctionComponent<{}>;
1303
64
  }