@aivenio/aquarium 1.9.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 (278) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +50 -53
  4. package/dist/atoms.mjs +46 -49
  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/atoms/LineClamp/LineClamp.d.ts +11 -0
  19. package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
  20. package/dist/src/{common → atoms}/Link/Link.js +1 -1
  21. package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
  22. package/dist/src/atoms/Modal/Modal.js +68 -0
  23. package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
  24. package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
  25. package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
  26. package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
  27. package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
  28. package/dist/src/atoms/Section/Section.js +46 -0
  29. package/dist/src/{common → atoms}/Select/Select.js +2 -2
  30. package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
  31. package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
  32. package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
  33. package/dist/src/atoms/Table/Table.js +91 -0
  34. package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
  35. package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
  36. package/dist/src/{common → atoms}/index.js +1 -1
  37. package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
  38. package/dist/src/molecules/Alert/Alert.js +12 -0
  39. package/dist/src/molecules/Avatar/Avatar.js +10 -0
  40. package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
  41. package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
  42. package/dist/src/molecules/Banner/Banner.js +44 -0
  43. package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
  44. package/dist/src/{components → molecules}/Box/Box.js +2 -2
  45. package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
  46. package/dist/src/molecules/Button/Button.js +105 -0
  47. package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
  48. package/dist/src/molecules/Card/Card.js +48 -0
  49. package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
  50. package/dist/src/molecules/Card/Compact.js +43 -0
  51. package/dist/src/{components → molecules}/Card/types.js +1 -1
  52. package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
  53. package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
  54. package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
  55. package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  56. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
  57. package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
  58. package/dist/src/molecules/Chip/Chip.js +64 -0
  59. package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
  60. package/dist/src/molecules/Combobox/Combobox.js +109 -0
  61. package/dist/src/molecules/Container/Container.js +18 -0
  62. package/dist/src/molecules/Context/Context.js +18 -0
  63. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
  64. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
  65. package/dist/src/molecules/DataList/DataList.js +24 -0
  66. package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
  67. package/dist/src/molecules/DataTable/DataTable.js +42 -0
  68. package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
  69. package/dist/src/molecules/Dialog/Dialog.js +41 -0
  70. package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
  71. package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
  72. package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
  73. package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
  74. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
  75. package/dist/src/molecules/DropdownMenu/utils.js +20 -0
  76. package/dist/src/{components → molecules}/Element/Element.js +1 -1
  77. package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
  78. package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
  79. package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
  80. package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
  81. package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
  82. package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
  83. package/dist/src/molecules/Grid/Grid.js +31 -0
  84. package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
  85. package/dist/src/molecules/Grid/GridItem.js +20 -0
  86. package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
  87. package/dist/src/{components → molecules}/Input/Input.js +2 -2
  88. package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
  89. package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
  90. package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
  91. package/dist/src/molecules/Link/Link.js +4 -0
  92. package/dist/src/molecules/List/List.js +6 -0
  93. package/dist/src/molecules/ListItem/ListItem.js +10 -0
  94. package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
  95. package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
  96. package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
  97. package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
  98. package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
  99. package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
  100. package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
  101. package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
  102. package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
  103. package/dist/src/molecules/Pagination/Pagination.js +52 -0
  104. package/dist/src/molecules/Pagination/usePagination.js +36 -0
  105. package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
  106. package/dist/src/molecules/Popover/Popover.js +79 -0
  107. package/dist/src/molecules/Popover/PopoverContext.js +10 -0
  108. package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
  109. package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
  110. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
  111. package/dist/src/molecules/Portal/Portal.js +3 -0
  112. package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
  113. package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
  114. package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
  115. package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
  116. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
  117. package/dist/src/{components → molecules}/Section/Section.js +4 -4
  118. package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
  119. package/dist/src/molecules/Select/Select.js +144 -0
  120. package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
  121. package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
  122. package/dist/src/molecules/Spacing/Spacing.js +18 -0
  123. package/dist/src/molecules/Stepper/Stepper.js +25 -0
  124. package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
  125. package/dist/src/molecules/Switch/Switch.js +29 -0
  126. package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
  127. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
  128. package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
  129. package/dist/src/{components → molecules}/Table/Table.js +2 -2
  130. package/dist/src/molecules/Tabs/Tabs.js +220 -0
  131. package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
  132. package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
  133. package/dist/src/molecules/Template/Template.js +23 -0
  134. package/dist/src/molecules/Textarea/Textarea.js +46 -0
  135. package/dist/src/molecules/Timeline/Timeline.js +42 -0
  136. package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
  137. package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
  138. package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
  139. package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
  140. package/dist/src/molecules/Typography/Typography.js +89 -0
  141. package/dist/src/{components → molecules}/index.d.ts +1 -0
  142. package/dist/src/{components → molecules}/index.js +3 -2
  143. package/dist/src/system.d.ts +3 -3
  144. package/dist/src/system.js +4 -4
  145. package/dist/src/utils/constants.js +2 -2
  146. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  147. package/dist/src/utils/form/HelperText/HelperText.js +2 -2
  148. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  149. package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
  150. package/dist/src/utils/form/Label/Label.d.ts +1 -1
  151. package/dist/src/utils/form/Label/Label.js +3 -3
  152. package/dist/src/utils/table/types.d.ts +2 -2
  153. package/dist/src/utils/useStyle.js +2 -2
  154. package/dist/styles.css +832 -809
  155. package/dist/styles_timescaledb.css +832 -809
  156. package/dist/system.cjs +261 -240
  157. package/dist/system.mjs +254 -234
  158. package/dist/tailwind.config.js +0 -1
  159. package/dist/tsconfig.module.tsbuildinfo +1 -1
  160. package/dist/types/ActionType.d.ts +1 -1
  161. package/dist/types/tailwindGenerated.d.ts +1 -1
  162. package/package.json +4 -4
  163. package/dist/src/common/Alert/Alert.js +0 -74
  164. package/dist/src/common/Banner/Banner.js +0 -57
  165. package/dist/src/common/Card/Card.js +0 -54
  166. package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
  167. package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
  168. package/dist/src/common/LineClamp/LineClamp.js +0 -18
  169. package/dist/src/common/Modal/Modal.js +0 -68
  170. package/dist/src/common/Section/Section.js +0 -46
  171. package/dist/src/common/Table/Table.js +0 -91
  172. package/dist/src/components/Alert/Alert.js +0 -12
  173. package/dist/src/components/Avatar/Avatar.js +0 -10
  174. package/dist/src/components/Banner/Banner.js +0 -44
  175. package/dist/src/components/Button/Button.js +0 -105
  176. package/dist/src/components/Card/Card.js +0 -48
  177. package/dist/src/components/Card/Compact.js +0 -43
  178. package/dist/src/components/Checkbox/Checkbox.js +0 -29
  179. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
  180. package/dist/src/components/Chip/Chip.js +0 -64
  181. package/dist/src/components/Combobox/Combobox.js +0 -109
  182. package/dist/src/components/Container/Container.js +0 -18
  183. package/dist/src/components/Context/Context.js +0 -18
  184. package/dist/src/components/DataList/DataList.js +0 -24
  185. package/dist/src/components/DataTable/DataTable.js +0 -42
  186. package/dist/src/components/Dialog/Dialog.js +0 -41
  187. package/dist/src/components/Dropdown/Dropdown.js +0 -87
  188. package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
  189. package/dist/src/components/DropdownMenu/utils.js +0 -20
  190. package/dist/src/components/EmptyState/EmptyState.js +0 -74
  191. package/dist/src/components/Flexbox/Flexbox.js +0 -19
  192. package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
  193. package/dist/src/components/Grid/Grid.js +0 -31
  194. package/dist/src/components/Grid/GridItem.js +0 -20
  195. package/dist/src/components/LineClamp/LineClamp.js +0 -17
  196. package/dist/src/components/Link/Link.js +0 -4
  197. package/dist/src/components/List/List.js +0 -6
  198. package/dist/src/components/ListItem/ListItem.js +0 -10
  199. package/dist/src/components/MultiInput/MultiInput.js +0 -153
  200. package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
  201. package/dist/src/components/PageHeader/PageHeader.js +0 -40
  202. package/dist/src/components/Pagination/Pagination.js +0 -52
  203. package/dist/src/components/Pagination/usePagination.js +0 -36
  204. package/dist/src/components/Popover/Popover.js +0 -79
  205. package/dist/src/components/Popover/PopoverContext.js +0 -10
  206. package/dist/src/components/Popover/PopoverWrapper.js +0 -36
  207. package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
  208. package/dist/src/components/Portal/Portal.js +0 -3
  209. package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
  210. package/dist/src/components/RadioButton/RadioButton.js +0 -29
  211. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
  212. package/dist/src/components/Select/Select.js +0 -144
  213. package/dist/src/components/Skeleton/Skeleton.js +0 -18
  214. package/dist/src/components/Stepper/Stepper.js +0 -25
  215. package/dist/src/components/Switch/Switch.js +0 -29
  216. package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
  217. package/dist/src/components/Tabs/Tabs.js +0 -220
  218. package/dist/src/components/Template/Template.js +0 -23
  219. package/dist/src/components/Textarea/Textarea.js +0 -46
  220. package/dist/src/components/Timeline/Timeline.js +0 -42
  221. package/dist/src/components/Tooltip/Tooltip.js +0 -110
  222. package/dist/src/components/Typography/Typography.js +0 -89
  223. /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
  224. /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
  225. /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
  226. /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
  227. /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
  228. /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
  229. /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
  230. /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
  231. /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
  232. /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
  233. /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
  234. /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
  235. /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
  236. /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
  237. /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
  238. /package/dist/src/{common → atoms}/index.d.ts +0 -0
  239. /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
  240. /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
  241. /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  242. /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
  243. /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
  244. /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
  245. /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
  246. /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
  247. /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
  248. /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
  249. /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
  250. /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
  251. /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
  252. /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
  253. /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
  254. /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
  255. /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
  256. /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
  257. /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
  258. /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
  259. /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
  260. /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
  261. /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
  262. /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
  263. /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
  264. /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
  265. /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
  266. /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
  267. /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
  268. /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
  269. /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
  270. /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
  271. /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
  272. /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
  273. /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
  274. /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
  275. /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
  276. /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
  277. /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
  278. /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- import { type TooltipProps } from '../src/components';
