@aivenio/aquarium 1.10.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +45 -45
  4. package/dist/atoms.mjs +41 -41
  5. package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
  6. package/dist/src/atoms/Alert/Alert.js +74 -0
  7. package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
  8. package/dist/src/atoms/Banner/Banner.js +57 -0
  9. package/dist/src/atoms/Card/Card.js +54 -0
  10. package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
  11. package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
  12. package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
  13. package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
  14. package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
  15. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
  16. package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
  17. package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
  18. package/dist/src/{common → atoms}/LineClamp/LineClamp.js +1 -1
  19. package/dist/src/{common → atoms}/Link/Link.js +1 -1
  20. package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
  21. package/dist/src/atoms/Modal/Modal.js +68 -0
  22. package/dist/src/{common → atoms}/Popover/Popover.js +1 -1
  23. package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
  24. package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
  25. package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
  26. package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
  27. package/dist/src/atoms/Section/Section.js +46 -0
  28. package/dist/src/{common → atoms}/Select/Select.js +2 -2
  29. package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
  30. package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
  31. package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
  32. package/dist/src/atoms/Table/Table.js +91 -0
  33. package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
  34. package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
  35. package/dist/src/{common → atoms}/index.js +1 -1
  36. package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
  37. package/dist/src/molecules/Alert/Alert.js +12 -0
  38. package/dist/src/molecules/Avatar/Avatar.js +10 -0
  39. package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
  40. package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
  41. package/dist/src/molecules/Banner/Banner.js +44 -0
  42. package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
  43. package/dist/src/{components → molecules}/Box/Box.js +2 -2
  44. package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
  45. package/dist/src/{components → molecules}/Button/Button.js +4 -4
  46. package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
  47. package/dist/src/molecules/Card/Card.js +48 -0
  48. package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
  49. package/dist/src/molecules/Card/Compact.js +43 -0
  50. package/dist/src/{components → molecules}/Card/types.js +1 -1
  51. package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
  52. package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
  53. package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
  54. package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  55. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
  56. package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
  57. package/dist/src/molecules/Chip/Chip.js +64 -0
  58. package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
  59. package/dist/src/molecules/Combobox/Combobox.js +109 -0
  60. package/dist/src/molecules/Container/Container.js +18 -0
  61. package/dist/src/molecules/Context/Context.js +18 -0
  62. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
  63. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
  64. package/dist/src/molecules/DataList/DataList.js +24 -0
  65. package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
  66. package/dist/src/molecules/DataTable/DataTable.js +42 -0
  67. package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
  68. package/dist/src/molecules/Dialog/Dialog.js +41 -0
  69. package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
  70. package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
  71. package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
  72. package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
  73. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
  74. package/dist/src/molecules/DropdownMenu/utils.js +20 -0
  75. package/dist/src/{components → molecules}/Element/Element.js +1 -1
  76. package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
  77. package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
  78. package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
  79. package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
  80. package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
  81. package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
  82. package/dist/src/molecules/Grid/Grid.js +31 -0
  83. package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
  84. package/dist/src/molecules/Grid/GridItem.js +20 -0
  85. package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
  86. package/dist/src/{components → molecules}/Input/Input.js +2 -2
  87. package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +1 -1
  88. package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
  89. package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
  90. package/dist/src/molecules/Link/Link.js +4 -0
  91. package/dist/src/molecules/List/List.js +6 -0
  92. package/dist/src/molecules/ListItem/ListItem.js +10 -0
  93. package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
  94. package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
  95. package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
  96. package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
  97. package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
  98. package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
  99. package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
  100. package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
  101. package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
  102. package/dist/src/molecules/Pagination/Pagination.js +52 -0
  103. package/dist/src/molecules/Pagination/usePagination.js +36 -0
  104. package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
  105. package/dist/src/molecules/Popover/Popover.js +79 -0
  106. package/dist/src/molecules/Popover/PopoverContext.js +10 -0
  107. package/dist/src/{components → molecules}/Popover/PopoverWrapper.js +2 -2
  108. package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
  109. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
  110. package/dist/src/molecules/Portal/Portal.js +3 -0
  111. package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
  112. package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
  113. package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
  114. package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
  115. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
  116. package/dist/src/{components → molecules}/Section/Section.js +4 -4
  117. package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
  118. package/dist/src/molecules/Select/Select.js +144 -0
  119. package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
  120. package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
  121. package/dist/src/molecules/Spacing/Spacing.js +18 -0
  122. package/dist/src/molecules/Stepper/Stepper.js +25 -0
  123. package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
  124. package/dist/src/molecules/Switch/Switch.js +29 -0
  125. package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
  126. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
  127. package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
  128. package/dist/src/{components → molecules}/Table/Table.js +2 -2
  129. package/dist/src/molecules/Tabs/Tabs.js +220 -0
  130. package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
  131. package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
  132. package/dist/src/molecules/Template/Template.js +23 -0
  133. package/dist/src/molecules/Textarea/Textarea.js +46 -0
  134. package/dist/src/molecules/Timeline/Timeline.js +42 -0
  135. package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
  136. package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
  137. package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
  138. package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
  139. package/dist/src/molecules/Typography/Typography.js +89 -0
  140. package/dist/src/{components → molecules}/index.d.ts +1 -0
  141. package/dist/src/{components → molecules}/index.js +3 -2
  142. package/dist/src/system.d.ts +3 -3
  143. package/dist/src/system.js +4 -4
  144. package/dist/src/utils/constants.js +2 -2
  145. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  146. package/dist/src/utils/form/HelperText/HelperText.js +2 -2
  147. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  148. package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
  149. package/dist/src/utils/form/Label/Label.d.ts +1 -1
  150. package/dist/src/utils/form/Label/Label.js +3 -3
  151. package/dist/src/utils/table/types.d.ts +2 -2
  152. package/dist/src/utils/useStyle.js +2 -2
  153. package/dist/styles.css +830 -810
  154. package/dist/styles_timescaledb.css +830 -810
  155. package/dist/system.cjs +231 -217
  156. package/dist/system.mjs +223 -210
  157. package/dist/tailwind.config.js +0 -1
  158. package/dist/tsconfig.module.tsbuildinfo +1 -1
  159. package/dist/types/ActionType.d.ts +1 -1
  160. package/dist/types/tailwindGenerated.d.ts +1 -1
  161. package/package.json +4 -4
  162. package/dist/src/common/Alert/Alert.js +0 -74
  163. package/dist/src/common/Banner/Banner.js +0 -57
  164. package/dist/src/common/Card/Card.js +0 -54
  165. package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
  166. package/dist/src/common/Modal/Modal.js +0 -68
  167. package/dist/src/common/Section/Section.js +0 -46
  168. package/dist/src/common/Table/Table.js +0 -91
  169. package/dist/src/components/Alert/Alert.js +0 -12
  170. package/dist/src/components/Avatar/Avatar.js +0 -10
  171. package/dist/src/components/Banner/Banner.js +0 -44
  172. package/dist/src/components/Card/Card.js +0 -48
  173. package/dist/src/components/Card/Compact.js +0 -43
  174. package/dist/src/components/Checkbox/Checkbox.js +0 -29
  175. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
  176. package/dist/src/components/Chip/Chip.js +0 -64
  177. package/dist/src/components/Combobox/Combobox.js +0 -109
  178. package/dist/src/components/Container/Container.js +0 -18
  179. package/dist/src/components/Context/Context.js +0 -18
  180. package/dist/src/components/DataList/DataList.js +0 -24
  181. package/dist/src/components/DataTable/DataTable.js +0 -42
  182. package/dist/src/components/Dialog/Dialog.js +0 -41
  183. package/dist/src/components/Dropdown/Dropdown.js +0 -87
  184. package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
  185. package/dist/src/components/DropdownMenu/utils.js +0 -20
  186. package/dist/src/components/EmptyState/EmptyState.js +0 -74
  187. package/dist/src/components/Flexbox/Flexbox.js +0 -19
  188. package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
  189. package/dist/src/components/Grid/Grid.js +0 -31
  190. package/dist/src/components/Grid/GridItem.js +0 -20
  191. package/dist/src/components/LineClamp/LineClamp.js +0 -21
  192. package/dist/src/components/Link/Link.js +0 -4
  193. package/dist/src/components/List/List.js +0 -6
  194. package/dist/src/components/ListItem/ListItem.js +0 -10
  195. package/dist/src/components/MultiInput/MultiInput.js +0 -153
  196. package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
  197. package/dist/src/components/PageHeader/PageHeader.js +0 -40
  198. package/dist/src/components/Pagination/Pagination.js +0 -52
  199. package/dist/src/components/Pagination/usePagination.js +0 -36
  200. package/dist/src/components/Popover/Popover.js +0 -79
  201. package/dist/src/components/Popover/PopoverContext.js +0 -10
  202. package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
  203. package/dist/src/components/Portal/Portal.js +0 -3
  204. package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
  205. package/dist/src/components/RadioButton/RadioButton.js +0 -29
  206. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
  207. package/dist/src/components/Select/Select.js +0 -144
  208. package/dist/src/components/Skeleton/Skeleton.js +0 -18
  209. package/dist/src/components/Stepper/Stepper.js +0 -25
  210. package/dist/src/components/Switch/Switch.js +0 -29
  211. package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
  212. package/dist/src/components/Tabs/Tabs.js +0 -220
  213. package/dist/src/components/Template/Template.js +0 -23
  214. package/dist/src/components/Textarea/Textarea.js +0 -46
  215. package/dist/src/components/Timeline/Timeline.js +0 -42
  216. package/dist/src/components/Tooltip/Tooltip.js +0 -110
  217. package/dist/src/components/Typography/Typography.js +0 -89
  218. /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
  219. /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
  220. /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
  221. /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
  222. /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
  223. /package/dist/src/{common → atoms}/LineClamp/LineClamp.d.ts +0 -0
  224. /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
  225. /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
  226. /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
  227. /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
  228. /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
  229. /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
  230. /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
  231. /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
  232. /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
  233. /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
  234. /package/dist/src/{common → atoms}/index.d.ts +0 -0
  235. /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
  236. /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
  237. /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  238. /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
  239. /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
  240. /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
  241. /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
  242. /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
  243. /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
  244. /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
  245. /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
  246. /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
  247. /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
  248. /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
  249. /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
  250. /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
  251. /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
  252. /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
  253. /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
  254. /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
  255. /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
  256. /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
  257. /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
  258. /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
  259. /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
  260. /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
  261. /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
  262. /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
  263. /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
  264. /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
  265. /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
  266. /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
  267. /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
  268. /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
  269. /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
  270. /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
  271. /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
  272. /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
  273. /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
  274. /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -1,220 +0,0 @@
