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,40 +1,76 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _Badge = _interopRequireDefault(require("./Badge"));
9
+
10
+ var _Button = _interopRequireDefault(require("./Button"));
11
+
12
+ var _Card = _interopRequireDefault(require("./Card"));
13
+
14
+ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
15
+
16
+ var _CollapsibleToggle = _interopRequireDefault(require("./CollapsibleToggle"));
17
+
18
+ var _Color = _interopRequireDefault(require("./Color"));
19
+
20
+ var _DataGrid = _interopRequireDefault(require("./DataGrid"));
21
+
22
+ var _DatePicker = _interopRequireDefault(require("./DatePicker"));
23
+
24
+ var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
25
+
26
+ var _FormFieldAddon = _interopRequireDefault(require("./FormFieldAddon"));
27
+
28
+ var _FormLabel = _interopRequireDefault(require("./FormLabel"));
29
+
30
+ var _Icon = _interopRequireDefault(require("./Icon"));
31
+
32
+ var _Input = _interopRequireDefault(require("./Input"));
33
+
34
+ var _Link = _interopRequireDefault(require("./Link"));
35
+
36
+ var _Menu = _interopRequireDefault(require("./Menu"));
37
+
38
+ var _Modal = _interopRequireDefault(require("./Modal"));
39
+
40
+ var _MultiSelect = _interopRequireDefault(require("./MultiSelect"));
41
+
42
+ var _Popover = _interopRequireDefault(require("./Popover"));
43
+
44
+ var _Radio = _interopRequireDefault(require("./Radio"));
45
+
46
+ var _Section = _interopRequireDefault(require("./Section"));
47
+
48
+ var _Select = _interopRequireDefault(require("./Select"));
49
+
50
+ var _Shuttle = _interopRequireDefault(require("./Shuttle"));
51
+
52
+ var _Tagger = _interopRequireDefault(require("./Tagger"));
53
+
54
+ var _Toast = _interopRequireDefault(require("./Toast"));
55
+
56
+ var _Toggle = _interopRequireDefault(require("./Toggle"));
57
+
58
+ var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
59
+
60
+ var _View = _interopRequireDefault(require("./View"));
61
+
62
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
2
63
 
3
64
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
4
65
 
5
66
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
67
 
68
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
69
+
7
70
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
8
71
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
9
- import Badge from './Badge';
10
- import Button from './Button';
11
- import Card from './Card';
12
- import Checkbox from './Checkbox';
13
- import CollapsibleToggle from './CollapsibleToggle';
14
- import Color from './Color';
15
- import DataGrid from './DataGrid';
16
- import DatePicker from './DatePicker';
17
- import DropdownButton from './DropdownButton';
18
- import FormFieldAddon from './FormFieldAddon';
19
- import FormLabel from './FormLabel';
20
- import Icon from './Icon';
21
- import Input from './Input';
22
- import Link from './Link';
23
- import Menu from './Menu';
24
- import Modal from './Modal';
25
- import MultiSelect from './MultiSelect';
26
- import Popover from './Popover';
27
- import Radio from './Radio';
28
- import Section from './Section';
29
- import Select from './Select';
30
- import Shuttle from './Shuttle';
31
- import Tagger from './Tagger';
32
- import Toast from './Toast';
33
- import Toggle from './Toggle';
34
- import UserAvatar from './UserAvatar';
35
- import View from './View';
36
- export default {
37
- overrides: _objectSpread({}, Badge, {}, Button, {}, Card, {}, Checkbox, {}, CollapsibleToggle, {}, Color, {}, DataGrid, {}, DatePicker, {}, DropdownButton, {}, FormFieldAddon, {}, FormLabel, {}, Icon, {}, Input, {}, Link, {}, Menu, {}, Modal, {}, MultiSelect, {}, Popover, {}, Radio, {}, Section, {}, Select, {}, Shuttle, {}, Tagger, {}, Toast, {}, Toggle, {}, UserAvatar, {}, View),
38
- radius: ['0', '0.125rem', '0.25rem', '0.5rem'],
39
- v4: true
40
- };
72
+ var _default = {
73
+ overrides: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _Badge["default"]), _Button["default"]), _Card["default"]), _Checkbox["default"]), _CollapsibleToggle["default"]), _Color["default"]), _DataGrid["default"]), _DatePicker["default"]), _DropdownButton["default"]), _FormFieldAddon["default"]), _FormLabel["default"]), _Icon["default"]), _Input["default"]), _Link["default"]), _Menu["default"]), _Modal["default"]), _MultiSelect["default"]), _Popover["default"]), _Radio["default"]), _Section["default"]), _Select["default"]), _Shuttle["default"]), _Tagger["default"]), _Toast["default"]), _Toggle["default"]), _UserAvatar["default"]), _View["default"]),
74
+ radius: ['0', '0.125rem', '0.25rem', '0.5rem']
75
+ };
76
+ exports["default"] = _default;
@@ -1,26 +1,59 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { jsx as ___EmotionJSX } from "@emotion/core";
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.TimeControl = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _useOnclickoutside = _interopRequireDefault(require("use-onclickoutside"));
13
+
14
+ var _TimePicker = _interopRequireDefault(require("../TimePicker"));
15
+
16
+ var _DateControl = require("../DateControl/DateControl");
17
+
18
+ var _utils = require("./utils");
19
+
20
+ var _elements = require("./elements");
21
+
22
+ var _TooltipPopover = _interopRequireDefault(require("../TooltipPopover"));
23
+
24
+ var _react2 = require("@emotion/react");
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
28
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
29
+
30
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+
32
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
33
+
34
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
35
+
36
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
37
+
38
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
39
+
40
+ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
41
+
42
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
43
+
3
44
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
4
45
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
5
46
 