1
+ import { type TooltipProps } from '../src/molecules';
2
2
  import { type IconProps } from './IconProps';
3
3
  export declare type BaseActionType = {
4
4
  icon?: IconProps['icon'];
@@ -1 +1 @@
1
- export declare type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-transparent" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-grey-50" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-grey-80" | "active\:text-primary-70" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-90" | "bg-info-5" | "bg-info-50" | "bg-navyBlue-100" | "bg-opacity-40" | "bg-primary-70" | "bg-primary-80" | "bg-secondary-5" | "bg-success-5" | "bg-success-70" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[1px\]" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-90" | "border-info-70" | "border-navyBlue-100" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-success-70" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "checked\:bg-navyBlue-100" | "checked\:bg-opacity-40" | "checked\:border-navyBlue-100" | "checked\:opacity-40" | "checked\:shadow-whiteInset" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-0" | "disabled\:bg-grey-5" | "disabled\:bg-primary-5" | "disabled\:bg-transparent" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-grey-20" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-grey-50" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus\:border" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "font-normal" | "from-white" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-y-2" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-grey-0" | "group-hover\:visible" | "group-last\:border-b-0" | "grow" | "grow-0" | "h-1" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[8px\]" | "h-auto" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-30" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:checked\:bg-navyBlue-100" | "hover\:cursor-pointer" | "hover\:no-underline" | "hover\:ring-grey-50" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-40" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "pb-3" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-grey-30" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-navyBlue-100" | "peer-checked\:text-grey-30" | "peer-checked\:text-white" | "peer-disabled\/switch\:bg-grey-0" | "peer-focus\:border-info-70" | "peer-hover\:border-grey-50" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[14px\]" | "py-\[6px\]" | "relative" | "resize" | "resize-none" | "right-0" | "right-\[28px\]" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-sm" | "row-start-1" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "sticky" | "stroke-grey-30" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-\[14px\]" | "top-\[20px\]" | "top-\[3px\]" | "transform" | "transition" | "transition-all" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "underline-offset-2" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-80" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
1
+ export declare type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-transparent" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-grey-50" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-grey-80" | "active\:text-primary-70" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-90" | "bg-info-5" | "bg-info-50" | "bg-navyBlue-100" | "bg-opacity-40" | "bg-primary-70" | "bg-primary-80" | "bg-secondary-5" | "bg-success-5" | "bg-success-70" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[1px\]" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-90" | "border-info-70" | "border-navyBlue-100" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-success-70" | "border-transparent" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "checked\:bg-navyBlue-100" | "checked\:bg-opacity-40" | "checked\:border-navyBlue-100" | "checked\:opacity-40" | "checked\:shadow-whiteInset" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-0" | "disabled\:bg-grey-5" | "disabled\:bg-primary-5" | "disabled\:bg-transparent" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-grey-20" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-grey-50" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus\:border" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "focusable" | "font-normal" | "from-white" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-y-2" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-grey-0" | "group-hover\:visible" | "group-last\:border-b-0" | "grow" | "grow-0" | "h-1" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[8px\]" | "h-auto" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-30" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:checked\:bg-navyBlue-100" | "hover\:cursor-pointer" | "hover\:no-underline" | "hover\:ring-grey-50" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-40" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "pb-3" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-grey-30" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-navyBlue-100" | "peer-checked\:text-grey-30" | "peer-checked\:text-white" | "peer-disabled\/switch\:bg-grey-0" | "peer-focus\:border-info-70" | "peer-hover\:border-grey-50" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[14px\]" | "py-\[6px\]" | "relative" | "resize" | "resize-none" | "right-0" | "right-\[28px\]" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-sm" | "row-start-1" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "sticky" | "stroke-grey-30" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-\[14px\]" | "top-\[20px\]" | "top-\[3px\]" | "transform" | "transition" | "transition-all" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "underline-offset-2" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-80" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.9.0",
3
+ "version": "1.11.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -15,7 +15,7 @@
15
15
  "import": "./dist/atoms.mjs",
16
16
  "types": "./dist/src/atoms.d.ts"
17
17
  },
