@amboss/design-system 1.15.1 → 1.15.2

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 (348) hide show
  1. package/package.json +1 -1
  2. package/build/cjs/build-tokens/_breakpoints.json.js +0 -10
  3. package/build/cjs/build-tokens/_icon_sizes_map.json.js +0 -5
  4. package/build/cjs/build-tokens/_zindex.json.js +0 -10
  5. package/build/cjs/build-tokens/assets/icons.json.js +0 -82
  6. package/build/cjs/build-tokens/assets/icons16.json.js +0 -87
  7. package/build/cjs/build-tokens/assets/logo.json.js +0 -7
  8. package/build/cjs/build-tokens/visualConfig.js +0 -1329
  9. package/build/cjs/scss/themes/dark.scss +0 -111
  10. package/build/cjs/scss/themes/light.scss +0 -111
  11. package/build/cjs/src/components/Badge/Badge.js +0 -63
  12. package/build/cjs/src/components/Box/Box.js +0 -89
  13. package/build/cjs/src/components/Button/Button.js +0 -290
  14. package/build/cjs/src/components/Callout/Callout.js +0 -102
  15. package/build/cjs/src/components/Card/Card.js +0 -69
  16. package/build/cjs/src/components/Card/CardBox.js +0 -23
  17. package/build/cjs/src/components/Card/CardHeader/CardHeader.js +0 -59
  18. package/build/cjs/src/components/Collapsible/Collapsible.js +0 -117
  19. package/build/cjs/src/components/Column/Columns.js +0 -147
  20. package/build/cjs/src/components/Container/Container.js +0 -63
  21. package/build/cjs/src/components/DataTable/DataTable.js +0 -187
  22. package/build/cjs/src/components/DataTable/TableBody.js +0 -161
  23. package/build/cjs/src/components/DataTable/TableCell.js +0 -45
  24. package/build/cjs/src/components/DataTable/TableHeader.js +0 -194
  25. package/build/cjs/src/components/DataTable/useDataTableSort.js +0 -42
  26. package/build/cjs/src/components/Divider/Divider.js +0 -68
  27. package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +0 -227
  28. package/build/cjs/src/components/DropdownMenu/MenuItem.js +0 -103
  29. package/build/cjs/src/components/Form/Checkbox/Checkbox.js +0 -147
  30. package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -27
  31. package/build/cjs/src/components/Form/FormField/FormField.js +0 -58
  32. package/build/cjs/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -55
  33. package/build/cjs/src/components/Form/FormLabelText/FormLabelText.js +0 -42
  34. package/build/cjs/src/components/Form/Input/Input.js +0 -186
  35. package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +0 -226
  36. package/build/cjs/src/components/Form/Radio/Radio.js +0 -138
  37. package/build/cjs/src/components/Form/RadioButton/RadioButton.js +0 -124
  38. package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js +0 -131
  39. package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -216
  40. package/build/cjs/src/components/Form/Select/Select.js +0 -291
  41. package/build/cjs/src/components/Form/Textarea/Textarea.js +0 -93
  42. package/build/cjs/src/components/Form/Toggle/Toggle.js +0 -179
  43. package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +0 -143
  44. package/build/cjs/src/components/Icon/Icon.js +0 -110
  45. package/build/cjs/src/components/Inline/Inline.js +0 -113
  46. package/build/cjs/src/components/Link/Link.js +0 -77
  47. package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +0 -84
  48. package/build/cjs/src/components/Logo/Logo.js +0 -44
  49. package/build/cjs/src/components/MediaItem/MediaItem.js +0 -120
  50. package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js +0 -73
  51. package/build/cjs/src/components/Notification/Notification.js +0 -108
  52. package/build/cjs/src/components/Pagination/Pagination.js +0 -91
  53. package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -52
  54. package/build/cjs/src/components/Patterns/Modal/Modal.js +0 -221
  55. package/build/cjs/src/components/PictogramButton/PictogramButton.js +0 -150
  56. package/build/cjs/src/components/Portal/Portal.js +0 -22
  57. package/build/cjs/src/components/ProgressBar/ProgressBar.js +0 -38
  58. package/build/cjs/src/components/RoundButton/RoundButton.js +0 -140
  59. package/build/cjs/src/components/SearchResult/SearchResult.js +0 -184
  60. package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -110
  61. package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -42
  62. package/build/cjs/src/components/Stack/Stack.js +0 -80
  63. package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +0 -55
  64. package/build/cjs/src/components/Tabs/Tabs.js +0 -137
  65. package/build/cjs/src/components/Tag/Tag.js +0 -90
  66. package/build/cjs/src/components/Tooltip/Tooltip.js +0 -275
  67. package/build/cjs/src/components/Tooltip/utils.js +0 -81
  68. package/build/cjs/src/components/Typography/Header/Header.js +0 -132
  69. package/build/cjs/src/components/Typography/StyledText/StyledText.js +0 -168
  70. package/build/cjs/src/components/Typography/Text/Text.js +0 -71
  71. package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +0 -54
  72. package/build/cjs/src/components/VirtualScrollList/VirtualScrollList.js +0 -116
  73. package/build/cjs/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -131
  74. package/build/cjs/src/index.js +0 -136
  75. package/build/cjs/src/shared/ScreenReaderText.js +0 -26
  76. package/build/cjs/src/shared/flattenChildren.js +0 -33
  77. package/build/cjs/src/shared/informDeprecation.js +0 -12
  78. package/build/cjs/src/shared/mediaQueries.js +0 -68
  79. package/build/cjs/src/shared/useAutoPosition.js +0 -42
  80. package/build/cjs/src/shared/useDocument.js +0 -7
  81. package/build/cjs/src/shared/useHover.js +0 -26
  82. package/build/cjs/src/shared/useKeyboard.js +0 -43
  83. package/build/cjs/src/shared/useOnEscapePress.js +0 -52
  84. package/build/cjs/src/shared/useOutsideClick.js +0 -33
  85. package/build/cjs/src/shared/useWindow.js +0 -7
  86. package/build/esm/build-tokens/_breakpoints.json +0 -17
  87. package/build/esm/build-tokens/_breakpoints.json.js +0 -4
  88. package/build/esm/build-tokens/_breakpoints.json.js.map +0 -1
  89. package/build/esm/build-tokens/_colors.json +0 -918
  90. package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
  91. package/build/esm/build-tokens/_icon_sizes_map.json.js +0 -4
  92. package/build/esm/build-tokens/_icon_sizes_map.json.js.map +0 -1
  93. package/build/esm/build-tokens/_sizes.json +0 -782
  94. package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
  95. package/build/esm/build-tokens/_zindex.json +0 -17
  96. package/build/esm/build-tokens/_zindex.json.js +0 -4
  97. package/build/esm/build-tokens/_zindex.json.js.map +0 -1
  98. package/build/esm/build-tokens/assets/icons.json +0 -141
  99. package/build/esm/build-tokens/assets/icons.json.js +0 -4
  100. package/build/esm/build-tokens/assets/icons.json.js.map +0 -1
  101. package/build/esm/build-tokens/assets/icons16.json +0 -153
  102. package/build/esm/build-tokens/assets/icons16.json.js +0 -4
  103. package/build/esm/build-tokens/assets/icons16.json.js.map +0 -1
  104. package/build/esm/build-tokens/assets/logo.json +0 -3
  105. package/build/esm/build-tokens/assets/logo.json.js +0 -4
  106. package/build/esm/build-tokens/assets/logo.json.js.map +0 -1
  107. package/build/esm/build-tokens/visualConfig.d.ts +0 -767
  108. package/build/esm/build-tokens/visualConfig.js +0 -1328
  109. package/build/esm/build-tokens/visualConfig.js.map +0 -1
  110. package/build/esm/scss/themes/dark.scss +0 -111
  111. package/build/esm/scss/themes/light.scss +0 -111
  112. package/build/esm/src/components/Badge/Badge.d.ts +0 -11
  113. package/build/esm/src/components/Badge/Badge.js +0 -57
  114. package/build/esm/src/components/Badge/Badge.js.map +0 -1
  115. package/build/esm/src/components/Box/Box.d.ts +0 -35
  116. package/build/esm/src/components/Box/Box.js +0 -82
  117. package/build/esm/src/components/Box/Box.js.map +0 -1
  118. package/build/esm/src/components/Button/Button.d.ts +0 -33
  119. package/build/esm/src/components/Button/Button.js +0 -282
  120. package/build/esm/src/components/Button/Button.js.map +0 -1
  121. package/build/esm/src/components/Button/mock.d.ts +0 -326
  122. package/build/esm/src/components/Callout/Callout.d.ts +0 -14
  123. package/build/esm/src/components/Callout/Callout.js +0 -96
  124. package/build/esm/src/components/Callout/Callout.js.map +0 -1
  125. package/build/esm/src/components/Card/Card.d.ts +0 -16
  126. package/build/esm/src/components/Card/Card.js +0 -63
  127. package/build/esm/src/components/Card/Card.js.map +0 -1
  128. package/build/esm/src/components/Card/CardBox.d.ts +0 -6
  129. package/build/esm/src/components/Card/CardBox.js +0 -18
  130. package/build/esm/src/components/Card/CardBox.js.map +0 -1
  131. package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
  132. package/build/esm/src/components/Card/CardHeader/CardHeader.js +0 -52
  133. package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +0 -1
  134. package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
  135. package/build/esm/src/components/Collapsible/Collapsible.js +0 -110
  136. package/build/esm/src/components/Collapsible/Collapsible.js.map +0 -1
  137. package/build/esm/src/components/Column/Columns.d.ts +0 -45
  138. package/build/esm/src/components/Column/Columns.js +0 -141
  139. package/build/esm/src/components/Column/Columns.js.map +0 -1
  140. package/build/esm/src/components/Container/Container.d.ts +0 -11
  141. package/build/esm/src/components/Container/Container.js +0 -57
  142. package/build/esm/src/components/Container/Container.js.map +0 -1
  143. package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
  144. package/build/esm/src/components/DataTable/DataTable.js +0 -180
  145. package/build/esm/src/components/DataTable/DataTable.js.map +0 -1
  146. package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
  147. package/build/esm/src/components/DataTable/TableBody.js +0 -153
  148. package/build/esm/src/components/DataTable/TableBody.js.map +0 -1
  149. package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
  150. package/build/esm/src/components/DataTable/TableCell.js +0 -38
  151. package/build/esm/src/components/DataTable/TableCell.js.map +0 -1
  152. package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
  153. package/build/esm/src/components/DataTable/TableHeader.js +0 -185
  154. package/build/esm/src/components/DataTable/TableHeader.js.map +0 -1
  155. package/build/esm/src/components/DataTable/index.d.ts +0 -4
  156. package/build/esm/src/components/DataTable/types.d.ts +0 -15
  157. package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
  158. package/build/esm/src/components/DataTable/useDataTableSort.js +0 -41
  159. package/build/esm/src/components/DataTable/useDataTableSort.js.map +0 -1
  160. package/build/esm/src/components/Divider/Divider.d.ts +0 -6
  161. package/build/esm/src/components/Divider/Divider.js +0 -62
  162. package/build/esm/src/components/Divider/Divider.js.map +0 -1
  163. package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
  164. package/build/esm/src/components/DropdownMenu/DropdownMenu.js +0 -221
  165. package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +0 -1
  166. package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
  167. package/build/esm/src/components/DropdownMenu/MenuItem.js +0 -97
  168. package/build/esm/src/components/DropdownMenu/MenuItem.js.map +0 -1
  169. package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -15
  170. package/build/esm/src/components/Form/Checkbox/Checkbox.js +0 -140
  171. package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +0 -1
  172. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
  173. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -22
  174. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +0 -1
  175. package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
  176. package/build/esm/src/components/Form/FormField/FormField.js +0 -52
  177. package/build/esm/src/components/Form/FormField/FormField.js.map +0 -1
  178. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
  179. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -49
  180. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +0 -1
  181. package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
  182. package/build/esm/src/components/Form/FormLabelText/FormLabelText.js +0 -36
  183. package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +0 -1
  184. package/build/esm/src/components/Form/Input/Input.d.ts +0 -54
  185. package/build/esm/src/components/Form/Input/Input.js +0 -178
  186. package/build/esm/src/components/Form/Input/Input.js.map +0 -1
  187. package/build/esm/src/components/Form/Input/index.d.ts +0 -2
  188. package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -53
  189. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +0 -218
  190. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +0 -1
  191. package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
  192. package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -14
  193. package/build/esm/src/components/Form/Radio/Radio.js +0 -131
  194. package/build/esm/src/components/Form/Radio/Radio.js.map +0 -1
  195. package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
  196. package/build/esm/src/components/Form/RadioButton/RadioButton.js +0 -117
  197. package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +0 -1
  198. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
  199. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js +0 -124
  200. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map +0 -1
  201. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
  202. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -210
  203. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +0 -1
  204. package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
  205. package/build/esm/src/components/Form/Select/Select.js +0 -284
  206. package/build/esm/src/components/Form/Select/Select.js.map +0 -1
  207. package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -26
  208. package/build/esm/src/components/Form/Textarea/Textarea.js +0 -86
  209. package/build/esm/src/components/Form/Textarea/Textarea.js.map +0 -1
  210. package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -18
  211. package/build/esm/src/components/Form/Toggle/Toggle.js +0 -172
  212. package/build/esm/src/components/Form/Toggle/Toggle.js.map +0 -1
  213. package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -15
  214. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +0 -136
  215. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +0 -1
  216. package/build/esm/src/components/Icon/Icon.d.ts +0 -22
  217. package/build/esm/src/components/Icon/Icon.js +0 -104
  218. package/build/esm/src/components/Icon/Icon.js.map +0 -1
  219. package/build/esm/src/components/Inline/Inline.d.ts +0 -30
  220. package/build/esm/src/components/Inline/Inline.js +0 -107
  221. package/build/esm/src/components/Inline/Inline.js.map +0 -1
  222. package/build/esm/src/components/Link/Link.d.ts +0 -14
  223. package/build/esm/src/components/Link/Link.js +0 -70
  224. package/build/esm/src/components/Link/Link.js.map +0 -1
  225. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
  226. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +0 -78
  227. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +0 -1
  228. package/build/esm/src/components/Logo/Logo.d.ts +0 -8
  229. package/build/esm/src/components/Logo/Logo.js +0 -38
  230. package/build/esm/src/components/Logo/Logo.js.map +0 -1
  231. package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -14
  232. package/build/esm/src/components/MediaItem/MediaItem.js +0 -114
  233. package/build/esm/src/components/MediaItem/MediaItem.js.map +0 -1
  234. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
  235. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js +0 -67
  236. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +0 -1
  237. package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
  238. package/build/esm/src/components/Notification/Notification.d.ts +0 -16
  239. package/build/esm/src/components/Notification/Notification.js +0 -102
  240. package/build/esm/src/components/Notification/Notification.js.map +0 -1
  241. package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
  242. package/build/esm/src/components/Pagination/Pagination.js +0 -86
  243. package/build/esm/src/components/Pagination/Pagination.js.map +0 -1
  244. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -14
  245. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -46
  246. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +0 -1
  247. package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
  248. package/build/esm/src/components/Patterns/Modal/Modal.js +0 -214
  249. package/build/esm/src/components/Patterns/Modal/Modal.js.map +0 -1
  250. package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
  251. package/build/esm/src/components/PictogramButton/PictogramButton.js +0 -143
  252. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +0 -1
  253. package/build/esm/src/components/Portal/Portal.d.ts +0 -7
  254. package/build/esm/src/components/Portal/Portal.js +0 -16
  255. package/build/esm/src/components/Portal/Portal.js.map +0 -1
  256. package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
  257. package/build/esm/src/components/ProgressBar/ProgressBar.js +0 -33
  258. package/build/esm/src/components/ProgressBar/ProgressBar.js.map +0 -1
  259. package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
  260. package/build/esm/src/components/RoundButton/RoundButton.js +0 -133
  261. package/build/esm/src/components/RoundButton/RoundButton.js.map +0 -1
  262. package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -43
  263. package/build/esm/src/components/SearchResult/SearchResult.js +0 -178
  264. package/build/esm/src/components/SearchResult/SearchResult.js.map +0 -1
  265. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
  266. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -104
  267. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +0 -1
  268. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
  269. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -40
  270. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map +0 -1
  271. package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
  272. package/build/esm/src/components/Stack/Stack.d.ts +0 -20
  273. package/build/esm/src/components/Stack/Stack.js +0 -74
  274. package/build/esm/src/components/Stack/Stack.js.map +0 -1
  275. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
  276. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js +0 -50
  277. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +0 -1
  278. package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
  279. package/build/esm/src/components/Tabs/Tabs.js +0 -130
  280. package/build/esm/src/components/Tabs/Tabs.js.map +0 -1
  281. package/build/esm/src/components/Tag/Tag.d.ts +0 -18
  282. package/build/esm/src/components/Tag/Tag.js +0 -84
  283. package/build/esm/src/components/Tag/Tag.js.map +0 -1
  284. package/build/esm/src/components/Tooltip/BaseTooltip.d.ts +0 -22
  285. package/build/esm/src/components/Tooltip/Popover.d.ts +0 -7
  286. package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
  287. package/build/esm/src/components/Tooltip/Tooltip.js +0 -269
  288. package/build/esm/src/components/Tooltip/Tooltip.js.map +0 -1
  289. package/build/esm/src/components/Tooltip/util.d.ts +0 -12
  290. package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
  291. package/build/esm/src/components/Tooltip/utils.js +0 -75
  292. package/build/esm/src/components/Tooltip/utils.js.map +0 -1
  293. package/build/esm/src/components/Typography/Header/Header.d.ts +0 -34
  294. package/build/esm/src/components/Typography/Header/Header.js +0 -122
  295. package/build/esm/src/components/Typography/Header/Header.js.map +0 -1
  296. package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
  297. package/build/esm/src/components/Typography/StyledText/StyledText.js +0 -161
  298. package/build/esm/src/components/Typography/StyledText/StyledText.js.map +0 -1
  299. package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
  300. package/build/esm/src/components/Typography/Text/Text.js +0 -65
  301. package/build/esm/src/components/Typography/Text/Text.js.map +0 -1
  302. package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
  303. package/build/esm/src/components/Typography/TextClamped/TextClamped.js +0 -47
  304. package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +0 -1
  305. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
  306. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js +0 -110
  307. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +0 -1
  308. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
  309. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -130
  310. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js.map +0 -1
  311. package/build/esm/src/index.d.ts +0 -53
  312. package/build/esm/src/index.js +0 -60
  313. package/build/esm/src/index.js.map +0 -1
  314. package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
  315. package/build/esm/src/shared/ScreenReaderText.js +0 -21
  316. package/build/esm/src/shared/ScreenReaderText.js.map +0 -1
  317. package/build/esm/src/shared/flattenChildren.d.ts +0 -11
  318. package/build/esm/src/shared/flattenChildren.js +0 -32
  319. package/build/esm/src/shared/flattenChildren.js.map +0 -1
  320. package/build/esm/src/shared/informDeprecation.d.ts +0 -1
  321. package/build/esm/src/shared/informDeprecation.js +0 -11
  322. package/build/esm/src/shared/informDeprecation.js.map +0 -1
  323. package/build/esm/src/shared/mediaQueries.d.ts +0 -14
  324. package/build/esm/src/shared/mediaQueries.js +0 -66
  325. package/build/esm/src/shared/mediaQueries.js.map +0 -1
  326. package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
  327. package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
  328. package/build/esm/src/shared/useAutoPosition.js +0 -41
  329. package/build/esm/src/shared/useAutoPosition.js.map +0 -1
  330. package/build/esm/src/shared/useDocument.d.ts +0 -1
  331. package/build/esm/src/shared/useDocument.js +0 -6
  332. package/build/esm/src/shared/useDocument.js.map +0 -1
  333. package/build/esm/src/shared/useHover.d.ts +0 -2
  334. package/build/esm/src/shared/useHover.js +0 -25
  335. package/build/esm/src/shared/useHover.js.map +0 -1
  336. package/build/esm/src/shared/useKeyboard.d.ts +0 -17
  337. package/build/esm/src/shared/useKeyboard.js +0 -42
  338. package/build/esm/src/shared/useKeyboard.js.map +0 -1
  339. package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
  340. package/build/esm/src/shared/useOnEscapePress.js +0 -51
  341. package/build/esm/src/shared/useOnEscapePress.js.map +0 -1
  342. package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
  343. package/build/esm/src/shared/useOutsideClick.js +0 -32
  344. package/build/esm/src/shared/useOutsideClick.js.map +0 -1
  345. package/build/esm/src/shared/useWindow.d.ts +0 -1
  346. package/build/esm/src/shared/useWindow.js +0 -6
  347. package/build/esm/src/shared/useWindow.js.map +0 -1
  348. package/build/esm/src/types/index.d.ts +0 -57
