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,8 +1,20 @@
1
- import _styled from "@emotion/styled-base";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconButton = void 0;
7
+
8
+ var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
+
10
+ var _color = _interopRequireDefault(require("color"));
11
+
12
+ var _Button = _interopRequireDefault(require("../../Button"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
2
16
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
3
17
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
4
- import color from 'color';
5
- import Button from '../../Button';
6
18
  var styles = [function (_ref) {
7
19
  var disabled = _ref.disabled,
8
20
  loading = _ref.loading,
@@ -18,7 +30,7 @@ var styles = [function (_ref) {
18
30
  border: 'none',
19
31
  borderRadius: theme.radius[4],
20
32
  fontSize: theme.fontSize[1],
21
- color: disabled || loading ? color(accent || theme.palette.primary[4]).alpha(0.3).string() : accent || theme.palette.primary[4],
33
+ color: disabled || loading ? (0, _color["default"])(accent || theme.palette.primary[4]).alpha(0.3).string() : accent || theme.palette.primary[4],
22
34
  outline: 'none',
23
35
  marginRight: theme.space[1],
24
36
  'svg:first-of-type': {
@@ -28,7 +40,7 @@ var styles = [function (_ref) {
28
40
  pointerEvents: 'none'
29
41
  },
30
42
  ':hover': !hoverless && !disabled && !loading && {
31
- backgroundColor: hoverBackgroundColor || color(accent || theme.palette.primary[0]).saturate(-0.4).lighten(-0.05).string(),
43
+ backgroundColor: hoverBackgroundColor || (0, _color["default"])(accent || theme.palette.primary[0]).saturate(-0.4).lighten(-0.05).string(),
32
44
  color: hoverForegroundColor || accent || theme.palette.primary[4],
33
45
  boxShadow: 'none',
34
46
  transform: 'none'
@@ -47,9 +59,13 @@ var styles = [function (_ref) {
47
59
  }
48
60
  };
49
61
  }];
50
- export var IconButton = /*#__PURE__*/_styled(Button, {
62
+ var IconButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], process.env.NODE_ENV === "production" ? {
51
63
  target: "e1cabuzl0"
64
+ } : {
65
+ target: "e1cabuzl0",
66
+ label: "IconButton"
52
67
  })(styles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BY3Rpb25CYXIvY29tcG9uZW50cy9JY29uQnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FjdGlvbkJhci9jb21wb25lbnRzL0ljb25CdXR0b24udHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBjb2xvciBmcm9tICdjb2xvcidcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbnR5cGUgUHJvcHNXaXRoVGhlbWUgPSBJY29uQnV0dG9uUHJvcHMgJiB7IHRoZW1lOiBUaGVtZSB9XG5jb25zdCBzdHlsZXM6IEFycmF5PChwcm9wczogSWNvbkJ1dHRvblByb3BzKSA9PiBhbnk+ID0gW1xuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGxvYWRpbmcsXG4gICAgaG92ZXJsZXNzLFxuICAgIHRoZW1lLFxuICAgIGFjY2VudCxcbiAgICBob3ZlckJhY2tncm91bmRDb2xvcixcbiAgICBob3ZlckZvcmVncm91bmRDb2xvclxuICB9OiBQcm9wc1dpdGhUaGVtZSkgPT4gKHtcbiAgICBoZWlnaHQ6IHRoZW1lLnNwYWNlWzhdLFxuICAgIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2VbM119IDAgJHt0aGVtZS5zcGFjZVsyXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGl1c1s0XSxcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVbMV0sXG4gICAgY29sb3I6XG4gICAgICBkaXNhYmxlZCB8fCBsb2FkaW5nXG4gICAgICAgID8gY29sb3IoYWNjZW50IHx8IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XSlcbiAgICAgICAgICAgIC5hbHBoYSgwLjMpXG4gICAgICAgICAgICAuc3RyaW5nKClcbiAgICAgICAgOiBhY2NlbnQgfHwgdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdLFxuICAgIG91dGxpbmU6ICdub25lJyxcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2VbMV0sXG4gICAgJ3N2ZzpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlWzJdLFxuICAgICAgLy8gcHJldmVudHMgbmVzdGVkIGljb25zIGZyb20gc3dhbGxvd2luZyBjbGljayBldmVudHNcbiAgICAgIC8vIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vc2xpZ2h0bHktY2FyZWZ1bC1zdWItZWxlbWVudHMtY2xpY2thYmxlLXRoaW5ncy9cbiAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJ1xuICAgIH0sXG4gICAgJzpob3Zlcic6ICFob3Zlcmxlc3MgJiZcbiAgICAgICFkaXNhYmxlZCAmJlxuICAgICAgIWxvYWRpbmcgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgaG92ZXJCYWNrZ3JvdW5kQ29sb3IgfHxcbiAgICAgICAgICBjb2xvcihhY2NlbnQgfHwgdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzBdKVxuICAgICAgICAgICAgLnNhdHVyYXRlKC0wLjQpXG4gICAgICAgICAgICAubGlnaHRlbigtMC4wNSlcbiAgICAgICAgICAgIC5zdHJpbmcoKSxcbiAgICAgICAgY29sb3I6IGhvdmVyRm9yZWdyb3VuZENvbG9yIHx8IGFjY2VudCB8fCB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF0sXG4gICAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgICB0cmFuc2Zvcm06ICdub25lJ1xuICAgICAgfVxuICB9KSxcblxuICAoeyB0aGVtZSwgaWNvbiB9OiBQcm9wc1dpdGhUaGVtZSkgPT5cbiAgICBpY29uICYmIHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZVsyXX1gLFxuICAgICAgd2lkdGg6IHRoZW1lLnNwYWNlWzhdLFxuICAgICAgJ3N2ZzpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgICBtYXJnaW5SaWdodDogMCxcbiAgICAgICAgb3ZlcmZsb3c6ICd2aXNpYmxlJ1xuICAgICAgfVxuICAgIH1cbl1cblxudHlwZSBJY29uQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQnV0dG9uPixcbiAgfCAnYm9yZGVybGVzcydcbiAgfCAnYm9yZGVybGVzc0FsdCdcbiAgfCAnY2lyY2xlJ1xuICB8ICdjb21wb25lbnQnXG4gIHwgJ2RhbmdlcidcbiAgfCAnZGFuZ2VyQWx0J1xuICB8ICdwbGFpbidcbiAgfCAncHJpbWFyeSdcbiAgfCAnc21hbGwnXG4+ICYge1xuICAvKiogQWNjZW50IGNvbG9yICovXG4gIGFjY2VudD86IHN0cmluZ1xuICAvKiogVGhlIGhvdmVyIGJhY2tncm91bmQgY29sb3IuICovXG4gIGhvdmVyQmFja2dyb3VuZENvbG9yPzogc3RyaW5nXG4gIC8qKiBUaGUgaG92ZXIgZm9yZWdyb3VuZCBjb2xvci4gKi9cbiAgaG92ZXJGb3JlZ3JvdW5kQ29sb3I/OiBzdHJpbmdcbn1cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8SWNvbkJ1dHRvblByb3BzPihzdHlsZXMpXG5JY29uQnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ljb25CdXR0b24nXG5JY29uQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgYmx1ck9uQ2xpY2s6IHRydWVcbn1cbiJdfQ== */");
68
+ exports.IconButton = IconButton;
53
69
  IconButton.displayName = 'IconButton';
54
70
  IconButton.defaultProps = {
55
71
  blurOnClick: true
@@ -1,11 +1,25 @@
1
- import _styled from "@emotion/styled-base";
2
- import { jsx as ___EmotionJSX } from "@emotion/core";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Prefix = void 0;
7
+
8
+ var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _react2 = require("@emotion/react");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
3
16
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
4
17
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
5
- import React from 'react';
6
-
7
- var Span = /*#__PURE__*/_styled('div', {
18
+ var Span = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
8
19
  target: "e1hpa6830"
20
+ } : {
21
+ target: "e1hpa6830",
22
+ label: "Span"
9
23
  })(function (_ref) {
10
24
  var theme = _ref.theme;
11
25
  return {
@@ -16,7 +30,7 @@ var Span = /*#__PURE__*/_styled('div', {
16
30
  };
17
31
  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BY3Rpb25CYXIvY29tcG9uZW50cy9QcmVmaXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdhIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BY3Rpb25CYXIvY29tcG9uZW50cy9QcmVmaXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNwYW4gPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVswXSxcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFsxMF0sXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZVs0XSxcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlWzJdXG59KSlcblxudHlwZSBQcmVmaXhQcm9wcyA9IHtcbiAgcmVjb3Jkcz86IHN0cmluZyB8IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUHJlZml4OiBSZWFjdC5GQzxQcmVmaXhQcm9wcz4gPSAoeyByZWNvcmRzIH06IFByZWZpeFByb3BzKSA9PiB7XG4gIGlmIChyZWNvcmRzID09PSB1bmRlZmluZWQpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHR5cGVvZiByZWNvcmRzID09PSAnc3RyaW5nJykge1xuICAgIHJldHVybiA8U3Bhbj57cmVjb3Jkc308L1NwYW4+XG4gIH1cblxuICByZXR1cm4gPFNwYW4+e3JlY29yZHN9Jm5ic3A7aXRlbXM8L1NwYW4+XG59XG5QcmVmaXguZGlzcGxheU5hbWUgPSAnUHJlZml4J1xuIl19 */");
18
32
 
19
- export var Prefix = function Prefix(_ref2) {
33
+ var Prefix = function Prefix(_ref2) {
20
34
  var records = _ref2.records;
21
35
 
22
36
  if (records === undefined) {
@@ -24,15 +38,17 @@ export var Prefix = function Prefix(_ref2) {
24
38
  }
25
39
 
26
40
  if (typeof records === 'string') {
27
- return ___EmotionJSX(Span, {
41
+ return (0, _react2.jsx)(Span, {
28
42
  "data-gs-c": gsC(records),
29
43
  "data-gs": gs("src", "actionbar", "components", "span")
30
44
  }, records);
31
45
  }
32
46
 
33
- return ___EmotionJSX(Span, {
47
+ return (0, _react2.jsx)(Span, {
34
48
  "data-gs-c": gsC("items"),
35
49
  "data-gs": gs("src", "actionbar", "components", "span")
36
50
  }, records, "\xA0items");
37
51
  };
52
+
53
+ exports.Prefix = Prefix;
38
54
  Prefix.displayName = 'Prefix';
@@ -1,6 +1,59 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _Container = require("./Container");
8
+
9
+ Object.keys(_Container).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _Container[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Container[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _IconButton = require("./IconButton");
21
+
22
+ Object.keys(_IconButton).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _IconButton[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _IconButton[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _ActionMenu = require("./ActionMenu");
34
+
35
+ Object.keys(_ActionMenu).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _ActionMenu[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _ActionMenu[key];
42
+ }
43
+ });
44
+ });
45
+
46
+ var _Prefix = require("./Prefix");
47
+
48
+ Object.keys(_Prefix).forEach(function (key) {
49
+ if (key === "default" || key === "__esModule") return;
50
+ if (key in exports && exports[key] === _Prefix[key]) return;
51
+ Object.defineProperty(exports, key, {
52
+ enumerable: true,
53
+ get: function get() {
54
+ return _Prefix[key];
55
+ }
56
+ });
57
+ });
1
58
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
2
- if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
3
- export * from './Container';
4
- export * from './IconButton';
5
- export * from './ActionMenu';
6
- export * from './Prefix';
59
+ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
@@ -1,3 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "default", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _ActionBar["default"];
10
+ }
11
+ });
12
+
13
+ var _ActionBar = _interopRequireDefault(require("./ActionBar"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
+
1
17
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
2
- if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
3
- export { default } from './ActionBar';
18
+ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
@@ -1,2 +1,7 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
1
6
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
2
7
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
@@ -1,134 +1,12 @@
1
1
  /// <reference types="react" />
2
- /// <reference types="types/@emotion/styled" />
3
2
  import { BADGE_TYPES } from './constants';
4
3
  declare type BadgeProps = {
5
4
  /** Highlighting of the badge. Defaults to Default. Options are Primary, Neutral, Success, Warning and Error */
6
5
  type?: BADGE_TYPES;
7
6
  };
8
- declare const Badge: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeProps, {
9
- readonly space: string[];
10
- readonly palette: {
11
- success: string[];
12
- warning: string[];
13
- error: string[];
14
- primary: string[];
15
- secondary: string[];
16
- neutral: string[];
17
- };
18
- readonly fontFamily: {
19
- body: string;
20
- monospace: string;
21
- };
22
- readonly fontSize: string[];
23
- readonly lineHeight: number[];
24
- readonly radius: string[];
25
- readonly borderWidth: string[];
26
- readonly grid: number[];
27
- readonly shadows: {
28
- small: string;
29
- big: string;
30
- pill: string;
31
- bigCentered: string;
32
- popover: string;
33
- secondaryNavActiveItem: string;
34
- };
35
- readonly sizes: {
36
- PageHeaderIcon: number;
37
- };
38
- readonly zIndex: {
39
- Base: number;
40
- Overlay: number;
41
- FormControl: number;
42
- SecondaryNav: number;
43
- SecondaryNavActiveItem: number;
44
- PrimaryNav: number;
45
- PopOver: number;
46
- PageHeaderSearch: number;
47
- Modal: number;
48
- Tether: number;
49
- GlobalNav: number;
50
- Toast: number;
51
- };
52
- readonly color: {
53
- Dune: string;
54
- CuriousBlue: string;
55
- FlushMahogany: string;
56
- Maroon: string;
57
- PinkSwan: string;
58
- Matisse: string;
59
- HummingBird: string;
60
- Primary: string;
61
- PrimaryContrast: string;
62
- PrimaryFade: string;
63
- PrimaryLight: string;
64
- PrimaryLightFade: string;
65
- PrimaryLightHighlight: string;
66
- PrimaryAccent: string;
67
- DarkBackground: string;
68
- DarkBar: string;
69
- DarkHover: string;
70
- DarkPrimary: string;
71
- DarkSecondary: string;
72
- LightBackground: string;
73
- LightBar: string;
74
- LightDisabled: string;
75
- LightDivider: string;
76
- LightDividerNew: string;
77
- LightHint: string;
78
- LightHover: string;
79
- LightPrimary: string;
80
- LightSecondary: string;
81
- BorderGrey: string;
82
- Blue: string;
83
- BlueFade: string;
84
- Green: string;
85
- GreenFade: string;
86
- GreenBackground: string;
87
- Red: string;
88
- RedFade: string;
89
- Yellow: string;
90
- YellowFade: string;
91
- YellowHighlight: string;
92
- Orange: string;
93
- OrangeFill: string;
94
- OrangeBackground: string;
95
- Error: string;
96
- ErrorFade: string;
97
- ErrorBackground: string;
98
- DraggableDraggingBackground: string;
99
- Aquamarine: string;
100
- Azure: string;
101
- AzureNew: string;
102
- AzureFade: string;
103
- AzureHighlight: string;
104
- Silver: string;
105
- BlueNavy: string;
106
- Black: string;
107
- TurquoiseBlue: string;
108
- SummerSky: string;
109
- Mondo: string;
110
- HeavyMetal: string;
111
- BokaraGrey: string;
112
- Cyan: string;
113
- Eucalyptus: string;
114
- Flamingo: string;
115
- Zorba: string;
116
- Flint: string;
117
- Maya: string;
118
- Bondi: string;
119
- Emerald: string;
120
- Carissma: string;
121
- Solitude: string;
122
- WhiteSmoke: string;
123
- Violet: string;
124
- FireBrick: string;
125
- Purple: string;
126
- Buckthorn: string;
127
- };
128
- readonly gradient: {
129
- main: string;
130
- neutral: string;
131
- };
132
- }>;
7
+ declare const Badge: import("@emotion/styled").StyledComponent<{
8
+ theme?: import("@emotion/react").Theme | undefined;
9
+ as?: import("react").ElementType<any> | undefined;
10
+ } & BadgeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
133
11
  export default Badge;
134
12
  //# sourceMappingURL=Badge.d.ts.map
@@ -1,15 +1,28 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- import _styled from "@emotion/styled-base";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
+
10
+ var _color = _interopRequireDefault(require("color"));
11
+
12
+ var _constants = require("./constants");
13
+
14
+ var _ThemeProvider = require("../ThemeProvider");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
3
17
 
4
18
  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; }
5
19
 
6
20
  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; }
7
21
 
22
+ 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; }
23
+
8
24
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
9
25
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
10
- import color from 'color';
11
- import { BADGE_TYPES } from './constants';
12
- import { Overridable, getOverrides } from '../ThemeProvider';
13
26
 
14
27
  var getStyle = function getStyle(_ref) {
15
28
  var theme = _ref.theme,
@@ -28,44 +41,44 @@ var getStyle = function getStyle(_ref) {
28
41
  borderStyle: 'solid',
29
42
  borderColor: theme.palette.primary[2],
30
43
  fontWeight: 600
31
- }, getOverrides(Overridable.Badge.Root)({
44
+ }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Badge.Root)({
32
45
  theme: theme
33
46
  }));
34
47
 
35
48
  switch (type) {
36
- case BADGE_TYPES.ERROR:
37
- return _objectSpread({}, base, {
49
+ case _constants.BADGE_TYPES.ERROR:
50
+ return _objectSpread(_objectSpread({}, base), {}, {
38
51
  backgroundColor: theme.palette.error[0],
39
52
  color: theme.palette.error[1],
40
- borderColor: color(theme.palette.error[1]).saturate(0.5).lighten(0.9).string()
41
- }, getOverrides(Overridable.Badge.Error)({
53
+ borderColor: (0, _color["default"])(theme.palette.error[1]).saturate(0.5).lighten(0.9).string()
54
+ }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Badge.Error)({
42
55
  theme: theme
43
56
  }));
44
57
 
45
- case BADGE_TYPES.WARNING:
46
- return _objectSpread({}, base, {
58
+ case _constants.BADGE_TYPES.WARNING:
59
+ return _objectSpread(_objectSpread({}, base), {}, {
47
60
  backgroundColor: theme.palette.warning[0],
48
61
  color: theme.palette.warning[1],
49
- borderColor: color(theme.palette.warning[1]).saturate(-0.1).lighten(1).string()
50
- }, getOverrides(Overridable.Badge.Warning)({
62
+ borderColor: (0, _color["default"])(theme.palette.warning[1]).saturate(-0.1).lighten(1).string()
63
+ }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Badge.Warning)({
51
64
  theme: theme
52
65
  }));
53
66
 
54
- case BADGE_TYPES.SUCCESS:
55
- return _objectSpread({}, base, {
67
+ case _constants.BADGE_TYPES.SUCCESS:
68
+ return _objectSpread(_objectSpread({}, base), {}, {
56
69
  backgroundColor: theme.palette.success[0],
57
- color: color(theme.palette.success[1]).saturate(-0.6).lighten(-0.2).string(),
58
- borderColor: color(theme.palette.success[0]).saturate(-0.7).lighten(-0.2).string()
59
- }, getOverrides(Overridable.Badge.Success)({
70
+ color: (0, _color["default"])(theme.palette.success[1]).saturate(-0.6).lighten(-0.2).string(),
71
+ borderColor: (0, _color["default"])(theme.palette.success[0]).saturate(-0.7).lighten(-0.2).string()
72
+ }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Badge.Success)({
60
73
  theme: theme
61
74
  }));
62
75
 
63
- case BADGE_TYPES.NEUTRAL:
64
- return _objectSpread({}, base, {
76
+ case _constants.BADGE_TYPES.NEUTRAL:
77
+ return _objectSpread(_objectSpread({}, base), {}, {
65
78
  backgroundColor: theme.palette.neutral[3],
66
79
  color: theme.palette.neutral[10],
67
80
  borderColor: theme.palette.neutral[5]
68
- }, getOverrides(Overridable.Badge.Neutral)({
81
+ }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Badge.Neutral)({
69
82
  theme: theme
70
83
  }));
71
84
 
@@ -74,12 +87,15 @@ var getStyle = function getStyle(_ref) {
74
87
  }
75
88
  };
76
89
 
77
- var Badge = /*#__PURE__*/_styled('span', {
90
+ var Badge = ( /*#__PURE__*/0, _base["default"])('span', process.env.NODE_ENV === "production" ? {
78
91
  target: "e1h5k3bd0"
92
+ } : {
93
+ target: "e1h5k3bd0",
94
+ label: "Badge"
79
95
  })(getStyle, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYWRnZS9CYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhZGdlL0JhZGdlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgY29sb3IgZnJvbSAnY29sb3InXG5pbXBvcnQgeyBCQURHRV9UWVBFUyB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgT3ZlcnJpZGFibGUsIGdldE92ZXJyaWRlcyB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5jb25zdCBnZXRTdHlsZSA9ICh7IHRoZW1lLCB0eXBlIH0pID0+IHtcbiAgY29uc3QgYmFzZSA9IHtcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVbMF0sXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2VbMV0sXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2VbMV0sXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlWzNdLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2VbM10sXG4gICAgYm9yZGVyUmFkaXVzOiAnMTAwcHgnLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzFdLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbM10sXG4gICAgYm9yZGVyV2lkdGg6IDEsXG4gICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVsyXSxcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgLi4uZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLkJhZGdlLlJvb3QpKHsgdGhlbWUgfSlcbiAgfVxuICBzd2l0Y2ggKHR5cGUpIHtcbiAgICBjYXNlIEJBREdFX1RZUEVTLkVSUk9SOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yWzBdLFxuICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5lcnJvclsxXSxcbiAgICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yKHRoZW1lLnBhbGV0dGUuZXJyb3JbMV0pXG4gICAgICAgICAgLnNhdHVyYXRlKDAuNSlcbiAgICAgICAgICAubGlnaHRlbigwLjkpXG4gICAgICAgICAgLnN0cmluZygpLFxuICAgICAgICAuLi5nZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuQmFkZ2UuRXJyb3IpKHsgdGhlbWUgfSlcbiAgICAgIH1cbiAgICBjYXNlIEJBREdFX1RZUEVTLldBUk5JTkc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5iYXNlLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUud2FybmluZ1swXSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUud2FybmluZ1sxXSxcbiAgICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yKHRoZW1lLnBhbGV0dGUud2FybmluZ1sxXSlcbiAgICAgICAgICAuc2F0dXJhdGUoLTAuMSlcbiAgICAgICAgICAubGlnaHRlbigxKVxuICAgICAgICAgIC5zdHJpbmcoKSxcbiAgICAgICAgLi4uZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLkJhZGdlLldhcm5pbmcpKHsgdGhlbWUgfSlcbiAgICAgIH1cbiAgICBjYXNlIEJBREdFX1RZUEVTLlNVQ0NFU1M6XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5iYXNlLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuc3VjY2Vzc1swXSxcbiAgICAgICAgY29sb3I6IGNvbG9yKHRoZW1lLnBhbGV0dGUuc3VjY2Vzc1sxXSlcbiAgICAgICAgICAuc2F0dXJhdGUoLTAuNilcbiAgICAgICAgICAubGlnaHRlbigtMC4yKVxuICAgICAgICAgIC5zdHJpbmcoKSxcbiAgICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yKHRoZW1lLnBhbGV0dGUuc3VjY2Vzc1swXSlcbiAgICAgICAgICAuc2F0dXJhdGUoLTAuNylcbiAgICAgICAgICAubGlnaHRlbigtMC4yKVxuICAgICAgICAgIC5zdHJpbmcoKSxcbiAgICAgICAgLi4uZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLkJhZGdlLlN1Y2Nlc3MpKHsgdGhlbWUgfSlcbiAgICAgIH1cbiAgICBjYXNlIEJBREdFX1RZUEVTLk5FVVRSQUw6XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5iYXNlLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFszXSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFsxMF0sXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbNV0sXG4gICAgICAgIC4uLmdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5CYWRnZS5OZXV0cmFsKSh7IHRoZW1lIH0pXG4gICAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBiYXNlXG4gIH1cbn1cblxudHlwZSBCYWRnZVByb3BzID0ge1xuICAvKiogSGlnaGxpZ2h0aW5nIG9mIHRoZSBiYWRnZS4gRGVmYXVsdHMgdG8gRGVmYXVsdC4gT3B0aW9ucyBhcmUgUHJpbWFyeSwgTmV1dHJhbCwgU3VjY2VzcywgV2FybmluZyBhbmQgRXJyb3IgKi9cbiAgdHlwZT86IEJBREdFX1RZUEVTXG59XG5cbmNvbnN0IEJhZGdlID0gc3R5bGVkKCdzcGFuJyk8QmFkZ2VQcm9wcz4oZ2V0U3R5bGUpXG5CYWRnZS5kaXNwbGF5TmFtZSA9ICdCYWRnZSdcbkJhZGdlLmRlZmF1bHRQcm9wcyA9IHsgdHlwZTogQkFER0VfVFlQRVMuREVGQVVMVCB9XG5leHBvcnQgZGVmYXVsdCBCYWRnZVxuIl19 */");
80
-
81
96
  Badge.displayName = 'Badge';
82
97
  Badge.defaultProps = {
83
- type: BADGE_TYPES.DEFAULT
98
+ type: _constants.BADGE_TYPES.DEFAULT
84
99
  };
85
- export default Badge;
100
+ var _default = Badge;
101
+ exports["default"] = _default;
@@ -1,6 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BADGE_TYPES = void 0;
1
7
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
2
8
  if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
3
- export var BADGE_TYPES;
9
+ var BADGE_TYPES;
10
+ exports.BADGE_TYPES = BADGE_TYPES;
4
11
 
5
12
  (function (BADGE_TYPES) {
6
13
  BADGE_TYPES["NEUTRAL"] = "NEUTRAL";
@@ -8,4 +15,4 @@ export var BADGE_TYPES;
8
15
  BADGE_TYPES["ERROR"] = "ERROR";
9
16
  BADGE_TYPES["WARNING"] = "WARNING";
10
17
  BADGE_TYPES["SUCCESS"] = "SUCCESS";
11
- })(BADGE_TYPES || (BADGE_TYPES = {}));
18
+ })(BADGE_TYPES || (exports.BADGE_TYPES = BADGE_TYPES = {}));
@@ -1,4 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "BADGE_TYPES", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _constants.BADGE_TYPES;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "default", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Badge["default"];
16
+ }
17
+ });
18
+
19
+ var _Badge = _interopRequireDefault(require("./Badge"));
20
+
21
+ var _constants = require("./constants");
22
+
23
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
+
1
25
  if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
2
- if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
3
- export { default } from './Badge';
4
- export { BADGE_TYPES } from './constants';
26
+ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { VictoryBarProps, VictoryChartProps } from 'victory';
3
+ import type { ChartTheme } from '../ChartPrimitives';
3
4
  import { chartUtils } from '../ChartPrimitives';
4
5
  import type { TooltipProps } from '../ChartPrimitives/Tooltip';
5
6
  import type { Theme } from '../ThemeProvider';
@@ -31,11 +32,7 @@ export declare type BarChartProps = {
31
32
  barLabel?: (datum: Datum) => string | number;
32
33
  chartColors?: string;
33
34
  /** Customise theme for histogram or other custom charts */
34
- customizeTheme: (chartTheme: {
35
- [key: string]: any;
36
- }, theme: Theme) => {
37
- [key: string]: any;
38
- };
35
+ customizeTheme: (chartTheme: ChartTheme, theme: Theme) => ChartTheme;
39
36
  domain?: {
40
37
  [key: string]: any;
41
38
  };
@@ -80,11 +77,13 @@ export declare namespace BarChart {
80
77
  customizeTheme: (chartTheme: any) => any;
81
78
  };
82
79
  }
83
- declare const ThemedComponent: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<BarChartProps, "data" | "horizontal" | "padding" | "animate" | "height" | "width" | "theme" | "grayscale" | "domainPadding" | "domain" | "detailed" | "chartColors" | "isGrowthRateChart" | "barColor" | "barLabel" | "barRadius" | "barRatio" | "barWidth" | "gridStyle" | "xTickCount" | "xTickLabelTitle" | "xTickValues" | "yTickCount" | "yTickValues" | "tooltipProps"> & Partial<Pick<BarChartProps, "yTickLabel" | "customizeTheme" | "tooltipLabel" | "xTickLabel">> & Partial<Pick<{
80
+ declare const ThemedComponent: React.FC<Pick<Pick<BarChartProps, "data" | "horizontal" | "padding" | "animate" | "height" | "width" | "theme" | "grayscale" | "domainPadding" | "domain" | "detailed" | "chartColors" | "isGrowthRateChart" | "barColor" | "barLabel" | "barRadius" | "barRatio" | "barWidth" | "gridStyle" | "xTickCount" | "xTickLabelTitle" | "xTickValues" | "yTickCount" | "yTickValues" | "tooltipProps"> & Partial<Pick<BarChartProps, "yTickLabel" | "customizeTheme" | "tooltipLabel" | "xTickLabel">> & Partial<Pick<{
84
81
  xTickLabel: (value: any) => any;
85
82
  yTickLabel: (value: any) => any;
86
83
  tooltipLabel: (datum: any) => any[];
87
84
  customizeTheme: (chartTheme: any) => any;
88
- }, never>>, "theme">>;
85
+ }, never>>, "data" | "horizontal" | "padding" | "animate" | "height" | "width" | "grayscale" | "domainPadding" | "domain" | "detailed" | "yTickLabel" | "chartColors" | "isGrowthRateChart" | "barColor" | "barLabel" | "barRadius" | "barRatio" | "barWidth" | "customizeTheme" | "gridStyle" | "tooltipLabel" | "xTickCount" | "xTickLabel" | "xTickLabelTitle" | "xTickValues" | "yTickCount" | "yTickValues" | "tooltipProps"> & {
86
+ theme?: import("@emotion/react").Theme | undefined;
87
+ }>;
89
88
  export default ThemedComponent;
90
89
  //# sourceMappingURL=BarChart.d.ts.map