6
- /* eslint-disable react/prop-types */
7
- import React, { useEffect, useState, useRef } from 'react';
8
- import useOnClickOutside from 'use-onclickoutside';
9
- import TimePicker from '../TimePicker';
10
- import { CLOSE_KEYS } from '../DateControl/DateControl';
11
- import { useDisplayValue } from './utils';
12
- import { Container, TimeFormControl, StyledPopover } from './elements';
13
- import TooltipPopover from '../TooltipPopover';
14
- export var TimeControl = function TimeControl(props) {
15
- var _useState = useState(props.initialOpen),
47
+ var TimeControl = function TimeControl(props) {
48
+ var _useState = (0, _react.useState)(props.initialOpen),
16
49
  _useState2 = _slicedToArray(_useState, 2),
17
50
  open = _useState2[0],
18
51
  setOpen = _useState2[1];
19
52
 
20
- var inputRef = useRef(null);
21
- var pickerRef = useRef(null);
53
+ var inputRef = (0, _react.useRef)(null);
54
+ var pickerRef = (0, _react.useRef)(null);
22
55
 
23
- var _useDisplayValue = useDisplayValue(props.time, props.editor, props.onChange),
56
+ var _useDisplayValue = (0, _utils.useDisplayValue)(props.time, props.editor, props.onChange),
24
57
  displayValue = _useDisplayValue.displayValue,
25
58
  period = _useDisplayValue.period,
26
59
  errors = _useDisplayValue.errors,
@@ -29,10 +62,11 @@ export var TimeControl = function TimeControl(props) {
29
62
  setUnvalidatedInput = _useDisplayValue.setUnvalidatedInput,
30
63
  setValidatedInput = _useDisplayValue.setValidatedInput;
31
64
 
32
- useEffect(function () {
65
+ (0, _react.useEffect)(function () {
33
66
  if (props.onErrorChange) {
34
67
  props.onErrorChange(errors);
35
- }
68
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
69
+
36
70
  }, [errors]);
37
71
 
38
72
  var closeDropdownEditor = function closeDropdownEditor() {
@@ -58,7 +92,7 @@ export var TimeControl = function TimeControl(props) {
58
92
  };
59
93
 
60
94
  var handleKeyDown = function handleKeyDown(e) {
61
- if (CLOSE_KEYS.includes(e.key)) {
95
+ if (_DateControl.CLOSE_KEYS.includes(e.key)) {
62
96
  handleDismiss();
63
97
  }
64
98
  };
@@ -73,13 +107,13 @@ export var TimeControl = function TimeControl(props) {
73
107
  setUnvalidatedInput(e.value);
74
108
  };
75
109
 
76
- useOnClickOutside(pickerRef, handleDismiss);
77
- return ___EmotionJSX(Container, {
110
+ (0, _useOnclickoutside["default"])(pickerRef, handleDismiss);
111
+ return (0, _react2.jsx)(_elements.Container, {
78
112
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container"),
79
113
  className: props.className,
80
114
  onKeyDown: handleKeyDown,
81
115
  "data-instrumentation": "".concat(props['data-instrumentation'], "-container")
82
- }, ___EmotionJSX(TimeFormControl, {
116
+ }, (0, _react2.jsx)(_elements.TimeFormControl, {
83
117
  "data-gs-c": gsC(displayValue),
84
118
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container", "time-form-control"),
85
119
  type: "text",
@@ -99,7 +133,7 @@ export var TimeControl = function TimeControl(props) {
99
133
  onBlur: function onBlur() {
100
134
  return setEditing(false);
101
135
  }
102
- }), ___EmotionJSX(TooltipPopover, {
136
+ }), (0, _react2.jsx)(_TooltipPopover["default"], {
103
137
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container", "tooltip-popover"),
104
138
  onHide: handleDismiss,
105
139
  placement: props.popoverPlacement,
@@ -107,12 +141,12 @@ export var TimeControl = function TimeControl(props) {
107
141
  target: inputRef.current,
108
142
  "data-instrumentation": "".concat(props['data-instrumentation'], "-overlay"),
109
143
  interactive: true
110
- }, ___EmotionJSX(StyledPopover, {
144
+ }, (0, _react2.jsx)(_elements.StyledPopover, {
111
145
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container", "tooltip-popover", "styled-popover")
112
- }, ___EmotionJSX("div", {
146
+ }, (0, _react2.jsx)("div", {
113
147
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container", "tooltip-popover", "styled-popover", "div"),
114
148
  ref: pickerRef
115
- }, ___EmotionJSX(TimePicker, {
149
+ }, (0, _react2.jsx)(_TimePicker["default"], {
116
150
  "data-gs": gs("src", "timecontrol", "timecontrol.tsx", "container", "tooltip-popover", "styled-popover", "div", "time-picker"),
117
151
  time: props.time,
118
152
  "data-instrumentation": "".concat(props['data-instrumentation'], "-timepicker"),
@@ -126,6 +160,8 @@ export var TimeControl = function TimeControl(props) {
126
160
  onPeriodChange: setPeriod
127
161
  })))));
128
162
  };
163
+
164
+ exports.TimeControl = TimeControl;
129
165
  TimeControl.displayName = 'TimeControl';
130
166
  TimeControl.defaultProps = {
131
167
  variant: 'primary',
@@ -134,4 +170,5 @@ TimeControl.defaultProps = {
134
170
  popoverPlacement: 'bottom',
135
171
  initialOpen: false
136
172
  };
137
- export default TimeControl;
173
+ var _default = TimeControl;
174
+ exports["default"] = _default;