18
- "./atoms/*": "./dist/src/common/*.js",
18
+ "./atoms/*": "./dist/src/atoms/*.js",
19
19
  "./icons/*": "./dist/src/icons/*.js",
20
20
  "./dist/module/icons/*": "./dist/src/icons/*.js",
21
21
  "./dist/": "./dist/",
@@ -26,10 +26,10 @@
26
26
  "typesVersions": {
27
27
  "*": {
28
28
  "atoms": [
29
- "dist/src/common/index.d.ts"
29
+ "dist/src/atoms/index.d.ts"
30
30
  ],
31
31
  "atoms/*": [
32
- "dist/src/common/*.d.ts"
32
+ "dist/src/atoms/*.d.ts"
33
33
  ],
34
34
  "icons/*": [
35
35
  "dist/src/icons/*.d.ts"
@@ -1,74 +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 { IconButton } from '../../../src/components/Button/Button';
14
- import { Icon } from '../../../src/components/Icon/Icon';
15
- import { Typography } from '../../../src/common/Typography/Typography';
16
- import { classNames, tw } from '../../../src/utils/tailwind';
17
- import success from '../../../src/icons/confirm';
18
- import cross from '../../../src/icons/cross';
19
- import error from '../../../src/icons/error';
20
- import info from '../../../src/icons/infoSign';
21
- import warning from '../../../src/icons/warningSign';
22
- const alertTypes = {
23
- information: {
24
- icon: info,
25
- color: 'info-40',
26
- },
27
- warning: {
28
- icon: warning,
29
- color: 'warning-40',
30
- },
31
- error: {
32
- icon: error,
33
- color: 'error-40',
34
- },
35
- success: {
36
- icon: success,
37
- color: 'success-40',
38
- },
39
- };
40
- export const Alert = (_a) => {
41
- var { children, className, type, dense } = _a, rest = __rest(_a, ["children", "className", "type", "dense"]);
42
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
43
- 'bg-error-5': type === 'error',
44
- 'bg-info-5': type === 'information',
45
- 'bg-success-5': type === 'success',
46
- 'bg-warning-5': type === 'warning',
47
- 'p-4': Boolean(dense),
48
- 'p-5': !dense,
49
- }), className) }), children));
50
- };
51
- Alert.Title = (_a) => {
52
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
53
- return (React.createElement(Typography, Object.assign({}, rest, { variant: "default-strong", color: "grey-80", className: classNames(tw('col-start-2'), className) }), children));
54
- };
55
- Alert.Description = (_a) => {
56
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
57
- return (React.createElement(Typography, Object.assign({}, rest, { variant: "small", color: "grey-60", className: classNames(tw('col-start-2'), className) }), children));
58
- };
59
- Alert.Actions = (_a) => {
60
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
61
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 col-start-2'), className) }), children));
62
- };
63
- // Wrap the Icon in div because the svg alone will scale down with flex
64
- Alert.Icon = (_a) => {
65
- var { type, dense } = _a, rest = __rest(_a, ["type", "dense"]);
66
- return (React.createElement("div", { className: tw('h-[20px] col-start-1 row-start-1', { 'self-start': !dense }) },
67
- React.createElement(Icon, Object.assign({}, rest, { icon: alertTypes[type].icon, color: alertTypes[type].color, fontSize: 20 }))));
68
- };
69
- Alert.Dismiss = (_a) => {
70
- var { type } = _a, rest = __rest(_a, ["type"]);
71
- return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
72
- React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
73
- };
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQW9CLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVFLE9BQU8sRUFBa0IsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFDeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sb0JBQW9CLENBQUM7QUFDdEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUF3QjVDLE1BQU0sVUFBVSxHQUFlO0lBQzdCLFdBQVcsRUFBRTtRQUNYLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLEtBQUs7UUFDWCxLQUFLLEVBQUUsVUFBVTtLQUNsQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBTTNFLEVBQUUsRUFBRTtRQU51RSxFQUMxRSxRQUFRLEVBQ1IsU0FBUyxFQUNULElBQUksRUFDSixLQUFLLE9BRU4sRUFESSxJ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
@@ -1,57 +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 { Box } from '../../../src/components/Box/Box';
14
- import { Typography } from '../../../src/common/Typography/Typography';
15
- import { classNames, tw } from '../../../src/utils/tailwind';
16
- const spacing = {
17
- spacingAroundBanner: 'p-6',
18
- omitSpacingAroundBanner: '-6',
19
- };
20
- export const Banner = (_a) => {
21
- var { children, className, layout, variant } = _a, rest = __rest(_a, ["children", "className", "layout", "variant"]);
22
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
23
- 'items-center': layout === 'horizontal',
24
- 'bg-grey-0': variant === 'default',
25
- 'bg-white border border-grey-5': variant === 'outlined',
26
- })) }), children));
27
- };
28
- Banner.Title = (_a) => {
29
- var { children, className, layout, titleVariant = 'primary' } = _a, rest = __rest(_a, ["children", "className", "layout", "titleVariant"]);
30
- return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: titleVariant === 'secondary' ? 'primary-80' : 'grey-100', className: classNames(className, tw('whitespace-nowrap', {
31
- 'mb-3': layout === 'vertical',
32
- })) }), children));
33
- };
34
- Banner.Description = (_a) => {
35
- var { flexGrow, children, className } = _a, rest = __rest(_a, ["flexGrow", "children", "className"]);
36
- return (React.createElement(Typography, Object.assign({}, rest, { variant: "default", color: "grey-90", className: classNames(className, tw({ 'flex-grow': flexGrow })) }), children));
37
- };
38
- Banner.ContentContainer = (_a) => {
39
- var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
40
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex w-full', {
41
- 'flex-col': layout === 'vertical',
42
- 'flex-row flex-nowrap gap-7 items-center': layout === 'horizontal',
43
- })) }), children));
44
- };
45
- Banner.ImageContainer = (_a) => {
46
- var { children } = _a, rest = __rest(_a, ["children"]);
47
- return (React.createElement(Box, Object.assign({}, rest, { display: "inline-flex", alignItems: "center", margin: spacing.omitSpacingAroundBanner, marginLeft: "0" }), children));
48
- };
49
- Banner.Actions = (_a) => {
50
- var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
51
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex gap-4', { 'mt-5': layout === 'vertical' })) }), children));
52
- };
53
- Banner.DismissContainer = (_a) => {
54
- var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
55
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
56
- };
57
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWlCLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkJwRCxNQUFNLE9BQU8sR0FBRztJQUNkLG1CQUFtQixFQUFFLEtBQUs7SUFDMUIsdUJBQXVCLEVBQUUsSUFBaUM7Q0FDM0QsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBc0YsQ0FBQyxFQU16RyxFQUFFLEVBQUU7UUFOcUcsRUFDeEcsUUFBUSxFQUNSLFNBQVMsRUFDVCxNQUFNLEVBQ04sT0FBTyxPQUVSLEVBREksSUFBSSxjQUxpRyw4Q0FNekcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQyxrREFBa0QsT0FBTyxDQUFDLG1CQUFtQixFQUFFLEVBQUU7WUFDbEYsY0FBYyxFQUFFLE1BQU0sS0FBSyxZQUFZO1lBQ3ZDLFdBQVcsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNsQywrQkFBK0IsRUFBRSxPQUFPLEtBQUssVUFBVTtTQUN4RCxDQUFDLENBQ0gsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFrRSxFQUFFLEVBQUU7UUFBdEUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEdBQUcsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFoRSxtREFBa0Us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
@@ -1,54 +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 isNumber from 'lodash/isNumber';
14
- import { Box } from '../../../src/components/Box/Box';
15
- import { classNames, tw } from '../../../src/utils/tailwind';
16
- export const Card = React.forwardRef((_a, ref) => {
17
- var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
18
- return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
19
- 'w-[280px]': !fullWidth,
20
- 'w-full': Boolean(fullWidth),
21
- 'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
22
- 'active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70': Boolean(clickable && !disabled),
23
- 'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
24
- }), className) }), children));
25
- });
26
- const ColorHighlight = (_a) => {
27
- var { color, className } = _a, rest = __rest(_a, ["color", "className"]);
28
- return (React.createElement(Box, Object.assign({}, rest, { backgroundColor: color, className: classNames(tw('h-1 w-full absolute top-0 left-0 right-0'), className) })));
29
- };
30
- const ImageContainer = (_a) => {
31
- var { className, fullSize } = _a, rest = __rest(_a, ["className", "fullSize"]);
32
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-mx-4', {
33
- '-mt-4': Boolean(fullSize),
34
- }), className) })));
35
- };
36
- const classes = 'w-full bg-cover object-cover';
37
- const Image = ({ image, imageAlt, fullSize = false, imageHeight }) => (React.createElement("img", { src: image, alt: imageAlt, className: tw(classes, {
38
- 'h-[174px]': !imageHeight && !fullSize,
39
- 'h-[225px]': !imageHeight && fullSize,
40
- }), style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight } }));
41
- const Content = (_a) => {
42
- var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
43
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
44
- };
45
- const Actions = (_a) => {
46
- var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
47
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
48
- };
49
- Card.Content = Content;
50
- Card.Actions = Actions;
51
- Card.ImageContainer = ImageContainer;
52
- Card.Image = Image;
53
- Card.ColorHiglight = ColorHighlight;
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLENBQUMsRUFBdUYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFoRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsY0FBYyxHQUFHLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBckYsaUZBQXVGLENBQUY7SUFBWSxPQUFBLENBQ2hHLDJDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywyRUFBMkUsRUFBRTtZQUM5RSxXQUFXLEVBQUUsQ0FBQyxTQUFTO1lBQ3ZCLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQzVCLGVBQWUsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksT0FBTyxDQUFDLGNBQWMsQ0FBQztZQUM5RCwyRUFBMkUsRUFBRSxPQUFPLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQzVHLHVEQUF1RCxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDM0UsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUNlLENBQUM7QUFFbkIsTUFBTSxjQUFjLEdBQXVELENBQUMsRUFBNkIsRUFBRSxFQUFF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
@@ -1,62 +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 { InlineIcon } from '../../../src/components/Icon/Icon';
14
- import { Typography } from '../../../src/components/Typography/Typography';
15
- import { classNames, tw } from '../../../src/utils/tailwind';
16
- import tick from '../../../src/icons/tick';
17
- export const DropdownMenu = React.forwardRef((_a, ref) => {
18
- var { maxHeight = '450px', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
19
- return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full overflow-y-auto overflow-x-hidden typography-small text-grey-70') }, props), children));
20
- });
21
- const ContentContainer = ({ children }) => React.createElement("div", { className: tw('p-3') }, children);
22
- DropdownMenu.ContentContainer = ContentContainer;
23
- const List = React.forwardRef((_a, ref) => {
24
- var { children } = _a, props = __rest(_a, ["children"]);
25
- return (React.createElement("ul", Object.assign({ ref: ref }, props), children));
26
- });
27
- DropdownMenu.List = List;
28
- const Group = React.forwardRef((_a, ref) => {
29
- var { className, title, titleProps, children } = _a, props = __rest(_a, ["className", "title", "titleProps", "children"]);
30
- return (React.createElement("li", Object.assign({ ref: ref }, props),
31
- title && (React.createElement("div", Object.assign({ className: classNames(className, 'p-3 text-grey-40 uppercase cursor-default typography-caption', {
32
- 'text-grey-20': props.disabled,
33
- }) }, titleProps), title)),
34
- children));
35
- });
36
- DropdownMenu.Group = Group;
37
- const Item = React.forwardRef((_a, ref) => {
38
- var { kind, highlighted, selected, className, icon, children } = _a, props = __rest(_a, ["kind", "highlighted", "selected", "className", "icon", "children"]);
39
- return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 outline-none', {
40
- 'cursor-pointer hover:bg-grey-0': !props.disabled,
41
- 'bg-grey-0': highlighted,
42
- 'text-primary-80': kind === 'action',
43
- 'text-grey-20 cursor-not-allowed': props.disabled,
44
- }) }, props),
45
- icon && React.createElement(InlineIcon, { icon: icon }),
46
- React.createElement("span", { className: tw('grow') }, children),
47
- selected && React.createElement(InlineIcon, { icon: tick })));
48
- });
49
- DropdownMenu.Item = Item;
50
- const Description = ({ disabled, children }) => (React.createElement(Typography.Caption, { color: disabled ? 'grey-20' : 'grey-40' }, children));
51
- DropdownMenu.Description = Description;
52
- const Separator = (_a) => {
53
- var { className } = _a, props = __rest(_a, ["className"]);
54
- return React.createElement("li", Object.assign({}, props, { className: classNames(className, tw('m-3 block bg-grey-5 h-[1px]')) }));
55
- };
56
- DropdownMenu.Separator = Separator;
57
- const EmptyStateContainer = (_a) => {
58
- var { className, children } = _a, props = __rest(_a, ["className", "children"]);
59
- return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
60
- };
61
- DropdownMenu.EmptyStateContainer = EmptyStateContainer;
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBNkIsTUFBTSxPQUFPLENBQUM7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULGlGQUFpRixDQUNsRixJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixNQUFNLGdCQUFnQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUVqRyxZQUFZLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7QUFFakQs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
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- declare type DivProps = React.HTMLProps<HTMLDivElement>;
3
- export declare type Lines = 1 | 2 | 3 | 4 | 5 | 6;
4
- export declare type LineClampProps = DivProps & {
5
- clamped?: boolean;
6
- lines?: Lines;
7
- };
8
- export declare const LineClamp: React.ForwardRefExoticComponent<Pick<LineClampProps, "default" | "start" | "hidden" | "color" | "content" | "size" | "style" | "wrap" | "open" | "height" | "translate" | "width" | "multiple" | "disabled" | "prefix" | "src" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "children" | "key" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "target" | "type" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "value" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "lines" | "clamped"> & React.RefAttributes<HTMLDivElement>>;
9
- export {};
@@ -1,18 +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 { classNames } from '../../../src/utils/tailwind';
14
- export const LineClamp = React.forwardRef((_a, ref) => {
15
- var { lines = 1, clamped = true, children, className } = _a, props = __rest(_a, ["lines", "clamped", "children", "className"]);
16
- return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'break-all', { [`line-clamp-${lines}`]: clamped }) }, props), children));
17
- });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9MaW5lQ2xhbXAvTGluZUNsYW1wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXaEQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3ZDLENBQUMsRUFBNEQsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFyRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUExRCw2Q0FBNEQsQ0FBRjtJQUN6RCxPQUFPLENBQ0wsMkNBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUFDLGNBQWMsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxJQUFNLEtBQUssR0FDMUcsUUFBUSxDQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
@@ -1,68 +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 } from '../../../src/common/Typography/Typography';
14
- import { classNames, tw } from '../../../src/utils/tailwind';
15
- export const Modal = (_a) => {
16
- var { children, className, open } = _a, rest = __rest(_a, ["children", "className", "open"]);
17
- return open ? (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7'), className) }), children)) : null;
18
- };
19
- Modal.BackDrop = (_a) => {
20
- var { className } = _a, rest = __rest(_a, ["className"]);
21
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-z-10 fixed min-w-full min-h-full bg-navyBlue-100 opacity-70'), className) })));
22
- };
23
- Modal.Dialog = React.forwardRef((_a, ref) => {
24
- var { children, className, size = 'sm' } = _a, rest = __rest(_a, ["children", "className", "size"]);
25
- return (React.createElement("div", Object.assign({ ref: ref, "aria-modal": "true" }, rest, { className: classNames(tw('relative bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
26
- 'max-w-[600px]': size === 'sm',
27
- 'max-w-[940px]': size === 'md',
28
- 'min-h-full': size === 'full',
29
- }, className) }), children));
30
- });
31
- Modal.Header = (_a) => {
32
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
33
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 py-6 gap-3 flex items-center'), className) }), children));
34
- };
35
- Modal.HeaderImage = (_a) => {
36
- var { backgroundImage, className } = _a, rest = __rest(_a, ["backgroundImage", "className"]);
37
- const common = tw('h-[120px] min-h-[120px] w-full ');
38
- return backgroundImage ? (React.createElement("img", Object.assign({ "aria-hidden": true, src: backgroundImage !== null && backgroundImage !== void 0 ? backgroundImage : undefined }, rest, { className: classNames(common, tw('object-cover'), className) }))) : (React.createElement("div", { className: classNames(common, tw('bg-grey-5'), className) }));
39
- };
40
- Modal.CloseButtonContainer = (_a) => {
41
- var { className } = _a, rest = __rest(_a, ["className"]);
42
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('absolute top-[20px] right-[28px]'), className) })));
43
- };
44
- Modal.Title = (_a) => {
45
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
46
- return (React.createElement(Typography, Object.assign({ htmlTag: "h2", variant: "subheading", color: "grey-90", className: classNames(tw('leading-none'), className) }, rest), children));
47
- };
48
- Modal.Subtitle = (_a) => {
49
- var { children } = _a, rest = __rest(_a, ["children"]);
50
- return (React.createElement(Typography, Object.assign({ variant: "small", color: "grey-60" }, rest), children));
51
- };
52
- Modal.TitleContainer = (_a) => {
53
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
54
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col grow gap-2'), className) }), children));
55
- };
56
- Modal.Body = (_a) => {
57
- var { children, className, noFooter = false, maxHeight, style } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style"]);
58
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 grow overflow-y-auto', { 'pb-6': noFooter }), className), style: Object.assign({ maxHeight }, style) }), children));
59
- };
60
- Modal.Footer = (_a) => {
61
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
62
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 py-6'), className) }), children));
63
- };
64
- Modal.Actions = (_a) => {
65
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
66
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
67
- };
68
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFOUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWlDcEQsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBQXNDLEVBQUUsRUFBRTtRQUExQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFwQyxpQ0FBc0MsQ0FBRjtJQUM5RyxPQUFBLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDZFQUE2RSxDQUFDLEVBQ2pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtDQUFBLENBQUM7QUFFWCxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzQyw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsOERBQThELENBQUMsRUFBRSxTQUFTLENBQUMsSUFDcEcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FBQyxFQUE2QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLEdBQUcsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUEz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
@@ -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 from 'react';
13
- import { Box } from '../../../src/components/Box/Box';
14
- import { Typography } from '../../../src/components/Typography/Typography';
15
- import { Typography as BaseTypography } from '../../../src/common/Typography/Typography';
16
- import { classNames, tw } from '../../../src/utils/tailwind';
17
- export const Section = (_a) => {
18
- var { children } = _a, rest = __rest(_a, ["children"]);
19
- return (React.createElement(Box, Object.assign({ borderColor: "grey-5", borderWidth: "1px" }, rest), children));
20
- };
21
- Section.Header = (_a) => {
22
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
23
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 py-5 flex gap-5 justify-between items-center'), className) }), children));
24
- };
25
- Section.TitleContainer = (_a) => {
26
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
27
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col grow gap-2'), className) }), children));
28
- };
29
- Section.Title = (_a) => {
30
- var { children } = _a, rest = __rest(_a, ["children"]);
31
- return (React.createElement(Typography.Subheading, Object.assign({}, rest, { color: "black" }), children));
32
- };
33
- Section.Subtitle = (_a) => {
34
- var { children } = _a, rest = __rest(_a, ["children"]);
35
- return (React.createElement(Typography.SmallText, Object.assign({}, rest, { color: "grey-70" }), children));
36
- };
37
- Section.Actions = (_a) => {
38
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
39
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
40
- };
41
- Section.Body = (_a) => {
42
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
43
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
44
- React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
45
- };
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWFwRCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFDLEtBQUssSUFBSyxJQUFJLEdBQ2pELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNyRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsbURBQW1ELENBQUMsRUFBRSxTQUFTLENBQUMsS0FDckcsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQzdELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUM1RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxVQUFVLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsT0FBTyxLQUMzQyxRQUFRLENBQ2EsQ0FDekIsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUM1QyxvQkFBQyxVQUFVLENBQUMsU0FBUyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDNUMsUUFBUSxDQUNZLENBQ3hCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN0RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDMUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ25ELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUM7UUFDeEQsb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLFNBQVMsSUFDMUMsUUFBUSxDQUNNLENBQ2IsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9