@@ -1,104 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import React from 'react';
3
- import { sanitizeInputValues, getPercentagesForVariants } from './SegmentedProgressBarUtil.js';
4
-
5
- const defaultProps = {
6
- "data-e2e-test-id": undefined,
7
- weight: "fat",
8
- squareCorners: false,
9
- privateProps: {
10
- monochrome: false
11
- }
12
- };
13
- const getBackgroundColor = (theme, style, monochrome) => {
14
- const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;
15
- switch (style) {
16
- case "success":
17
- return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.success;
18
- case "warning":
19
- return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.warning;
20
- case "alert":
21
- return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.alert;
22
- case "inProgress":
23
- return theme.values.color.segmentedProgressBar.inProgress;
24
- default:
25
- return theme.values.color.border.secondary.default;
26
- }
27
- };
28
- const StyledSegmentedProgressBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
29
- target: "e101pf3g1"
30
- } : {
31
- target: "e101pf3g1",
32
- label: "StyledSegmentedProgressBar"
33
- })(_ref => {
34
- let {
35
- theme,
36
- squareCorners,
37
- weight
38
- } = _ref;
39
- return {
40
- width: "100%",
41
- display: "flex",
42
- flexDirection: "row",
43
- borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.progressBar,
44
- overflow: "hidden",
45
- height: weight === "thin" ? theme.variables.size.spacing.xxs : theme.variables.size.spacing.xs
46
- };
47
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW1DIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
48
- const StyledSegment = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
49
- target: "e101pf3g0"
50
- } : {
51
- target: "e101pf3g0",
52
- label: "StyledSegment"
53
- })(_ref2 => {
54
- let {
55
- theme,
56
- styleVariant,
57
- percentage,
58
- monochrome
59
- } = _ref2;
60
- return {
61
- height: "100%",
62
- backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),
63
- width: `${percentage}%`
64
- };
65
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRnNCIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
66
- function SegmentedProgressBar(_ref3) {
67
- let {
68
- maxValue,
69
- values,
70
- weight,
71
- squareCorners,
72
- privateProps: {
73
- monochrome
74
- },
75
- "data-e2e-test-id": dataE2eTestId
76
- } = _ref3;
77
- const {
78
- sanitizedMaxValue,
79
- sanitizedValues
80
- } = sanitizeInputValues(maxValue, values);
81
- const percentages = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);
82
- return /*#__PURE__*/React.createElement(StyledSegmentedProgressBar, {
83
- "data-e2e-test-id": dataE2eTestId,
84
- "data-ds-id": "SegmentedProgressBar",
85
- squareCorners: squareCorners,
86
- weight: weight
87
- }, percentages.map(_ref4 => {
88
- let {
89
- percentage,
90
- style
91
- } = _ref4;
92
- return /*#__PURE__*/React.createElement(StyledSegment, {
93
- key: style,
94
- "data-e2e-test-id": style,
95
- styleVariant: style,
96
- monochrome: monochrome,
97
- percentage: percentage
98
- });
99
- }));
100
- }
101
- SegmentedProgressBar.defaultProps = defaultProps;
102
-
103
- export { SegmentedProgressBar };
104
- //# sourceMappingURL=SegmentedProgressBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n getPercentagesForVariants,\n sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n /** The value for 100% progress. Consumer does not need to do percentage calculation.\n * Just pass this number and some values. The progress bar does all percentag calculations */\n maxValue: number;\n /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n * Variants are:\n * success => green;\n * warning => yellow;\n * alert => red */\n values: Partial<Record<ValuesVariant, Value>>;\n squareCorners?: boolean;\n weight?: ProgressBarWeight;\n privateProps?: SegmentedProgressBarPrivateProps;\n \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n monochrome?: boolean;\n};\n\ntype SegmentProps = {\n styleVariant: StyleVariant;\n percentage: number;\n monochrome: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n \"data-e2e-test-id\": undefined,\n weight: \"fat\",\n squareCorners: false,\n privateProps: {\n monochrome: false,\n },\n};\n\nconst getBackgroundColor = (\n theme: Theme,\n style: StyleVariant,\n monochrome: boolean\n) => {\n const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;\n switch (style) {\n case \"success\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.success;\n case \"warning\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.warning;\n case \"alert\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.alert;\n case \"inProgress\":\n return theme.values.color.segmentedProgressBar.inProgress;\n default:\n return theme.values.color.border.secondary.default;\n }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n borderRadius: squareCorners\n ? 0\n : theme.variables.size.borderRadius.progressBar,\n overflow: \"hidden\",\n height:\n weight === \"thin\"\n ? theme.variables.size.spacing.xxs\n : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n ({ theme, styleVariant, percentage, monochrome }) => ({\n height: \"100%\",\n backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n width: `${percentage}%`,\n })\n);\n\nexport function SegmentedProgressBar({\n maxValue,\n values,\n weight,\n squareCorners,\n privateProps: { monochrome },\n \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n maxValue,\n values\n );\n\n const percentages: {\n percentage: number;\n style: StyleVariant;\n }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n return (\n <StyledSegmentedProgressBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"SegmentedProgressBar\"\n squareCorners={squareCorners}\n weight={weight}\n >\n {percentages.map(({ percentage, style }) => (\n <StyledSegment\n key={style}\n data-e2e-test-id={style as string}\n styleVariant={style}\n monochrome={monochrome}\n percentage={percentage}\n />\n ))}\n </StyledSegmentedProgressBar>\n );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","monochromeColor","values","color","segmentedProgressBar","success","warning","alert","inProgress","border","secondary","default","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- import { StyleVariant, Value, ValuesVariant } from "./SegmentedProgressBar";
2
- declare const getPercentagesForVariants: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
3
- percentage: number;
4
- style: StyleVariant;
5
- }[];
6
- declare const sanitizeInputValues: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
7
- sanitizedMaxValue: number;
8
- sanitizedValues: Partial<Record<ValuesVariant, Value>>;
9
- };
10
- export { sanitizeInputValues, getPercentagesForVariants };
@@ -1,40 +0,0 @@
1
- // eslint-disable-next-line import/no-cycle
2
-
3
- const variants = ["success", "warning", "alert"];
4
- const getTotalFilledValue = values => variants.reduce((currentValue, variant) => values[variant] && values[variant] > 0 ? currentValue + values[variant] : currentValue, 0);
5
- const getPercentagesForVariants = (maxValue, values) => {
6
- const result = variants.map(variant => {
7
- const percentage = 100 * values[variant] / maxValue;
8
- return percentage > 0 ? {
9
- percentage,
10
- style: variant
11
- } : null;
12
- });
13
- const usedPercentage = result.reduce((currentValue, item) => currentValue + (item ? item.percentage : 0), 0);
14
-
15
- // add a last segment for the remaing percentage
16
- if (usedPercentage < 100) {
17
- result.push({
18
- percentage: 100 - usedPercentage,
19
- style: "inProgress"
20
- });
21
- }
22
-
23
- // we need to filter out the null values.
24
- return result.filter(Boolean);
25
- };
26
- const sanitizeInputValues = (maxValue, values) => {
27
- const totalFilledValue = getTotalFilledValue(values);
28
- const sanitizedMaxValue = maxValue > totalFilledValue ? maxValue : totalFilledValue;
29
- const sanitizedValues = {};
30
- variants.forEach(variant => {
31
- sanitizedValues[variant] = values[variant] && values[variant] > 0 ? values[variant] : 0;
32
- });
33
- return {
34
- sanitizedMaxValue,
35
- sanitizedValues
36
- };
37
- };
38
-
39
- export { getPercentagesForVariants, sanitizeInputValues };
40
- //# sourceMappingURL=SegmentedProgressBarUtil.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SegmentedProgressBarUtil.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBarUtil.ts"],"sourcesContent":["// eslint-disable-next-line import/no-cycle\nimport { StyleVariant, Value, ValuesVariant } from \"./SegmentedProgressBar\";\n\nconst variants: ValuesVariant[] = [\"success\", \"warning\", \"alert\"];\n\nconst getTotalFilledValue = (values: Partial<Record<ValuesVariant, Value>>) =>\n variants.reduce(\n (currentValue, variant) =>\n values[variant] && values[variant] > 0\n ? currentValue + values[variant]\n : currentValue,\n 0\n );\n\nconst getPercentagesForVariants = (\n maxValue: number,\n values: Partial<Record<ValuesVariant, Value>>\n): { percentage: number; style: StyleVariant }[] => {\n const result = variants.map((variant) => {\n const percentage: number = (100 * values[variant]) / maxValue;\n\n return percentage > 0\n ? { percentage, style: variant as StyleVariant }\n : null;\n });\n\n const usedPercentage = result.reduce(\n (currentValue, item) => currentValue + (item ? item.percentage : 0),\n 0\n );\n\n // add a last segment for the remaing percentage\n if (usedPercentage < 100) {\n result.push({\n percentage: 100 - usedPercentage,\n style: \"inProgress\" as StyleVariant,\n });\n }\n\n // we need to filter out the null values.\n return result.filter(Boolean);\n};\n\nconst sanitizeInputValues = (\n maxValue: number,\n values: Partial<Record<ValuesVariant, Value>>\n): {\n sanitizedMaxValue: number;\n sanitizedValues: Partial<Record<ValuesVariant, Value>>;\n} => {\n const totalFilledValue = getTotalFilledValue(values);\n const sanitizedMaxValue =\n maxValue > totalFilledValue ? maxValue : totalFilledValue;\n\n const sanitizedValues: Partial<Record<ValuesVariant, Value>> = {};\n variants.forEach((variant) => {\n sanitizedValues[variant] =\n values[variant] && values[variant] > 0 ? values[variant] : 0;\n });\n\n return { sanitizedMaxValue, sanitizedValues };\n};\n\nexport { sanitizeInputValues, getPercentagesForVariants };\n"],"names":["variants","getTotalFilledValue","values","reduce","currentValue","variant","getPercentagesForVariants","maxValue","result","map","percentage","style","usedPercentage","item","push","filter","Boolean","sanitizeInputValues","totalFilledValue","sanitizedMaxValue","sanitizedValues","forEach"],"mappings":"AAAA;;AAGA,MAAMA,QAAyB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAEjE,MAAMC,mBAAmB,GAAIC,MAA6C,IACxEF,QAAQ,CAACG,MAAM,CACb,CAACC,YAAY,EAAEC,OAAO,KACpBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAClCD,YAAY,GAAGF,MAAM,CAACG,OAAO,CAAC,GAC9BD,YAAY,EAClB,CACF,CAAC,CAAA;AAEH,MAAME,yBAAyB,GAAGA,CAChCC,QAAgB,EAChBL,MAA6C,KACK;AAClD,EAAA,MAAMM,MAAM,GAAGR,QAAQ,CAACS,GAAG,CAAEJ,OAAO,IAAK;IACvC,MAAMK,UAAkB,GAAI,GAAG,GAAGR,MAAM,CAACG,OAAO,CAAC,GAAIE,QAAQ,CAAA;IAE7D,OAAOG,UAAU,GAAG,CAAC,GACjB;MAAEA,UAAU;AAAEC,MAAAA,KAAK,EAAEN,OAAAA;AAAwB,KAAC,GAC9C,IAAI,CAAA;AACV,GAAC,CAAC,CAAA;EAEF,MAAMO,cAAc,GAAGJ,MAAM,CAACL,MAAM,CAClC,CAACC,YAAY,EAAES,IAAI,KAAKT,YAAY,IAAIS,IAAI,GAAGA,IAAI,CAACH,UAAU,GAAG,CAAC,CAAC,EACnE,CACF,CAAC,CAAA;;AAED;EACA,IAAIE,cAAc,GAAG,GAAG,EAAE;IACxBJ,MAAM,CAACM,IAAI,CAAC;MACVJ,UAAU,EAAE,GAAG,GAAGE,cAAc;AAChCD,MAAAA,KAAK,EAAE,YAAA;AACT,KAAC,CAAC,CAAA;AACJ,GAAA;;AAEA;AACA,EAAA,OAAOH,MAAM,CAACO,MAAM,CAACC,OAAO,CAAC,CAAA;AAC/B,EAAC;AAED,MAAMC,mBAAmB,GAAGA,CAC1BV,QAAgB,EAChBL,MAA6C,KAI1C;AACH,EAAA,MAAMgB,gBAAgB,GAAGjB,mBAAmB,CAACC,MAAM,CAAC,CAAA;EACpD,MAAMiB,iBAAiB,GACrBZ,QAAQ,GAAGW,gBAAgB,GAAGX,QAAQ,GAAGW,gBAAgB,CAAA;EAE3D,MAAME,eAAsD,GAAG,EAAE,CAAA;AACjEpB,EAAAA,QAAQ,CAACqB,OAAO,CAAEhB,OAAO,IAAK;IAC5Be,eAAe,CAACf,OAAO,CAAC,GACtBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAAGH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,CAAA;AAChE,GAAC,CAAC,CAAA;EAEF,OAAO;IAAEc,iBAAiB;AAAEC,IAAAA,eAAAA;GAAiB,CAAA;AAC/C;;;;"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- declare global {
3
- namespace JSX {
4
- interface IntrinsicElements {
5
- "shadow-element": {
6
- theme: "light-theme" | "dark-theme";
7
- };
8
- }
9
- }
10
- }
11
- export declare function ShadowWebComponent({ theme, }: {
12
- theme: "light-theme" | "dark-theme";
13
- }): React.ReactElement;
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { HorizontalAlignment, MQ, SpaceSizes } from "../../types";
3
- export declare type StackProps = {
4
- /** Represents the vertical between the Stack's children
5
- * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
6
- */
7
- space?: MQ<SpaceSizes> | SpaceSizes;
8
- /** Represents elements' horizontal alignment
9
- * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes
10
- */
11
- alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;
12
- children: React.ReactNode[] | React.ReactElement;
13
- "data-e2e-test-id"?: string;
14
- /** @ignore */
15
- "data-ds-id"?: string;
16
- };
17
- export declare function Stack({ children, space, alignItems, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: StackProps): React.ReactElement;
18
- export declare namespace Stack {
19
- var defaultProps: Partial<StackProps>;
20
- }
@@ -1,74 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import React from 'react';
3
- import { flattenChildren } from '../../shared/flattenChildren.js';
4
- import { mq } from '../../shared/mediaQueries.js';
5
-
6
- const defaultProps = {
7
- space: "xs",
8
- "data-e2e-test-id": undefined,
9
- "data-ds-id": "Stack"
10
- };
11
- const StackContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
12
- target: "earxui51"
13
- } : {
14
- target: "earxui51",
15
- label: "StackContainer"
16
- })(_ref => {
17
- let {
18
- alignItems
19
- } = _ref;
20
- return {
21
- ...mq({
22
- alignItems: [alignItems, {
23
- left: "flex-start",
24
- right: "flex-end",
25
- center: "center",
26
- spaceBetween: "space-between"
27
- }]
28
- }),
29
- display: "flex",
30
- flexDirection: "column"
31
- };
32
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3VCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBTdGFja0l0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8U3RhY2tQcm9wcz4gPSB7XG4gIHNwYWNlOiBcInhzXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIlN0YWNrXCIsXG59O1xuXG5jb25zdCBTdGFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3RhY2tQcm9wcz4oKHsgYWxpZ25JdGVtcyB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgYWxpZ25JdGVtczogW1xuICAgICAgYWxpZ25JdGVtcyxcbiAgICAgIHtcbiAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgIH0sXG4gICAgXSxcbiAgfSksXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSkpO1xuXG5jb25zdCBTdGFja0l0ZW0gPSBzdHlsZWQuZGl2PFN0YWNrSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3RhY2soe1xuICBjaGlsZHJlbixcbiAgc3BhY2UsXG4gIGFsaWduSXRlbXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PiBjaGlsZCAmJiA8U3RhY2tJdGVtIHNwYWNlPXtzcGFjZX0+e2NoaWxkfTwvU3RhY2tJdGVtPlxuICAgICAgKX1cbiAgICA8L1N0YWNrQ29udGFpbmVyPlxuICApO1xufVxuXG5TdGFjay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
33
- const StackItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
34
- target: "earxui50"
35
- } : {
36
- target: "earxui50",
37
- label: "StackItem"
38
- })(_ref2 => {
39
- let {
40
- theme,
41
- space
42
- } = _ref2;
43
- return {
44
- ...mq({
45
- marginTop: [space, theme.variables.size.spacing]
46
- }),
47
- "&:first-of-type": {
48
- marginTop: 0
49
- },
50
- "&:empty": {
51
- marginTop: 0
52
- }
53
- };
54
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRGtCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBTdGFja0l0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8U3RhY2tQcm9wcz4gPSB7XG4gIHNwYWNlOiBcInhzXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIlN0YWNrXCIsXG59O1xuXG5jb25zdCBTdGFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3RhY2tQcm9wcz4oKHsgYWxpZ25JdGVtcyB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgYWxpZ25JdGVtczogW1xuICAgICAgYWxpZ25JdGVtcyxcbiAgICAgIHtcbiAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgIH0sXG4gICAgXSxcbiAgfSksXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSkpO1xuXG5jb25zdCBTdGFja0l0ZW0gPSBzdHlsZWQuZGl2PFN0YWNrSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3RhY2soe1xuICBjaGlsZHJlbixcbiAgc3BhY2UsXG4gIGFsaWduSXRlbXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PiBjaGlsZCAmJiA8U3RhY2tJdGVtIHNwYWNlPXtzcGFjZX0+e2NoaWxkfTwvU3RhY2tJdGVtPlxuICAgICAgKX1cbiAgICA8L1N0YWNrQ29udGFpbmVyPlxuICApO1xufVxuXG5TdGFjay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
55
- function Stack(_ref3) {
56
- let {
57
- children,
58
- space,
59
- alignItems,
60
- "data-e2e-test-id": dataE2eTestId,
61
- "data-ds-id": dataDsId
62
- } = _ref3;
63
- return /*#__PURE__*/React.createElement(StackContainer, {
64
- "data-e2e-test-id": dataE2eTestId,
65
- "data-ds-id": dataDsId,
66
- alignItems: alignItems
67
- }, React.Children.map(flattenChildren(children), child => child && /*#__PURE__*/React.createElement(StackItem, {
68
- space: space
69
- }, child)));
70
- }
71
- Stack.defaultProps = defaultProps;
72
-
73
- export { Stack };
74
- //# sourceMappingURL=Stack.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Stack.js","sources":["../../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport { HorizontalAlignment, MQ, SpaceSizes } from \"../../types\";\n\nexport type StackProps = {\n /** Represents the vertical between the Stack's children\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n */\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n children: React.ReactNode[] | React.ReactElement;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\ntype StackItemProps = {\n /** Represents the vertical between the Stack's children\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<StackProps> = {\n space: \"xs\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Stack\",\n};\n\nconst StackContainer = styled.div<StackProps>(({ alignItems }) => ({\n ...mq({\n alignItems: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n }),\n display: \"flex\",\n flexDirection: \"column\",\n}));\n\nconst StackItem = styled.div<StackItemProps>(({ theme, space }) => ({\n ...mq({\n marginTop: [space, theme.variables.size.spacing],\n }),\n \"&:first-of-type\": {\n marginTop: 0,\n },\n \"&:empty\": {\n marginTop: 0,\n },\n}));\n\nexport function Stack({\n children,\n space,\n alignItems,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: StackProps): React.ReactElement {\n return (\n <StackContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) => child && <StackItem space={space}>{child}</StackItem>\n )}\n </StackContainer>\n );\n}\n\nStack.defaultProps = defaultProps;\n"],"names":["defaultProps","space","undefined","StackContainer","_styled","process","env","NODE_ENV","target","label","_ref","alignItems","mq","left","right","center","spaceBetween","display","flexDirection","StackItem","_ref2","theme","marginTop","variables","size","spacing","Stack","_ref3","children","dataE2eTestId","dataDsId","React","createElement","Children","map","flattenChildren","child"],"mappings":";;;;;AA6BA,MAAMA,YAAiC,GAAG;AACxCC,EAAAA,KAAK,EAAE,IAAI;AACX,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,OAAA;AAChB,CAAC,CAAA;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAuBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjE,IAAA,GAAGE,EAAE,CAAC;MACJD,UAAU,EAAE,CACVA,UAAU,EACV;AACEE,QAAAA,IAAI,EAAE,YAAY;AAClBC,QAAAA,KAAK,EAAE,UAAU;AACjBC,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;OACf,CAAA;AAEL,KAAC,CAAC;AACFC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAA;GAChB,CAAA;AAAA,CAAC,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q1GAAA,CAAA,CAAA;AAEH,MAAMY,SAAS,gBAAGf,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA2BW,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAmB,KAAA,CAAA;EAAA,OAAM;AAClE,IAAA,GAAGR,EAAE,CAAC;MACJU,SAAS,EAAE,CAACrB,KAAK,EAAEoB,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,OAAO,CAAA;AACjD,KAAC,CAAC;AACF,IAAA,iBAAiB,EAAE;AACjBH,MAAAA,SAAS,EAAE,CAAA;KACZ;AACD,IAAA,SAAS,EAAE;AACTA,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q1GAAA,CAAA,CAAA;AAEI,SAASmB,KAAKA,CAAAC,KAAA,EAMc;EAAA,IANb;IACpBC,QAAQ;IACR3B,KAAK;IACLU,UAAU;AACV,IAAA,kBAAkB,EAAEkB,aAAa;AACjC,IAAA,YAAY,EAAEC,QAAAA;AACJ,GAAC,GAAAH,KAAA,CAAA;AACX,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC7B,cAAc,EAAA;AACb,IAAA,kBAAA,EAAkB0B,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBnB,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EAEtBoB,KAAK,CAACE,QAAQ,CAACC,GAAG,CACjBC,eAAe,CAACP,QAAQ,CAAC,EACxBQ,KAAK,IAAKA,KAAK,iBAAIL,KAAA,CAAAC,aAAA,CAACb,SAAS,EAAA;AAAClB,IAAAA,KAAK,EAAEA,KAAAA;GAAQmC,EAAAA,KAAiB,CACjE,CACc,CAAC,CAAA;AAErB,CAAA;AAEAV,KAAK,CAAC1B,YAAY,GAAGA,YAAY;;;;"}
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { SubThemeTypes } from "../../../build-tokens/_subThemeType";
3
- export declare type SubThemeProviderProps = {
4
- "data-e2e-test-id"?: string;
5
- children: React.ReactNode[] | React.ReactNode;
6
- name: "unset" | SubThemeTypes;
7
- };
8
- export declare function SubThemeProvider({ name, children, "data-e2e-test-id": dataE2eTestId, }: SubThemeProviderProps): React.ReactElement;
@@ -1,50 +0,0 @@
1
- import React from 'react';
2
- import { ThemeProvider } from '@emotion/react';
3
-
4
- /* eslint-disable no-restricted-syntax */
5
- function isObject(item) {
6
- return item && typeof item === "object" && !Array.isArray(item);
7
- }
8
- function mergeDeep(target) {
9
- for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
10
- sources[_key - 1] = arguments[_key];
11
- }
12
- if (!sources.length) return target;
13
- const source = sources.shift();
14
- if (isObject(target) && isObject(source)) {
15
- for (const key in source) {
16
- if (isObject(source[key])) {
17
- if (!target[key]) Object.assign(target, {
18
- [key]: {}
19
- });
20
- mergeDeep(target[key], source[key]);
21
- } else {
22
- Object.assign(target, {
23
- [key]: source[key]
24
- });
25
- }
26
- }
27
- }
28
- return mergeDeep(target, ...sources);
29
- }
30
- const subThemeCreator = (parentTheme, name) => mergeDeep({}, parentTheme, {
31
- values: {
32
- ...parentTheme.values.subThemes[name]
33
- }
34
- });
35
- function SubThemeProvider(_ref) {
36
- let {
37
- name,
38
- children,
39
- "data-e2e-test-id": dataE2eTestId
40
- } = _ref;
41
- return /*#__PURE__*/React.createElement(ThemeProvider, {
42
- theme: parentTheme => subThemeCreator(parentTheme, name)
43
- }, /*#__PURE__*/React.createElement("div", {
44
- "data-e2e-test-id": dataE2eTestId,
45
- "data-ds-id": "SubThemeProvider"
46
- }, children));
47
- }
48
-
49
- export { SubThemeProvider };
50
- //# sourceMappingURL=SubThemeProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SubThemeProvider.js","sources":["../../../../../src/components/SubThemeProvider/SubThemeProvider.tsx"],"sourcesContent":["/* eslint-disable no-restricted-syntax */\nimport React from \"react\";\nimport { ThemeProvider, Theme } from \"@emotion/react\";\nimport { SubThemeTypes } from \"../../../build-tokens/_subThemeType\";\n\nexport type SubThemeProviderProps = {\n \"data-e2e-test-id\"?: string;\n children: React.ReactNode[] | React.ReactNode;\n name: \"unset\" | SubThemeTypes;\n};\n\ntype DeepPartial<T> = {\n [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nfunction isObject(item: unknown) {\n return item && typeof item === \"object\" && !Array.isArray(item);\n}\n\nfunction mergeDeep<T>(\n target: DeepPartial<T>,\n ...sources: DeepPartial<T>[]\n): DeepPartial<T> {\n if (!sources.length) return target;\n const source = sources.shift();\n\n if (isObject(target) && isObject(source)) {\n for (const key in source) {\n if (isObject(source[key])) {\n if (!target[key]) Object.assign(target, { [key]: {} });\n mergeDeep(target[key], source[key]);\n } else {\n Object.assign(target, { [key]: source[key] });\n }\n }\n }\n\n return mergeDeep(target, ...sources);\n}\n\nconst subThemeCreator = (parentTheme: Theme, name: SubThemeTypes): Theme =>\n mergeDeep({}, parentTheme, {\n values: {\n ...parentTheme.values.subThemes[name],\n },\n }) as Theme;\n\nexport function SubThemeProvider({\n name,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: SubThemeProviderProps): React.ReactElement {\n return (\n <ThemeProvider\n theme={(parentTheme: Theme) =>\n subThemeCreator(parentTheme, name as SubThemeTypes)\n }\n >\n <div data-e2e-test-id={dataE2eTestId} data-ds-id=\"SubThemeProvider\">\n {children}\n </div>\n </ThemeProvider>\n );\n}\n"],"names":["isObject","item","Array","isArray","mergeDeep","target","_len","arguments","length","sources","_key","source","shift","key","Object","assign","subThemeCreator","parentTheme","name","values","subThemes","SubThemeProvider","_ref","children","dataE2eTestId","React","createElement","ThemeProvider","theme"],"mappings":";;;AAAA;AAeA,SAASA,QAAQA,CAACC,IAAa,EAAE;AAC/B,EAAA,OAAOA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,CAAA;AACjE,CAAA;AAEA,SAASG,SAASA,CAChBC,MAAsB,EAEN;EAAA,KAAAC,IAAAA,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADbC,OAAO,OAAAP,KAAA,CAAAI,IAAA,GAAAA,CAAAA,GAAAA,IAAA,WAAAI,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,EAAA,EAAA;AAAPD,IAAAA,OAAO,CAAAC,IAAA,GAAAH,CAAAA,CAAAA,GAAAA,SAAA,CAAAG,IAAA,CAAA,CAAA;AAAA,GAAA;AAEV,EAAA,IAAI,CAACD,OAAO,CAACD,MAAM,EAAE,OAAOH,MAAM,CAAA;AAClC,EAAA,MAAMM,MAAM,GAAGF,OAAO,CAACG,KAAK,EAAE,CAAA;EAE9B,IAAIZ,QAAQ,CAACK,MAAM,CAAC,IAAIL,QAAQ,CAACW,MAAM,CAAC,EAAE;AACxC,IAAA,KAAK,MAAME,GAAG,IAAIF,MAAM,EAAE;AACxB,MAAA,IAAIX,QAAQ,CAACW,MAAM,CAACE,GAAG,CAAC,CAAC,EAAE;QACzB,IAAI,CAACR,MAAM,CAACQ,GAAG,CAAC,EAAEC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;UAAE,CAACQ,GAAG,GAAG,EAAC;AAAE,SAAC,CAAC,CAAA;QACtDT,SAAS,CAACC,MAAM,CAACQ,GAAG,CAAC,EAAEF,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AACrC,OAAC,MAAM;AACLC,QAAAA,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;AAAE,UAAA,CAACQ,GAAG,GAAGF,MAAM,CAACE,GAAG,CAAA;AAAE,SAAC,CAAC,CAAA;AAC/C,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAOT,SAAS,CAACC,MAAM,EAAE,GAAGI,OAAO,CAAC,CAAA;AACtC,CAAA;AAEA,MAAMO,eAAe,GAAGA,CAACC,WAAkB,EAAEC,IAAmB,KAC9Dd,SAAS,CAAC,EAAE,EAAEa,WAAW,EAAE;AACzBE,EAAAA,MAAM,EAAE;AACN,IAAA,GAAGF,WAAW,CAACE,MAAM,CAACC,SAAS,CAACF,IAAI,CAAA;AACtC,GAAA;AACF,CAAC,CAAU,CAAA;AAEN,SAASG,gBAAgBA,CAAAC,IAAA,EAIc;EAAA,IAJb;IAC/BJ,IAAI;IACJK,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACC,GAAC,GAAAF,IAAA,CAAA;AACtB,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,KAAK,EAAGX,WAAkB,IACxBD,eAAe,CAACC,WAAW,EAAEC,IAAqB,CAAA;GAGpDO,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,kBAAA,EAAkBF,aAAc;IAAC,YAAW,EAAA,kBAAA;GAC9CD,EAAAA,QACE,CACQ,CAAC,CAAA;AAEpB;;;;"}
@@ -1,28 +0,0 @@
1
- import React from "react";
2
- import { MQ, SpaceSizes } from "../../types";
3
- import { IconName } from "../Icon/Icon";
4
- /**
5
- * @param label - The text to display in the tab
6
- * @param sublabel - A subtext, encased in parentheses
7
- * @param icon - An icon to display to the left of the label
8
- * @param as - The element to render the tab as, defaults to `button`
9
- */
10
- declare type Tab = {
11
- label: string;
12
- sublabel?: string;
13
- icon?: IconName;
14
- as?: "a" | "button" | React.ComponentType;
15
- } & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
16
- export declare type TabsProps = {
17
- children?: React.ReactElement;
18
- /** The index of the active tab */
19
- activeTab?: number;
20
- onTabSelect?: (selectedTab: number) => void;
21
- /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */
22
- tabs: Tab[];
23
- /** Horizontal padding space for the tab container, suited for tabs within a Card element */
24
- horizontalPadding?: SpaceSizes | MQ<SpaceSizes>;
25
- "data-e2e-test-id"?: string;
26
- };
27
- export declare function Tabs({ tabs, horizontalPadding, activeTab, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }: TabsProps): React.ReactElement;
28
- export {};
@@ -1,130 +0,0 @@
1
- import _extends from '@babel/runtime/helpers/extends';
2
- import _styled from '@emotion/styled/base';
3
- import React from 'react';
4
- import { mq } from '../../shared/mediaQueries.js';
5
- import { Icon } from '../Icon/Icon.js';
6
- import { Stack } from '../Stack/Stack.js';
7
-
8
- const BORDER_BOTTOM_WIDTH = 4;
9
- const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
10
- target: "epth01"
11
- } : {
12
- target: "epth01",
13
- label: "StyledContainer"
14
- })(_ref => {
15
- let {
16
- theme,
17
- horizontalPadding
18
- } = _ref;
19
- return {
20
- display: "flex",
21
- flexDirection: "row",
22
- ...mq({
23
- gap: [["m", "l", "l"], theme.variables.size.spacing],
24
- paddingInline: [horizontalPadding, theme.variables.size.spacing]
25
- }),
26
- paddingTop: theme.variables.size.spacing.m,
27
- borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,
28
- whiteSpace: "nowrap",
29
- // Scrollbar
30
- overflow: "auto",
31
- scrollbarWidth: "none",
32
- // Firefox
33
- msOverflowStyle: "none",
34
- // IE 10+
35
- "::-webkit-scrollbar": {
36
- display: "none" // Chrome
37
- }
38
- };
39
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAvLyBSZXF1aXJlZCB0byBtYWludGFpbiBjb25zaXN0ZW50IGhlaWdodCBmb3IgdGhlIHNlbGVjdGVkIHRhYlxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHgpYCxcblxuICAuLi4oYWN0aXZlICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHR9YCxcbiAgfSksXG4gIC4uLighYWN0aXZlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXJ9YCxcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCAgc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdH1gLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbi8qKlxuICogQHBhcmFtIGxhYmVsIC0gVGhlIHRleHQgdG8gZGlzcGxheSBpbiB0aGUgdGFiXG4gKiBAcGFyYW0gc3VibGFiZWwgLSBBIHN1YnRleHQsIGVuY2FzZWQgaW4gcGFyZW50aGVzZXNcbiAqIEBwYXJhbSBpY29uIC0gQW4gaWNvbiB0byBkaXNwbGF5IHRvIHRoZSBsZWZ0IG9mIHRoZSBsYWJlbFxuICogQHBhcmFtIGFzIC0gVGhlIGVsZW1lbnQgdG8gcmVuZGVyIHRoZSB0YWIgYXMsIGRlZmF1bHRzIHRvIGBidXR0b25gXG4gKi9cbnR5cGUgVGFiID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBUaGUgaW5kZXggb2YgdGhlIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogQW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgYGhlYWRlcmAsIGBzdWJ0aXRsZWAsIGBpY29uTGVmdGAsIGBhc2AgKGRlZmluaW5nIHRoZSB0YWIgYXMgYSBidXR0b24gb3IgYSBsaW5rKSAqL1xuICB0YWJzOiBUYWJbXTtcbiAgLyoqIEhvcml6b250YWwgcGFkZGluZyBzcGFjZSBmb3IgdGhlIHRhYiBjb250YWluZXIsIHN1aXRlZCBmb3IgdGFicyB3aXRoaW4gYSBDYXJkIGVsZW1lbnQgKi9cbiAgaG9yaXpvbnRhbFBhZGRpbmc/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47IC8vICdtJyB8IFsnbScsICdsJywgJ2wnXVxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9PlxuICAgICAgICB7dGFicy5tYXAoKHsgbGFiZWwsIHN1YmxhYmVsLCBpY29uLCBhcyA9IFwiYnV0dG9uXCIsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgIHtsYWJlbH0ge2FkZFN1YnRpdGxlKHN1YmxhYmVsKX1cbiAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
40
- const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
41
- target: "epth00"
42
- } : {
43
- target: "epth00",
44
- label: "StyledTab"
45
- })(_ref2 => {
46
- let {
47
- theme,
48
- active
49
- } = _ref2;
50
- return {
51
- display: "flex",
52
- gap: theme.variables.size.spacing.xxs,
53
- alignItems: "center",
54
- background: 0,
55
- border: 0,
56
- boxSizing: "border-box",
57
- color: theme.values.color.text.secondary.default,
58
- padding: 0,
59
- fontFamily: theme.variables.fontFamily.lato,
60
- fontWeight: theme.variables.weight.bold,
61
- fontSize: theme.variables.size.font.text.s,
62
- lineHeight: theme.variables.size.lineHeight.text.s,
63
- transition: "background-color 0.15s",
64
- textDecoration: "none",
65
- // Required to maintain consistent height for the selected tab
66
- borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,
67
- paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,
68
- ...(active && {
69
- color: theme.values.color.text.accent.default,
70
- borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`
71
- }),
72
- ...(!active && {
73
- cursor: "pointer",
74
- "&:hover": {
75
- color: theme.values.color.text.primary.default,
76
- borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`
77
- },
78
- "&:active": {
79
- color: theme.values.color.text.primary.default,
80
- borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.highlight.default}`
81
- }
82
- })
83
- };
84
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnMsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgLy8gUmVxdWlyZWQgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBoZWlnaHQgZm9yIHRoZSBzZWxlY3RlZCB0YWJcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4KWAsXG5cbiAgLi4uKGFjdGl2ZSAmJiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0fWAsXG4gIH0pLFxuICAuLi4oIWFjdGl2ZSAmJiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyfWAsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggIHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmRlZmF1bHR9YCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWxcbiAqIEBwYXJhbSBhcyAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgdGFiIGFzLCBkZWZhdWx0cyB0byBgYnV0dG9uYFxuICovXG50eXBlIFRhYiA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlcjtcbiAgb25UYWJTZWxlY3Q/OiAoc2VsZWN0ZWRUYWI6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfT5cbiAgICAgICAge3RhYnMubWFwKCh7IGxhYmVsLCBzdWJsYWJlbCwgaWNvbiwgYXMgPSBcImJ1dHRvblwiLCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICBrZXk9e2xhYmVsfVxuICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgICB7bGFiZWx9IHthZGRTdWJ0aXRsZShzdWJsYWJlbCl9XG4gICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
85
- const addSubtitle = text => text ? `(${text})` : ``;
86
-
87
- /**
88
- * @param label - The text to display in the tab
89
- * @param sublabel - A subtext, encased in parentheses
90
- * @param icon - An icon to display to the left of the label
91
- * @param as - The element to render the tab as, defaults to `button`
92
- */
93
-
94
- function Tabs(_ref3) {
95
- let {
96
- tabs,
97
- horizontalPadding,
98
- activeTab = 0,
99
- children,
100
- onTabSelect,
101
- "data-e2e-test-id": dataE2eTestId
102
- } = _ref3;
103
- return /*#__PURE__*/React.createElement(Stack, {
104
- "data-e2e-test-id": dataE2eTestId,
105
- "data-ds-id": "Tabs"
106
- }, /*#__PURE__*/React.createElement(StyledContainer, {
107
- horizontalPadding: horizontalPadding
108
- }, tabs.map((_ref4, i) => {
109
- let {
110
- label,
111
- sublabel,
112
- icon,
113
- as = "button",
114
- ...rest
115
- } = _ref4;
116
- return /*#__PURE__*/React.createElement(StyledTab, _extends({
117
- type: as !== "button" ? undefined : "button",
118
- as: as,
119
- key: label,
120
- active: activeTab === i,
121
- onClick: () => onTabSelect && onTabSelect(i)
122
- }, rest), icon && /*#__PURE__*/React.createElement(Icon, {
123
- size: "s",
124
- name: icon
125
- }), label, " ", addSubtitle(sublabel));
126
- })), children);
127
- }
128
-
129
- export { Tabs };
130
- //# sourceMappingURL=Tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n ...mq({\n gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n paddingInline: [horizontalPadding, theme.variables.size.spacing],\n }),\n\n paddingTop: theme.variables.size.spacing.m,\n borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,\n\n whiteSpace: \"nowrap\",\n\n // Scrollbar\n overflow: \"auto\",\n scrollbarWidth: \"none\", // Firefox\n msOverflowStyle: \"none\", // IE 10+\n \"::-webkit-scrollbar\": {\n display: \"none\", // Chrome\n },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n display: \"flex\",\n gap: theme.variables.size.spacing.xxs,\n alignItems: \"center\",\n\n background: 0,\n border: 0,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary.default,\n padding: 0,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.bold,\n fontSize: theme.variables.size.font.text.s,\n lineHeight: theme.variables.size.lineHeight.text.s,\n transition: \"background-color 0.15s\",\n textDecoration: \"none\",\n\n // Required to maintain consistent height for the selected tab\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n ...(active && {\n color: theme.values.color.text.accent.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n }),\n ...(!active && {\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n },\n \"&:active\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.highlight.default}`,\n },\n }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n label: string;\n sublabel?: string;\n icon?: IconName;\n as?: \"a\" | \"button\" | React.ComponentType;\n} & Partial<React.ComponentProps<\"button\">> &\n Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n children?: React.ReactElement;\n /** The index of the active tab */\n activeTab?: number;\n onTabSelect?: (selectedTab: number) => void;\n /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n tabs: Tab[];\n /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n tabs,\n horizontalPadding,\n activeTab = 0,\n children,\n onTabSelect,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n return (\n <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n <StyledContainer horizontalPadding={horizontalPadding}>\n {tabs.map(({ label, sublabel, icon, as = \"button\", ...rest }, i) => (\n <StyledTab\n type={as !== \"button\" ? undefined : \"button\"}\n as={as}\n key={label}\n active={activeTab === i}\n onClick={() => onTabSelect && onTabSelect(i)}\n {...rest}\n >\n {icon && <Icon size=\"s\" name={icon} />}\n {label} {addSubtitle(sublabel)}\n </StyledTab>\n ))}\n </StyledContainer>\n {children}\n </Stack>\n );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","secondary","default","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","transition","textDecoration","paddingBottom","accent","cursor","primary","transparent","hover","highlight","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","dataE2eTestId","React","createElement","Stack","map","_ref4","i","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}