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,132 +1,10 @@
1
- /// <reference types="types/@emotion/styled" />
2
1
  import React from 'react';
3
- export declare const HeaderWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
+ export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: React.ElementType<any> | undefined;
5
+ } & {
4
6
  isClosed?: boolean | undefined;
5
- }, {
6
- readonly space: string[];
7
- readonly palette: {
8
- success: string[];
9
- warning: string[];
10
- error: string[];
11
- primary: string[];
12
- secondary: string[];
13
- neutral: string[];
14
- };
15
- readonly fontFamily: {
16
- body: string;
17
- monospace: string;
18
- };
19
- readonly fontSize: string[];
20
- readonly lineHeight: number[];
21
- readonly radius: string[];
22
- readonly borderWidth: string[];
23
- readonly grid: number[];
24
- readonly shadows: {
25
- small: string;
26
- big: string;
27
- pill: string;
28
- bigCentered: string;
29
- popover: string;
30
- secondaryNavActiveItem: string;
31
- };
32
- readonly sizes: {
33
- PageHeaderIcon: number;
34
- };
35
- readonly zIndex: {
36
- Base: number;
37
- Overlay: number;
38
- FormControl: number;
39
- SecondaryNav: number;
40
- SecondaryNavActiveItem: number;
41
- PrimaryNav: number;
42
- PopOver: number;
43
- PageHeaderSearch: number;
44
- Modal: number;
45
- Tether: number;
46
- GlobalNav: number;
47
- Toast: number;
48
- };
49
- readonly color: {
50
- Dune: string;
51
- CuriousBlue: string;
52
- FlushMahogany: string;
53
- Maroon: string;
54
- PinkSwan: string;
55
- Matisse: string;
56
- HummingBird: string;
57
- Primary: string;
58
- PrimaryContrast: string;
59
- PrimaryFade: string;
60
- PrimaryLight: string;
61
- PrimaryLightFade: string;
62
- PrimaryLightHighlight: string;
63
- PrimaryAccent: string;
64
- DarkBackground: string;
65
- DarkBar: string;
66
- DarkHover: string;
67
- DarkPrimary: string;
68
- DarkSecondary: string;
69
- LightBackground: string;
70
- LightBar: string;
71
- LightDisabled: string;
72
- LightDivider: string;
73
- LightDividerNew: string;
74
- LightHint: string;
75
- LightHover: string;
76
- LightPrimary: string;
77
- LightSecondary: string;
78
- BorderGrey: string;
79
- Blue: string;
80
- BlueFade: string;
81
- Green: string;
82
- GreenFade: string;
83
- GreenBackground: string;
84
- Red: string;
85
- RedFade: string;
86
- Yellow: string;
87
- YellowFade: string;
88
- YellowHighlight: string;
89
- Orange: string;
90
- OrangeFill: string;
91
- OrangeBackground: string;
92
- Error: string;
93
- ErrorFade: string;
94
- ErrorBackground: string;
95
- DraggableDraggingBackground: string;
96
- Aquamarine: string;
97
- Azure: string;
98
- AzureNew: string;
99
- AzureFade: string;
100
- AzureHighlight: string;
101
- Silver: string;
102
- BlueNavy: string;
103
- Black: string;
104
- TurquoiseBlue: string;
105
- SummerSky: string;
106
- Mondo: string;
107
- HeavyMetal: string;
108
- BokaraGrey: string;
109
- Cyan: string;
110
- Eucalyptus: string;
111
- Flamingo: string;
112
- Zorba: string;
113
- Flint: string;
114
- Maya: string;
115
- Bondi: string;
116
- Emerald: string;
117
- Carissma: string;
118
- Solitude: string;
119
- WhiteSmoke: string;
120
- Violet: string;
121
- FireBrick: string;
122
- Purple: string;
123
- Buckthorn: string;
124
- };
125
- readonly gradient: {
126
- main: string;
127
- neutral: string;
128
- };
129
- }>;
7
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
130
8
  declare type DetailPanelHeaderProps = {
131
9
  title: string;
132
10
  subtitle?: string;
@@ -135,386 +13,23 @@ declare type DetailPanelHeaderProps = {
135
13
  isClosed?: boolean;
136
14
  };
137
15
  export declare const DetailPanelHeader: React.FunctionComponent<DetailPanelHeaderProps>;
138
- export declare const DetailPanelBody: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
16
+ export declare const DetailPanelBody: import("@emotion/styled").StyledComponent<{
17
+ theme?: import("@emotion/react").Theme | undefined;
18
+ as?: React.ElementType<any> | undefined;
19
+ } & {
139
20
  isClosed?: boolean | undefined;
140
- }, {
141
- readonly space: string[];
142
- readonly palette: {
143
- success: string[];
144
- warning: string[];
145
- error: string[];
146
- primary: string[];
147
- secondary: string[];
148
- neutral: string[];
149
- };
150
- readonly fontFamily: {
151
- body: string;
152
- monospace: string;
153
- };
154
- readonly fontSize: string[];
155
- readonly lineHeight: number[];
156
- readonly radius: string[];
157
- readonly borderWidth: string[];
158
- readonly grid: number[];
159
- readonly shadows: {
160
- small: string;
161
- big: string;
162
- pill: string;
163
- bigCentered: string;
164
- popover: string;
165
- secondaryNavActiveItem: string;
166
- };
167
- readonly sizes: {
168
- PageHeaderIcon: number;
169
- };
170
- readonly zIndex: {
171
- Base: number;
172
- Overlay: number;
173
- FormControl: number;
174
- SecondaryNav: number;
175
- SecondaryNavActiveItem: number;
176
- PrimaryNav: number;
177
- PopOver: number;
178
- PageHeaderSearch: number;
179
- Modal: number;
180
- Tether: number;
181
- GlobalNav: number;
182
- Toast: number;
183
- };
184
- readonly color: {
185
- Dune: string;
186
- CuriousBlue: string;
187
- FlushMahogany: string;
188
- Maroon: string;
189
- PinkSwan: string;
190
- Matisse: string;
191
- HummingBird: string;
192
- Primary: string;
193
- PrimaryContrast: string;
194
- PrimaryFade: string;
195
- PrimaryLight: string;
196
- PrimaryLightFade: string;
197
- PrimaryLightHighlight: string;
198
- PrimaryAccent: string;
199
- DarkBackground: string;
200
- DarkBar: string;
201
- DarkHover: string;
202
- DarkPrimary: string;
203
- DarkSecondary: string;
204
- LightBackground: string;
205
- LightBar: string;
206
- LightDisabled: string;
207
- LightDivider: string;
208
- LightDividerNew: string;
209
- LightHint: string;
210
- LightHover: string;
211
- LightPrimary: string;
212
- LightSecondary: string;
213
- BorderGrey: string;
214
- Blue: string;
215
- BlueFade: string;
216
- Green: string;
217
- GreenFade: string;
218
- GreenBackground: string;
219
- Red: string;
220
- RedFade: string;
221
- Yellow: string;
222
- YellowFade: string;
223
- YellowHighlight: string;
224
- Orange: string;
225
- OrangeFill: string;
226
- OrangeBackground: string;
227
- Error: string;
228
- ErrorFade: string;
229
- ErrorBackground: string;
230
- DraggableDraggingBackground: string;
231
- Aquamarine: string;
232
- Azure: string;
233
- AzureNew: string;
234
- AzureFade: string;
235
- AzureHighlight: string;
236
- Silver: string;
237
- BlueNavy: string;
238
- Black: string;
239
- TurquoiseBlue: string;
240
- SummerSky: string;
241
- Mondo: string;
242
- HeavyMetal: string;
243
- BokaraGrey: string;
244
- Cyan: string;
245
- Eucalyptus: string;
246
- Flamingo: string;
247
- Zorba: string;
248
- Flint: string;
249
- Maya: string;
250
- Bondi: string;
251
- Emerald: string;
252
- Carissma: string;
253
- Solitude: string;
254
- WhiteSmoke: string;
255
- Violet: string;
256
- FireBrick: string;
257
- Purple: string;
258
- Buckthorn: string;
259
- };
260
- readonly gradient: {
261
- main: string;
262
- neutral: string;
263
- };
264
- }>;
265
- export declare const DetailPanelContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
21
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
+ export declare const DetailPanelContainer: import("@emotion/styled").StyledComponent<{
23
+ theme?: import("@emotion/react").Theme | undefined;
24
+ as?: React.ElementType<any> | undefined;
25
+ } & {
266
26
  isClosed?: boolean | undefined;
267
- }, {
268
- readonly space: string[];
269
- readonly palette: {
270
- success: string[];
271
- warning: string[];
272
- error: string[];
273
- primary: string[];
274
- secondary: string[];
275
- neutral: string[];
276
- };
277
- readonly fontFamily: {
278
- body: string;
279
- monospace: string;
280
- };
281
- readonly fontSize: string[];
282
- readonly lineHeight: number[];
283
- readonly radius: string[];
284
- readonly borderWidth: string[];
285
- readonly grid: number[];
286
- readonly shadows: {
287
- small: string;
288
- big: string;
289
- pill: string;
290
- bigCentered: string;
291
- popover: string;
292
- secondaryNavActiveItem: string;
293
- };
294
- readonly sizes: {
295
- PageHeaderIcon: number;
296
- };
297
- readonly zIndex: {
298
- Base: number;
299
- Overlay: number;
300
- FormControl: number;
301
- SecondaryNav: number;
302
- SecondaryNavActiveItem: number;
303
- PrimaryNav: number;
304
- PopOver: number;
305
- PageHeaderSearch: number;
306
- Modal: number;
307
- Tether: number;
308
- GlobalNav: number;
309
- Toast: number;
310
- };
311
- readonly color: {
312
- Dune: string;
313
- CuriousBlue: string;
314
- FlushMahogany: string;
315
- Maroon: string;
316
- PinkSwan: string;
317
- Matisse: string;
318
- HummingBird: string;
319
- Primary: string;
320
- PrimaryContrast: string;
321
- PrimaryFade: string;
322
- PrimaryLight: string;
323
- PrimaryLightFade: string;
324
- PrimaryLightHighlight: string;
325
- PrimaryAccent: string;
326
- DarkBackground: string;
327
- DarkBar: string;
328
- DarkHover: string;
329
- DarkPrimary: string;
330
- DarkSecondary: string;
331
- LightBackground: string;
332
- LightBar: string;
333
- LightDisabled: string;
334
- LightDivider: string;
335
- LightDividerNew: string;
336
- LightHint: string;
337
- LightHover: string;
338
- LightPrimary: string;
339
- LightSecondary: string;
340
- BorderGrey: string;
341
- Blue: string;
342
- BlueFade: string;
343
- Green: string;
344
- GreenFade: string;
345
- GreenBackground: string;
346
- Red: string;
347
- RedFade: string;
348
- Yellow: string;
349
- YellowFade: string;
350
- YellowHighlight: string;
351
- Orange: string;
352
- OrangeFill: string;
353
- OrangeBackground: string;
354
- Error: string;
355
- ErrorFade: string;
356
- ErrorBackground: string;
357
- DraggableDraggingBackground: string;
358
- Aquamarine: string;
359
- Azure: string;
360
- AzureNew: string;
361
- AzureFade: string;
362
- AzureHighlight: string;
363
- Silver: string;
364
- BlueNavy: string;
365
- Black: string;
366
- TurquoiseBlue: string;
367
- SummerSky: string;
368
- Mondo: string;
369
- HeavyMetal: string;
370
- BokaraGrey: string;
371
- Cyan: string;
372
- Eucalyptus: string;
373
- Flamingo: string;
374
- Zorba: string;
375
- Flint: string;
376
- Maya: string;
377
- Bondi: string;
378
- Emerald: string;
379
- Carissma: string;
380
- Solitude: string;
381
- WhiteSmoke: string;
382
- Violet: string;
383
- FireBrick: string;
384
- Purple: string;
385
- Buckthorn: string;
386
- };
387
- readonly gradient: {
388
- main: string;
389
- neutral: string;
390
- };
391
- }>;
392
- export declare const Wrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
27
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
28
+ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
29
+ theme?: import("@emotion/react").Theme | undefined;
30
+ as?: React.ElementType<any> | undefined;
31
+ } & {
393
32
  isClosed?: boolean | undefined;
394
- }, {
395
- readonly space: string[];
396
- readonly palette: {
397
- success: string[];
398
- warning: string[];
399
- error: string[];
400
- primary: string[];
401
- secondary: string[];
402
- neutral: string[];
403
- };
404
- readonly fontFamily: {
405
- body: string;
406
- monospace: string;
407
- };
408
- readonly fontSize: string[];
409
- readonly lineHeight: number[];
410
- readonly radius: string[];
411
- readonly borderWidth: string[];
412
- readonly grid: number[];
413
- readonly shadows: {
414
- small: string;
415
- big: string;
416
- pill: string;
417
- bigCentered: string;
418
- popover: string;
419
- secondaryNavActiveItem: string;
420
- };
421
- readonly sizes: {
422
- PageHeaderIcon: number;
423
- };
424
- readonly zIndex: {
425
- Base: number;
426
- Overlay: number;
427
- FormControl: number;
428
- SecondaryNav: number;
429
- SecondaryNavActiveItem: number;
430
- PrimaryNav: number;
431
- PopOver: number;
432
- PageHeaderSearch: number;
433
- Modal: number;
434
- Tether: number;
435
- GlobalNav: number;
436
- Toast: number;
437
- };
438
- readonly color: {
439
- Dune: string;
440
- CuriousBlue: string;
441
- FlushMahogany: string;
442
- Maroon: string;
443
- PinkSwan: string;
444
- Matisse: string;
445
- HummingBird: string;
446
- Primary: string;
447
- PrimaryContrast: string;
448
- PrimaryFade: string;
449
- PrimaryLight: string;
450
- PrimaryLightFade: string;
451
- PrimaryLightHighlight: string;
452
- PrimaryAccent: string;
453
- DarkBackground: string;
454
- DarkBar: string;
455
- DarkHover: string;
456
- DarkPrimary: string;
457
- DarkSecondary: string;
458
- LightBackground: string;
459
- LightBar: string;
460
- LightDisabled: string;
461
- LightDivider: string;
462
- LightDividerNew: string;
463
- LightHint: string;
464
- LightHover: string;
465
- LightPrimary: string;
466
- LightSecondary: string;
467
- BorderGrey: string;
468
- Blue: string;
469
- BlueFade: string;
470
- Green: string;
471
- GreenFade: string;
472
- GreenBackground: string;
473
- Red: string;
474
- RedFade: string;
475
- Yellow: string;
476
- YellowFade: string;
477
- YellowHighlight: string;
478
- Orange: string;
479
- OrangeFill: string;
480
- OrangeBackground: string;
481
- Error: string;
482
- ErrorFade: string;
483
- ErrorBackground: string;
484
- DraggableDraggingBackground: string;
485
- Aquamarine: string;
486
- Azure: string;
487
- AzureNew: string;
488
- AzureFade: string;
489
- AzureHighlight: string;
490
- Silver: string;
491
- BlueNavy: string;
492
- Black: string;
493
- TurquoiseBlue: string;
494
- SummerSky: string;
495
- Mondo: string;
496
- HeavyMetal: string;
497
- BokaraGrey: string;
498
- Cyan: string;
499
- Eucalyptus: string;
500
- Flamingo: string;
501
- Zorba: string;
502
- Flint: string;
503
- Maya: string;
504
- Bondi: string;
505
- Emerald: string;
506
- Carissma: string;
507
- Solitude: string;
508
- WhiteSmoke: string;
509
- Violet: string;
510
- FireBrick: string;
511
- Purple: string;
512
- Buckthorn: string;
513
- };
514
- readonly gradient: {
515
- main: string;
516
- neutral: string;
517
- };
518
- }>;
33
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
519
34
  export default DetailPanelHeader;
520
35
  //# sourceMappingURL=elements.d.ts.map