1
- // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
14
- import isNumber from 'lodash/isNumber';
15
- import kebabCase from 'lodash/kebabCase';
16
- import { classNames, tw } from '../../../src/utils/tailwind';
17
- import chevronLeft from '../../../src/icons/chevronLeft';
18
- import chevronRight from '../../../src/icons/chevronRight';
19
- import warningSign from '../../../src/icons/warningSign';
20
- import { TabBadge } from '../Badge/Badge';
21
- import { InlineIcon } from '../Icon/Icon';
22
- import { Tooltip } from '../Tooltip/Tooltip';
23
- import { Typography } from '../Typography/Typography';
24
- const isTabComponent = (c) => {
25
- return React.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
26
- };
27
- const Tab = React.forwardRef(({ className, id, title, children }, ref) => {
28
- return (React.createElement("div", { ref: ref, id: `${id !== null && id !== void 0 ? id : kebabCase(title)}-panel`, className: className, role: 'tabpanel', tabIndex: 0, "aria-labelledby": `${id !== null && id !== void 0 ? id : kebabCase(title)}-tab` }, children));
29
- });
30
- export const TabContainer = (_a) => {
31
- var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
32
- return (React.createElement("div", Object.assign({}, rest, { className: classNames('py-6 z-0', className) }), children));
33
- };
34
- export const ModalTab = Tab;
35
- export const ModalTabContainer = TabContainer;
36
- export const asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
37
- const Tab = React.forwardRef((_a, ref) => {
38
- var { id, value, status = 'default', disabled, badge, tooltip, title, index, selected, onSelected, className } = _a, rest = __rest(_a, ["id", "value", "status", "disabled", "badge", "tooltip", "title", "index", "selected", "onSelected", "className"]);
39
- const _id = id !== null && id !== void 0 ? id : kebabCase(title);
40
- let statusIcon = undefined;
41
- if (status === 'warning') {
42
- // TODO: update color to 'orange-50' once we have updated tokens.
43
- statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "warning-80" });
44
- }
45
- else if (status === 'error') {
46
- statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "error-50" });
47
- }
48
- const tab = (React.createElement(Component, Object.assign({ ref: ref, id: `${_id}-tab`, onClick: () => !disabled && onSelected(value !== null && value !== void 0 ? value : index), className: classNames(className, 'px-5 py-3 z-10 no-underline appearance-none outline-none h-full', {
49
- 'cursor-default': disabled,
50
- 'text-grey-80 focus:text-primary-80': !selected,
51
- 'hover:bg-grey-0 hover:border-grey-20': !selected && !disabled,
52
- 'border-b-2': !defaultUnderlineHidden || selected,
53
- 'border-grey-10': !selected,
54
- 'border-primary-80': selected,
55
- }), type: 'button', role: 'tab', "aria-selected": selected, "aria-controls": `${_id}-panel`, tabIndex: disabled ? undefined : 0 }, rest),
56
- React.createElement(Typography, { htmlTag: "div", variant: "small", color: selected ? 'primary-80' : disabled ? 'grey-20' : 'current', className: tw('inline-flex items-center gap-3') },
57
- React.createElement("span", { className: tw('whitespace-nowrap') }, title),
58
- isNumber(badge) && (React.createElement(Typography, { htmlTag: "span", variant: "small", color: selected ? 'primary-80' : 'grey-5', className: "leading-none" },
59
- React.createElement(TabBadge, { kind: "filled", value: badge, textClassname: classNames({ 'text-white': selected, 'text-grey-50': !selected }) }))),
60
- statusIcon)));
61
- return tooltip ? React.createElement(Tooltip, { content: tooltip }, tab) : tab;
62
- });
63
- Tab.displayName = displayName;
64
- return Tab;
65
- };
66
- export const TabItem = asTabItem('button', 'TabItem');
67
- const CARET_OFFSET = 24;
68
- export const createTabsComponent = (TabComponent, TabItemComponent, displayName, renderChildren) => {
69
- const Tabs = (props) => {
70
- var _a, _b;
71
- const { className, value, defaultValue, onChange, children } = props;
72
- const childArr = React.Children.toArray(children);
73
- const firstTab = childArr[0];
74
- const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
75
- const [selected, setSelected] = useState((_b = (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : firstTabValue) !== null && _b !== void 0 ? _b : 0);
76
- const [leftCaret, showLeftCaret] = useState(false);
77
- const [rightCaret, showRightCaret] = useState(false);
78
- const parentRef = useRef(null);
79
- const containerRef = useRef(null);
80
- const tabsRef = useRef(null);
81
- const revealSelectedTab = ({ smooth }) => {
82
- var _a, _b;
83
- const container = containerRef.current;
84
- const tabs = tabsRef.current;
85
- // First we need to find the index of selected tab. Note that value can be either
86
- // string or number (index) so we need to make sure we'll find the correct
87
- // tab in both cases.
88
- const values = React.Children.map(children, (tab, i) => { var _a; return (_a = tab === null || tab === void 0 ? void 0 : tab.props.value) !== null && _a !== void 0 ? _a : i; });
89
- const idx = (_a = values === null || values === void 0 ? void 0 : values.findIndex((val) => value === val)) !== null && _a !== void 0 ? _a : -1;
90
- // Try to find the corresponding HTMLElement instance
91
- const child = Array.from((_b = tabs === null || tabs === void 0 ? void 0 : tabs.childNodes) !== null && _b !== void 0 ? _b : [])[idx];
92
- if (!container || !(child instanceof HTMLElement)) {
93
- return;
94
- }
95
- // Get the container and child dimensions, and determine if the tab is currently
96
- // visible in the container.
97
- const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
98
- const { x, width } = child.getBoundingClientRect();
99
- const isInViewPort = x >= containerX && x + width <= containerX + containerWidth;
100
- // Scroll container to correct position so that the selected child is visible.
101
- if (!isInViewPort) {
102
- container.scrollTo({
103
- left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
104
- behavior: smooth ? 'smooth' : undefined,
105
- });
106
- }
107
- };
108
- const updateCarets = () => {
109
- const pEl = parentRef.current;
110
- const el = containerRef.current;
111
- if (!pEl || !el) {
112
- return;
113
- }
114
- const { width } = pEl.getBoundingClientRect();
115
- const hasLeftCaret = el.scrollWidth > width && el.scrollLeft !== 0;
116
- const hasRightCaret = el.scrollWidth > width &&
117
- Math.round(el.scrollLeft + el.getBoundingClientRect().width) !== Math.round(el.scrollWidth);
118
- showLeftCaret(hasLeftCaret);
119
- showRightCaret(hasRightCaret);
120
- };
121
- useEffect(() => {
122
- if (value === undefined) {
123
- return;
124
- }
125
- updateCarets();
126
- setSelected(value);
127
- revealSelectedTab({ smooth: value !== selected });
128
- }, [value, React.Children.count(children)]);
129
- useLayoutEffect(() => {
130
- var _a;
131
- updateCarets();
132
- (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', updateCarets);
133
- window.addEventListener('resize', updateCarets);
134
- return () => {
135
- var _a;
136
- (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', updateCarets);
137
- window.removeEventListener('resize', updateCarets);
138
- };
139
- }, [parentRef.current, containerRef.current, children]);
140
- const handleScrollToNext = (direction) => {
141
- const container = containerRef.current;
142
- const tabs = tabsRef.current;
143
- if (!container || !tabs) {
144
- return;
145
- }
146
- const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
147
- const children = Array.from(tabs.childNodes).filter((c) => c instanceof HTMLElement);
148
- // There might be better ways to make this logic more compact,
149
- // but it seems to be rather delicate about all pixel roundings and what-nots.
150
- if (direction === 'right') {
151
- const next = children.find((c) => {
152
- const { x, width } = c.getBoundingClientRect();
153
- return Math.round(x + width - containerX - containerWidth) > 0;
154
- });
155
- if (next instanceof HTMLElement) {
156
- const { x, width } = next.getBoundingClientRect();
157
- container.scrollTo({
158
- left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
159
- behavior: 'smooth',
160
- });
161
- }
162
- }
163
- else {
164
- const next = children.find((c) => {
165
- const { x, width } = c.getBoundingClientRect();
166
- return Math.round(x + width - containerX) >= 0;
167
- });
168
- if (next instanceof HTMLElement) {
169
- const { x } = next.getBoundingClientRect();
170
- container.scrollTo({
171
- left: container.scrollLeft - Math.abs(x - containerX - CARET_OFFSET),
172
- behavior: 'smooth',
173
- });
174
- }
175
- }
176
- };
177
- const handleKeyDown = (event) => {
178
- const target = event.target;
179
- const parent = target.parentElement;
180
- const first = parent.firstChild;
181
- const last = parent.lastChild;
182
- const next = target.nextElementSibling;
183
- const prev = target.previousElementSibling;
184
- if (event.key === 'ArrowRight') {
185
- (next !== null && next !== void 0 ? next : first).focus();
186
- }
187
- else if (event.key === 'ArrowLeft') {
188
- (prev !== null && prev !== void 0 ? prev : last).focus();
189
- }
190
- };
191
- const handleSelected = (key) => {
192
- (onChange !== null && onChange !== void 0 ? onChange : setSelected)(key);
193
- };
194
- // Allow only tabs as children.
195
- React.Children.forEach(children, (c) => {
196
- if (c && !isTabComponent(c)) {
197
- throw new Error('<Tabs> can only have <Tabs.Tab> components as children');
198
- }
199
- });
200
- return (React.createElement("div", { ref: parentRef, className: classNames(tw('h-full'), className) },
201
- React.createElement("div", { className: tw('relative flex items-center h-full border-b-2 border-grey-10') },
202
- React.createElement("div", { ref: containerRef, className: tw('overflow-y-auto scrollbar-hide h-full mb-[-2px]') },
203
- React.createElement("div", { ref: tabsRef, role: 'tablist', "aria-label": 'tabs', className: tw('inline-flex items-center cursor-pointer font-normal h-full') }, React.Children.map(children, (tab, index) => tab ? (React.createElement(TabItemComponent, Object.assign({ key: tab.props.value }, tab.props, { index: index, selected: tab.props.value !== undefined ? tab.props.value === selected : index === selected, onKeyDown: handleKeyDown, onSelected: handleSelected }))) : undefined))),
204
- leftCaret && (React.createElement("div", { className: tw('absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4') },
205
- React.createElement("div", { onClick: () => handleScrollToNext('left'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
206
- React.createElement(InlineIcon, { icon: chevronLeft })))),
207
- rightCaret && (React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4') },
208
- React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
209
- React.createElement(InlineIcon, { icon: chevronRight }))))),
210
- renderChildren(children, selected, props)));
211
- };
212
- Tabs.displayName = displayName;
213
- Tabs.Tab = TabComponent;
214
- return Tabs;
215
- };
216
- //
217
- // Export default implementation for tabs.
218
- //
219
- export const Tabs = createTabsComponent(Tab, TabItem, 'Tabs', (children, selected) => (React.createElement(TabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
220
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYnMvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUZBQWlGOzs7Ozs7Ozs7Ozs7QUFFakYsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDNUUsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLFlBQVksTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRCxPQUFPLFdBQVcsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRXRELE1BQU0sY0FBYyxHQUFHLENBQW9DLENBQWtCLEVBQWtDLEVBQUU7SUFDL0csT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQztBQUM1RSxDQUFDLENBQUM7QUErQ0YsTUFBTSxHQUFHLEdBQXVCLEtBQUssQ0FBQyxVQUFVLENBQzlDLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRSxHQUFHLEVBQUUs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
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { useStyle } from '../../../src/utils/useStyle';
3
- export const Template = ({ children, columns, alignSelf, alignContent, alignItems, justifySelf, gap, columnGap, rowGap, fullHeight, }) => {
4
- const gridTemplateColumns = typeof columns === 'number'
5
- ? '1fr '.repeat(columns)
6
- : columns
7
- .map((column) => (typeof column === 'number' ? `${column}px` : column === 'auto' ? column : `${column}fr`))
8
- .join(' ');
9
- const styles = useStyle({
10
- height: fullHeight ? '100%' : undefined,
11
- display: 'grid',
12
- gridTemplateColumns,
13
- alignSelf,
14
- alignContent,
15
- alignItems,
16
- justifySelf,
17
- gap,
18
- rowGap,
19
- columnGap,
20
- });
21
- return React.createElement("div", { style: Object.assign({}, styles) }, children);
22
- };
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZW1wbGF0ZS9UZW1wbGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCOUMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUE0QixDQUFDLEVBQ2hELFFBQVEsRUFDUixPQUFPLEVBQ1AsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLEdBQUcsRUFDSCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFVBQVUsR0FDWCxFQUFFLEVBQUU7SUFDSCxNQUFNLG1CQUFtQixHQUN2QixPQUFPLE9BQU8sS0FBSyxRQUFRO1FBQ3pCLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDLENBQUMsT0FBTzthQUNKLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDO2FBQzFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUVuQixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdEIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ3ZDLE9BQU8sRUFBRSxNQUFNO1FBQ2YsbUJBQW1CO1FBQ25CLFNBQVM7UUFDVCxZQUFZO1FBQ1osVUFBVTtRQUNWLFdBQVc7UUFDWCxHQUFHO1FBQ0gsTUFBTTtRQUNOLFNBQVM7S0FDVixDQUFDLENBQUM7SUFDSCxPQUFPLDZCQUFLLEtBQUssb0JBQU8sTUFBTSxLQUFLLFFBQVEsQ0FBTyxDQUFDO0FBQ3JELENBQUMsQ0FBQyJ9
@@ -1,46 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { useRef, useState } from 'react';
13
- import omit from 'lodash/omit';
14
- import toString from 'lodash/toString';
15
- import uniqueId from 'lodash/uniqueId';
16
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
17
- import { getCommonInputStyles } from '../../../src/utils/constants';
18
- import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
19
- import { classNames } from '../../../src/utils/tailwind';
20
- export const TextareaBase = React.forwardRef((_a, ref) => {
21
- var { readOnly = false, valid = true } = _a, props = __rest(_a, ["readOnly", "valid"]);
22
- return (React.createElement("textarea", Object.assign({ ref: ref }, props, { readOnly: readOnly, className: classNames(getCommonInputStyles({ readOnly, valid }), props.className) })));
23
- });
24
- TextareaBase.Skeleton = () => React.createElement(Skeleton, { height: 58 });
25
- export const Textarea = React.forwardRef((props, ref) => {
26
- var _a, _b, _c;
27
- const [value, setValue] = useState((_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : '');
28
- // we need a unique ID to be used for an accessible connection between the input and its error message
29
- const id = useRef((_c = props.id) !== null && _c !== void 0 ? _c : `textarea-${uniqueId()}`);
30
- const errorMessageId = uniqueId();
31
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
32
- const _d = getLabelControlProps(props), { 'data-testid': dataTestId } = _d, labelControlProps = __rest(_d, ['data-testid']);
33
- const baseProps = omit(props, Object.keys(labelControlProps));
34
- return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: id.current, messageId: errorMessageId, length: value !== undefined ? toString(value).length : undefined }, labelControlProps),
35
- React.createElement(TextareaBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id.current, "data-testid": dataTestId, onChange: (e) => {
36
- var _a;
37
- setValue(e.currentTarget.value);
38
- (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
39
- }, disabled: props.disabled, maxLength: props.maxLength, required: props.required, valid: props.valid }))));
40
- });
41
- Textarea.displayName = 'Textarea';
42
- const TextAreaSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
43
- React.createElement(TextareaBase.Skeleton, null)));
44
- Textarea.Skeleton = TextAreaSkeleton;
45
- Textarea.Skeleton.displayName = 'Textarea.Skeleton';
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0YXJlYS9UZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDaEQsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVloRCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBNEMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFyRCxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksT0FBWSxFQUFQLEtBQUssY0FBMUMscUJBQTRDLENBQUY7SUFBWSxPQUFBLENBQ3JELGdEQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osS0FBSyxJQUNULFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxVQUFVLENBQUMsb0JBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLElBQ2pGLENBQ0gsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsWUFBWSxDQUFDLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElB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
@@ -1,42 +0,0 @@
1
- import React from 'react';
2
- import { Box } from '../../../src/components/Box/Box';
3
- import { Icon } from '../../../src/components/Icon/Icon';
4
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
5
- import { Typography } from '../../../src/components/Typography/Typography';
6
- import { Timeline as BaseTimeline } from '../../../src/common/Timeline/Timeline';
7
- import { isComponentType } from '../../../types/utils';
8
- import danger from '../../../src/icons/error';
9
- import time from '../../../src/icons/time';
10
- import warning from '../../../src/icons/warningSign';
11
- const TimelineItem = () => null;
12
- export const Timeline = ({ children }) => (React.createElement("div", null, React.Children.map(children, (item) => {
13
- if (!isComponentType(item, TimelineItem)) {
14
- throw new Error('<Timeline> can only have <Timeline.Item> components as children');
15
- }
16
- else {
17
- const { props, key } = item;
18
- return (React.createElement(BaseTimeline, { key: key !== null && key !== void 0 ? key : props.title },
19
- React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(Icon, { icon: danger, color: "error-30" })) : props.variant === 'warning' ? (React.createElement(Icon, { icon: warning, color: "warning-30" })) : props.variant === 'info' ? (React.createElement(Icon, { icon: time, color: "info-30" })) : (React.createElement(BaseTimeline.Separator.Dot, null))),
20
- React.createElement(Typography.Caption, { color: "grey-50" }, props.title),
21
- React.createElement(BaseTimeline.LineContainer, null,
22
- React.createElement(BaseTimeline.LineContainer.Line, null)),
23
- React.createElement(BaseTimeline.Content, null,
24
- React.createElement(Typography.Small, null, props.children))));
25
- }
26
- })));
27
- const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
28
- React.createElement(BaseTimeline.Separator, null,
29
- React.createElement(Skeleton, { width: 6, height: 6, rounded: true })),
30
- React.createElement(Skeleton, { height: 12, width: 120 }),
31
- React.createElement(BaseTimeline.LineContainer, null,
32
- React.createElement(Skeleton, { width: 2, height: "100%" })),
33
- React.createElement(BaseTimeline.Content, null,
34
- React.createElement(Box, { display: "flex", flexDirection: "column", gap: "3" },
35
- React.createElement(Skeleton, { height: 32, width: "100%" }),
36
- React.createElement(Skeleton, { height: 32, width: "73%" }),
37
- React.createElement(Skeleton, { height: 32, width: "80%" })))));
38
- const TimelineSkeleton = ({ items = 3 }) => (React.createElement("div", null, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key })))));
39
- Timeline.Item = TimelineItem;
40
- Timeline.Skeleton = TimelineSkeleton;
41
- Timeline.Skeleton.displayName = 'Timeline.Skeleton';
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxNQUFNLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFpQjVDLE1BQU0sWUFBWSxHQUFnQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFRN0QsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQy9ELGlDQUNHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO0lBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUFFO1FBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsaUVBQWlFLENBQUMsQ0FBQztLQUNwRjtTQUFNO1FBQ0wsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVksSUFBQyxHQUFHLEVBQUUsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksS0FBSyxDQUFDLEtBQUs7WUFDbkMsb0JBQUMsWUFBWSxDQUFDLFNBQVMsUUFDcEIsS0FBSyxDQUFDLE9BQU8sS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQzNCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxVQUFVLEdBQUcsQ0FDeEMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQ2hDLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBQyxZQUFZLEdBQUcsQ0FDM0MsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQzdCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxTQUFTLEdBQUcsQ0FDckMsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsT0FBRyxDQUMvQixDQUNzQjtZQUN6QixvQkFBQyxVQUFVLENBQUMsT0FBTyxJQUFDLEtBQUssRUFBQyxTQUFTLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBc0I7WUFDdEUsb0JBQUMsWUFBWSxDQUFDLGFBQWE7Z0JBQ3pCLG9CQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsSUFBSSxPQUFHLENBQ1I7WUFDN0Isb0JBQUMsWUFBWSxDQUFDLE9BQU87Z0JBQ25CLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsQ0FDaEMsQ0FDVixDQUNoQixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUMsQ0FDRSxDQUNQLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQzNDLG9CQUFDLFlBQVk7SUFDWCxvQkFBQyxZQUFZLENBQUMsU0FBUztRQUNyQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLE9BQU8sU0FBRyxDQUNsQjtJQUN6QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFJO0lBQ3BDLG9CQUFDLFlBQVksQ0FBQyxhQUFhO1FBQ3pCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBQyxNQUFNLEdBQUcsQ0FDVDtJQUM3QixvQkFBQyxZQUFZLENBQUMsT0FBTztRQUNuQixvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxhQUFhLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxHQUFHO1lBQ2hELG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBQyxNQUFNLEdBQUc7WUFDckMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFDLEtBQUssR0FBRztZQUNwQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUMsS0FBSyxHQUFHLENBQ2hDLENBQ2UsQ0FDVixDQUNoQixDQUFDO0FBRUYsTUFBTSxnQkFBZ0IsR0FBaUMsQ0FBQyxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDeEUsaUNBQ0csS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQzdDLG9CQUFDLG9CQUFvQixJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FDbkMsQ0FBQyxDQUNFLENBQ1AsQ0FBQztBQUVGLFFBQVEsQ0FBQyxJQUFJLEdBQUcsWUFBWSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUM7QUFDckMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsbUJBQW1CLENBQUMifQ==
@@ -1,110 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { OverlayContainer, useOverlayPosition } from '@react-aria/overlays';
14
- import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
15
- import { mergeProps } from '@react-aria/utils';
16
- import { tw } from '../../../src/utils/tailwind';
17
- import { useTooltipTriggerState } from './useTooltipTriggerState';
18
- export const Tooltip = (_a) => {
19
- var { inline = true, delay = 200 } = _a, props = __rest(_a, ["inline", "delay"]);
20
- const { placement: _placement = 'top', content, disabled: isDisabled, shouldFlip = true } = props;
21
- const triggerRef = React.useRef(null);
22
- const overlayRef = React.useRef(null);
23
- const state = useTooltipTriggerState(Object.assign({ isDisabled, delay }, props));
24
- const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);
25
- const { overlayProps, arrowProps, placement } = useOverlayPosition({
26
- placement: _placement.replace('-', ' '),
27
- targetRef: triggerRef,
28
- overlayRef,
29
- isOpen: state.isOpen,
30
- shouldFlip,
31
- offset: ARROW_OFFSET,
32
- });
33
- const handleClick = (e) => {
34
- var _a, _b;
35
- (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
36
- (_b = triggerProps.onClick) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
37
- };
38
- const handleMouseDown = (e) => {
39
- var _a, _b;
40
- (_a = props.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
41
- (_b = triggerProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
42
- };
43
- const handleMouseUp = (e) => {
44
- var _a, _b;
45
- (_a = props.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
46
- (_b = triggerProps.onMouseUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
47
- };
48
- const handlePointerDown = (e) => {
49
- var _a, _b;
50
- (_a = props.onPointerDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
51
- (_b = triggerProps.onPointerDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
52
- };
53
- const handlePointerUp = (e) => {
54
- var _a, _b;
55
- (_a = props.onPointerUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
56
- (_b = triggerProps.onPointerUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
57
- };
58
- return (React.createElement("div", Object.assign({ className: tw(`${inline ? 'inline-block' : 'block'}`) }, triggerProps, { onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, ref: triggerRef }),
59
- props.children,
60
- state.isOpen && (React.createElement(TooltipWrapper, Object.assign({ ref: overlayRef, state: state, placement: placement, arrowProps: arrowProps }, mergeProps(tooltipProps, overlayProps)), content))));
61
- };
62
- const TooltipWrapper = React.forwardRef((_a, forwardedRef) => {
63
- var _b;
64
- var { state, placement, arrowProps } = _a, props = __rest(_a, ["state", "placement", "arrowProps"]);
65
- const ref = React.useRef(null);
66
- React.useImperativeHandle(forwardedRef, () => ref.current);
67
- const { tooltipProps } = useTooltip(props, state);
68
- const arrowStyle = getArrowStyle(ref.current, placement, (_b = arrowProps.style) !== null && _b !== void 0 ? _b : {});
69
- return (React.createElement(OverlayContainer, null,
70
- React.createElement("div", Object.assign({ ref: ref, className: tw('p-3 rounded-sm typography-caption max-w-[320px] bg-grey-90 text-white') }, mergeProps(props, tooltipProps)),
71
- props.children,
72
- React.createElement(Arrow, Object.assign({}, arrowProps, { style: arrowStyle })))));
73
- });
74
- const isNotNumberProperty = (p) => typeof p === 'string';
75
- const ARROW_SIZE = 4;
76
- const ARROW_MARGIN = 8;
77
- const ARROW_OFFSET = 7;
78
- const getArrowStyle = (element, position, { left, top }) => {
79
- // We can't do math with non-numeric values.
80
- if (!element || isNotNumberProperty(left) || isNotNumberProperty(top)) {
81
- return { left, top };
82
- }
83
- const rect = element.getBoundingClientRect();
84
- const limits = {
85
- top: ARROW_MARGIN,
86
- bottom: rect.height - ARROW_SIZE * 2 - ARROW_MARGIN,
87
- left: ARROW_MARGIN,
88
- right: rect.width - ARROW_SIZE * 2 - ARROW_MARGIN,
89
- };
90
- // Adjust arrow position, but make sure it doesn't "leak out" of the tooltip
91
- switch (position) {
92
- case 'top': {
93
- return { left: Math.min(limits.right, Math.max((left !== null && left !== void 0 ? left : 0) - ARROW_SIZE, limits.left)), bottom: -ARROW_SIZE };
94
- }
95
- case 'bottom': {
96
- return { left: Math.min(limits.right, Math.max((left !== null && left !== void 0 ? left : 0) - ARROW_SIZE, limits.left)), top: -ARROW_SIZE };
97
- }
98
- case 'left': {
99
- return { right: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top !== null && top !== void 0 ? top : 0) - ARROW_SIZE, limits.top)) };
100
- }
101
- case 'right': {
102
- return { left: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top !== null && top !== void 0 ? top : 0) - ARROW_SIZE, limits.top)) };
103
- }
104
- }
105
- return { left, top };
106
- };
107
- const Arrow = (props) => {
108
- return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
109
- };
110
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQThCLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxHQUFHLGlCQUFpQixDQUFDLEtB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
@@ -1,89 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { Typography as TypographyBase } from '../../../src/common/Typography/Typography';
14
- export const Typography = (props) => (React.createElement(TypographyBase, Object.assign({}, props)));
15
- Typography.LargeHeading = (_a) => {
16
- var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
17
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-heading" })));
18
- };
19
- // NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
20
- // were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
21
- // so we don't create a breaking change on API level.
22
- //
23
- // Once we can get rid of legacy variants, we should update these variants to use
24
- // `Props` instead of `LegacyProps`-
25
- Typography.Heading = (_a) => {
26
- var { htmlTag = 'h1', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
27
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading" })));
28
- };
29
- Typography.Subheading = (_a) => {
30
- var { htmlTag = 'h2', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
31
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "subheading" })));
32
- };
33
- Typography.LargeStrong = (_a) => {
34
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
35
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
36
- };
37
- Typography.Large = (_a) => {
38
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
39
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large" })));
40
- };
41
- Typography.DefaultStrong = (_a) => {
42
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
43
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default-strong" })));
44
- };
45
- Typography.Default = (_a) => {
46
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
47
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default" })));
48
- };
49
- Typography.Paragraph = (_a) => {
50
- var { htmlTag = 'p', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
51
- return (React.createElement(Typography.Default, Object.assign({}, props, { htmlTag: htmlTag })));
52
- };
53
- Typography.P = Typography.Paragraph;
54
- Typography.SmallStrong = (_a) => {
55
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
56
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
57
- };
58
- Typography.Small = (_a) => {
59
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
60
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small" })));
61
- };
62
- Typography.Caption = (_a) => {
63
- var { htmlTag = 'div', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
64
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption" })));
65
- };
66
- //
67
- // Legacy variants
68
- //
69
- Typography.LargeText = (_a) => {
70
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
71
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
72
- };
73
- Typography.MediumText = (_a) => {
74
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
75
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default-strong" })));
76
- };
77
- Typography.Text = (_a) => {
78
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
79
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default" })));
80
- };
81
- Typography.SmallText = (_a) => {
82
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
83
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small" })));
84
- };
85
- Typography.SmallTextBold = (_a) => {
86
- var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
87
- return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
88
- };
89
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUF3QixVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFtRHRHLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0QsQ0FBQyxLQUFzQixFQUFFLEVBQUUsQ0FBQyxDQUN6RyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssRUFBSSxDQUM5QixDQUFDO0FBRUYsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFFRixvRkFBb0Y7QUFDcEYsc0ZBQXNGO0FBQ3RGLHFEQUFxRDtBQUNyRCxFQUFFO0FBQ0YsaUZBQWlGO0FBQ2pGLG9DQUFvQztBQUNwQyxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVB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
File without changes
File without changes
File without changes
File without changes