@aivenio/aquarium 1.2.0 → 1.3.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 (191) hide show
  1. package/README.md +2 -2
  2. package/dist/_variables.scss +1 -1
  3. package/dist/_variables_timescale.scss +1 -1
  4. package/dist/atoms.cjs +646 -4297
  5. package/dist/atoms.mjs +636 -4288
  6. package/dist/src/common/Alert/Alert.d.ts +1 -1
  7. package/dist/src/common/Alert/Alert.js +6 -6
  8. package/dist/src/common/Banner/Banner.d.ts +1 -1
  9. package/dist/src/common/Banner/Banner.js +5 -5
  10. package/dist/src/common/Checkbox/Checkbox.js +12 -19
  11. package/dist/src/common/Chip/Chip.js +4 -4
  12. package/dist/src/common/DataList/DataList.d.ts +1 -1
  13. package/dist/src/common/DataList/DataList.js +4 -4
  14. package/dist/src/common/Dialog/Dialog.d.ts +2 -2
  15. package/dist/src/common/Dialog/Dialog.js +2 -2
  16. package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
  17. package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
  18. package/dist/src/common/InputGroup/InputGroup.js +1 -1
  19. package/dist/src/common/Modal/Modal.d.ts +6 -0
  20. package/dist/src/common/Modal/Modal.js +14 -5
  21. package/dist/src/common/Popover/Popover.d.ts +1 -1
  22. package/dist/src/common/Popover/Popover.js +2 -2
  23. package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
  24. package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
  25. package/dist/src/common/RadioButton/RadioButton.js +14 -16
  26. package/dist/src/common/Section/Section.d.ts +1 -1
  27. package/dist/src/common/Section/Section.js +3 -3
  28. package/dist/src/common/Select/Select.d.ts +1 -1
  29. package/dist/src/common/Select/Select.js +6 -6
  30. package/dist/src/common/Switch/Switch.d.ts +11 -0
  31. package/dist/src/common/Switch/Switch.js +28 -0
  32. package/dist/src/common/Table/Table.d.ts +5 -5
  33. package/dist/src/common/Table/Table.js +6 -6
  34. package/dist/src/common/Timeline/Timeline.js +2 -2
  35. package/dist/src/common/Typography/Typography.d.ts +1 -1
  36. package/dist/src/common/Typography/Typography.js +3 -3
  37. package/dist/src/common/index.d.ts +2 -1
  38. package/dist/src/common/index.js +3 -2
  39. package/dist/src/components/Alert/Alert.d.ts +7 -4
  40. package/dist/src/components/Alert/Alert.js +4 -4
  41. package/dist/src/components/Avatar/Avatar.js +2 -2
  42. package/dist/src/components/Badge/Badge.js +2 -2
  43. package/dist/src/components/Banner/Banner.d.ts +7 -4
  44. package/dist/src/components/Banner/Banner.js +5 -6
  45. package/dist/src/components/Box/Box.d.ts +6 -6
  46. package/dist/src/components/Box/Box.js +3 -3
  47. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  48. package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
  49. package/dist/src/components/Button/Button.d.ts +1 -1
  50. package/dist/src/components/Button/Button.js +5 -5
  51. package/dist/src/components/Card/Card.d.ts +12 -5
  52. package/dist/src/components/Card/Card.js +15 -13
  53. package/dist/src/components/Carousel/Carousel.js +4 -4
  54. package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
  55. package/dist/src/components/Checkbox/Checkbox.js +5 -11
  56. package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
  57. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
  58. package/dist/src/components/Chip/Chip.d.ts +1 -1
  59. package/dist/src/components/Chip/Chip.js +3 -3
  60. package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
  61. package/dist/src/components/Combobox/Combobox.d.ts +1 -1
  62. package/dist/src/components/Combobox/Combobox.js +7 -7
  63. package/dist/src/components/Context/Context.d.ts +1 -1
  64. package/dist/src/components/Context/Context.js +1 -1
  65. package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
  66. package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
  67. package/dist/src/components/DataList/DataList.d.ts +1 -1
  68. package/dist/src/components/DataList/DataList.js +7 -7
  69. package/dist/src/components/DataTable/DataTable.d.ts +2 -2
  70. package/dist/src/components/DataTable/DataTable.js +7 -7
  71. package/dist/src/components/Dialog/Dialog.d.ts +2 -2
  72. package/dist/src/components/Dialog/Dialog.js +5 -5
  73. package/dist/src/components/Divider/Divider.js +1 -1
  74. package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
  75. package/dist/src/components/Dropdown/Dropdown.js +8 -8
  76. package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
  77. package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
  78. package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
  79. package/dist/src/components/DropdownMenu/utils.js +1 -1
  80. package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
  81. package/dist/src/components/EmptyState/EmptyState.js +12 -12
  82. package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
  83. package/dist/src/components/Flexbox/Flexbox.js +1 -1
  84. package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
  85. package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
  86. package/dist/src/components/Grid/Grid.d.ts +15 -15
  87. package/dist/src/components/Grid/Grid.js +1 -1
  88. package/dist/src/components/Grid/GridItem.d.ts +8 -8
  89. package/dist/src/components/Grid/GridItem.js +2 -2
  90. package/dist/src/components/Icon/Icon.d.ts +2 -2
  91. package/dist/src/components/Icon/Icon.js +1 -1
  92. package/dist/src/components/Input/Input.d.ts +1 -1
  93. package/dist/src/components/Input/Input.js +6 -6
  94. package/dist/src/components/ListItem/ListItem.js +2 -2
  95. package/dist/src/components/Modal/Modal.d.ts +8 -4
  96. package/dist/src/components/Modal/Modal.js +12 -10
  97. package/dist/src/components/MultiInput/InputChip.js +5 -5
  98. package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
  99. package/dist/src/components/MultiInput/MultiInput.js +7 -5
  100. package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
  101. package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
  102. package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
  103. package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
  104. package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
  105. package/dist/src/components/PageHeader/PageHeader.js +5 -5
  106. package/dist/src/components/Pagination/Pagination.js +4 -4
  107. package/dist/src/components/Pagination/usePagination.js +2 -2
  108. package/dist/src/components/Popover/Popover.d.ts +2 -2
  109. package/dist/src/components/Popover/Popover.js +2 -2
  110. package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
  111. package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
  112. package/dist/src/components/Popover/PopoverWrapper.js +1 -1
  113. package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
  114. package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
  115. package/dist/src/components/Portal/Portal.d.ts +1 -1
  116. package/dist/src/components/Portal/Portal.js +1 -1
  117. package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
  118. package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
  119. package/dist/src/components/RadioButton/RadioButton.js +6 -12
  120. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
  121. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
  122. package/dist/src/components/Section/Section.d.ts +1 -1
  123. package/dist/src/components/Section/Section.js +3 -3
  124. package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
  125. package/dist/src/components/Select/Select.d.ts +2 -2
  126. package/dist/src/components/Select/Select.js +12 -12
  127. package/dist/src/components/Skeleton/Skeleton.js +2 -2
  128. package/dist/src/components/Switch/Switch.d.ts +2 -4
  129. package/dist/src/components/Switch/Switch.js +7 -31
  130. package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
  131. package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
  132. package/dist/src/components/Table/Table.d.ts +1 -1
  133. package/dist/src/components/Table/Table.js +2 -2
  134. package/dist/src/components/Tabs/Tabs.js +11 -11
  135. package/dist/src/components/TagLabel/TagLabel.js +2 -2
  136. package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
  137. package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
  138. package/dist/src/components/Template/Template.d.ts +4 -4
  139. package/dist/src/components/Template/Template.js +1 -1
  140. package/dist/src/components/Textarea/Textarea.d.ts +1 -1
  141. package/dist/src/components/Textarea/Textarea.js +5 -5
  142. package/dist/src/components/Timeline/Timeline.js +7 -7
  143. package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
  144. package/dist/src/components/Tooltip/Tooltip.js +3 -3
  145. package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
  146. package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
  147. package/dist/src/components/Typography/Typography.d.ts +28 -4
  148. package/dist/src/components/Typography/Typography.js +61 -21
  149. package/dist/src/components/index.d.ts +3 -3
  150. package/dist/src/components/index.js +4 -4
  151. package/dist/src/js/resolveTheme.d.ts +1 -1
  152. package/dist/src/system.d.ts +6 -6
  153. package/dist/src/system.js +6 -6
  154. package/dist/src/utils/Blueprint.js +2 -2
  155. package/dist/src/utils/breakpoints.d.ts +2 -2
  156. package/dist/src/utils/breakpoints.js +2 -2
  157. package/dist/src/utils/constants.js +2 -2
  158. package/dist/src/utils/createComponent.d.ts +1 -1
  159. package/dist/src/utils/createComponent.js +2 -2
  160. package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
  161. package/dist/src/utils/form/FormControl/FormControl.js +1 -1
  162. package/dist/src/utils/form/HelperText/HelperText.js +5 -5
  163. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  164. package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
  165. package/dist/src/utils/form/Label/Label.d.ts +2 -2
  166. package/dist/src/utils/form/Label/Label.js +5 -5
  167. package/dist/src/utils/table/types.d.ts +6 -5
  168. package/dist/src/utils/table/types.js +1 -1
  169. package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
  170. package/dist/src/utils/table/useScrollTarget.js +1 -1
  171. package/dist/src/utils/table/useTableSort.d.ts +1 -1
  172. package/dist/src/utils/table/useTableSort.js +1 -1
  173. package/dist/src/utils/tailwind.d.ts +2 -2
  174. package/dist/src/utils/tailwind.js +1 -1
  175. package/dist/src/utils/useStyle.d.ts +1 -1
  176. package/dist/src/utils/useStyle.js +3 -3
  177. package/dist/src/utils/useWindowSize.js +3 -3
  178. package/dist/styles.css +220 -61
  179. package/dist/styles_timescaledb.css +220 -62
  180. package/dist/system.cjs +1209 -958
  181. package/dist/system.mjs +1204 -953
  182. package/dist/tokens.json +260 -1
  183. package/dist/tsconfig.module.tsbuildinfo +1 -1
  184. package/dist/types/ActionType.d.ts +2 -2
  185. package/dist/types/IconProps.d.ts +2 -2
  186. package/dist/types/designTokens.d.ts +1 -1
  187. package/dist/types/tailwind.d.ts +3 -3
  188. package/dist/types/tailwindGenerated.d.ts +1 -1
  189. package/dist/types/utils.d.ts +1 -1
  190. package/dist/types/utils.js +1 -1
  191. package/package.json +30 -27
@@ -1,5 +1,5 @@
1
- import { TooltipProps } from '../src/components';
2
- import { IconProps } from './IconProps';
1
+ import { type TooltipProps } from '../src/components';
2
+ import { type IconProps } from './IconProps';
3
3
  export declare type BaseActionType = {
4
4
  icon?: IconProps['icon'];
5
5
  iconPlacement?: 'left' | 'right';
@@ -1,4 +1,4 @@
1
- import type { IconifyIcon } from '@iconify/types';
2
- import type { IconProps as IconifyProps } from '@iconify/react';
1
+ import { type IconProps as IconifyProps } from '@iconify/react';
2
+ import { type IconifyIcon } from '@iconify/types';
3
3
  export declare type Icon = IconifyIcon;
4
4
  export declare type IconProps = Omit<IconifyProps, 'color'>;
@@ -9,7 +9,7 @@ export declare type TypographyCSSStyles = {
9
9
  letterSpacing: number;
10
10
  textTransform: TypographyTextTransform;
11
11
  };
12
- export declare type TypographyName = 'caption-small' | 'caption-default' | 'overline-small' | 'overline-default' | 'button-small' | 'button-medium' | 'button-large' | 'body-small' | 'body-small-medium' | 'body-default' | 'body-default-medium' | 'body-large' | 'body-large-medium' | 'heading-large' | 'heading-xl' | 'heading-2xl' | 'heading-3xl' | 'heading-4xl' | 'heading-5xl';
12
+ export declare type TypographyName = 'large-heading' | 'heading' | 'subheading' | 'large-strong' | 'large' | 'default-strong' | 'default' | 'small-strong' | 'small' | 'caption' | 'caption-small' | 'caption-default' | 'overline-small' | 'overline-default' | 'button-small' | 'button-medium' | 'button-large' | 'body-small' | 'body-small-medium' | 'body-default' | 'body-default-medium' | 'body-large' | 'body-large-medium' | 'heading-large' | 'heading-xl' | 'heading-2xl' | 'heading-3xl' | 'heading-4xl' | 'heading-5xl';
13
13
  export interface TypographySize {
14
14
  name: TypographyName;
15
15
  className: string;
@@ -1,9 +1,9 @@
1
- import partialThemeJson from '../tailwind.theme.json';
2
- import { ClassNames } from './tailwindGenerated';
1
+ import { type ClassNames } from './tailwindGenerated';
2
+ import type partialThemeJson from '../tailwind.theme.json';
3
3
  export declare type AnyObject = {
4
4
  [key: string]: any;
5
5
  };
6
- export declare type Breakpoint = keyof typeof partialThemeJson['screens'];
6
+ export declare type Breakpoint = keyof (typeof partialThemeJson)['screens'];
7
7
  export declare type BreakpointsObject = {
8
8
  readonly [key in Breakpoint]: string;
9
9
  };
@@ -1 +1 @@
1
- export declare type ClassNames = "-m-2" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-2" | "\[\&\>path\]\:stroke-grey-30" | "\[\&\>path\]\:stroke-white" | "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" | "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-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-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-info-70" | "border-navyBlue-100" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "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-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-medium" | "font-normal" | "font-semibold" | "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\:bg-grey-30" | "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-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[32px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "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" | "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\]" | "mb-2" | "mb-3" | "mb-5" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "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-0" | "opacity-40" | "opacity-70" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "overline" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "pb-3" | "pb-6" | "peer" | "peer-focus\:border" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[1px\]" | "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" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "rotate-45" | "rounded" | "rounded-full" | "rounded-sm" | "row-start-1" | "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" | "stroke-white" | "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-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-2" | "transform" | "transition" | "transition-all" | "translate-x-5" | "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-default" | "typography-caption-small" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-overline-default" | "typography-overline-small" | "underline" | "underline-offset-2" | "uppercase" | "via-white" | "visible" | "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-full" | "whitespace-nowrap" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
1
+ export declare type ClassNames = "-m-2" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "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" | "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-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-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-info-70" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "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-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\:bg-grey-30" | "group-hover\:visible" | "group-last\:border-b-0" | "grow" | "grow-0" | "h-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-\[32px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "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" | "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\]" | "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-0" | "opacity-40" | "opacity-70" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[3px\]" | "pb-3" | "pb-6" | "peer" | "peer-checked\/radio\:\[\&\>\*\]\:block" | "peer-checked\/radio\:\[\&\>\*\]\:opacity-40" | "peer-checked\/radio\:border-navyBlue-100" | "peer-checked\/radio\:opacity-40" | "peer-checked\/switch\:bg-navyBlue-100" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:opacity-40" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-2" | "peer-checked\:\[\&\>path\]\:stroke-grey-30" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:bg-navyBlue-100" | "peer-checked\:border-navyBlue-100" | "peer-checked\:text-grey-30" | "peer-checked\:text-white" | "peer-disabled\/switch\:bg-grey-0" | "peer-disabled\:border-grey-5" | "peer-disabled\:cursor-not-allowed" | "peer-focus\/radio\:border-info-70" | "peer-focus\/switch\:border" | "peer-focus\:border-info-70" | "peer-hover\/radio\:border-grey-50" | "peer-hover\:border-grey-50" | "peer\/radio" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[1px\]" | "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-full" | "rounded-sm" | "row-start-1" | "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-\[20px\]" | "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" | "w-0" | "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-full" | "whitespace-nowrap" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
@@ -1,4 +1,4 @@
1
- import { ReactNode, ElementType, ReactElement } from 'react';
1
+ import { type ElementType, type ReactElement, type ReactNode } from 'react';
2
2
  export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T, string | import("react").JSXElementConstructor<any>>;
3
3
  export declare type Either<A, B> = (Partial<Record<keyof B, never>> & A) | (Partial<Record<keyof A, never>> & B);
4
4
  export declare type AcceptEmpty = boolean | null | undefined;
@@ -1,3 +1,3 @@
1
1
  import { isValidElement } from 'react';
2
2
  export const isComponentType = (c, type) => isValidElement(c) && c.type === type;
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTBCLGNBQWMsRUFBZ0IsTUFBTSxPQUFPLENBQUM7QUFFN0UsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQUksQ0FBWSxFQUFFLElBQW9CLEVBQXdCLEVBQUUsQ0FDN0YsY0FBYyxDQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDIn0=
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVELGNBQWMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUU1RixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBSSxDQUFZLEVBQUUsSUFBb0IsRUFBd0IsRUFBRSxDQUM3RixjQUFjLENBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMifQ==
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -52,14 +52,14 @@
52
52
  "prettier:check": "echo 'Deprecated command! Use \"npm run eslint\" instead.' && exit 1",
53
53
  "eslint": "npm run eslint:check:src && npm run eslint:check:tools",
54
54
  "eslint:fix": "npm run eslint:check:src -- --fix && npm run eslint:check:tools -- --fix",
55
- "eslint:check:src": "eslint --config .eslintrc \"src/**/*.{ts,tsx}\"",
55
+ "eslint:check:src": "eslint --config .eslintrc.js \"{src,types}/**/*.{ts,tsx}\"",
56
56
  "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{ts,tsx}\"",
57
- "start:storybook": "STORYBOOK_THEME=$THEME start-storybook -p 6006",
57
+ "start:storybook": "STORYBOOK_THEME=$THEME storybook dev -p 6006",
58
58
  "start": "npm run build:generated && npm run start:storybook",
59
59
  "figma:cached": "echo 'WARNING: Using local cache!' && USE_CACHE=true npm run figma",
60
60
  "figma": "NODE_PATH=./ NODE_OPTIONS=--max-old-space-size=2800 ts-node --script-mode tools/figma/index.ts",
61
61
  "release": "NODE_PATH=./ ts-node --script-mode tools/create-release-pr.ts",
62
- "build:storybook": "npm run build && STORYBOOK_THEME=$THEME build-storybook -c .storybook -o storybook-static",
62
+ "build:storybook": "npm run build && STORYBOOK_THEME=$THEME storybook build -c .storybook -o storybook-static",
63
63
  "build:generated": "npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
64
64
  "watch": "npm run build:generated && webpack --config=webpack.config.js --watch --progress",
65
65
  "build": "npm run build:ds",
@@ -82,19 +82,21 @@
82
82
  "license": "Apache-2.0",
83
83
  "devDependencies": {
84
84
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
85
- "@aivenio/eslint-config-aiven": "^1.3.0",
85
+ "@aivenio/eslint-config-aiven": "^3.0.0",
86
86
  "@babel/core": "^7.13.10",
87
+ "@babel/preset-env": "^7.20.2",
88
+ "@babel/preset-react": "^7.18.6",
89
+ "@babel/preset-typescript": "^7.18.6",
87
90
  "@iconify/tools": "^2.0.14",
88
- "@storybook/addon-a11y": "^6.5.13",
89
- "@storybook/addon-essentials": "^6.5.13",
90
- "@storybook/addon-links": "^6.5.13",
91
+ "@storybook/addon-a11y": "^7.0.0-beta.31",
92
+ "@storybook/addon-essentials": "^7.0.0-beta.31",
93
+ "@storybook/addon-links": "^7.0.0-beta.31",
91
94
  "@storybook/addon-postcss": "^2.0.0",
92
- "@storybook/addon-toolbars": "^6.5.13",
93
- "@storybook/addons": "^6.5.13",
94
- "@storybook/builder-webpack5": "^6.5.13",
95
- "@storybook/manager-webpack5": "^6.5.13",
95
+ "@storybook/addon-toolbars": "^7.0.0-beta.31",
96
+ "@storybook/addons": "^7.0.0-beta.31",
96
97
  "@storybook/preset-typescript": "^3.0.0",
97
- "@storybook/react": "^6.5.13",
98
+ "@storybook/react": "^7.0.0-beta.31",
99
+ "@storybook/react-webpack5": "^7.0.0-beta.31",
98
100
  "@testing-library/dom": "^8.19.0",
99
101
  "@testing-library/jest-dom": "^5.16.5",
100
102
  "@testing-library/react": "^12.1.5",
@@ -105,9 +107,9 @@
105
107
  "@types/jest": "^29.2.2",
106
108
  "@types/lodash": "^4.14.168",
107
109
  "@types/react-dom": "^17.0.3",
108
- "@types/tailwindcss": "^3.0.11",
109
- "@typescript-eslint/eslint-plugin": "^4.18.0",
110
- "@typescript-eslint/parser": "^4.18.0",
110
+ "@types/tailwindcss": "^3.1.0",
111
+ "@typescript-eslint/eslint-plugin": "^5.48.0",
112
+ "@typescript-eslint/parser": "^5.48.0",
111
113
  "@zerollup/ts-transform-paths": "^1.7.18",
112
114
  "arg": "^5.0.0",
113
115
  "autoprefixer": "^10.3.2",
@@ -118,15 +120,16 @@
118
120
  "css-minimizer-webpack-plugin": "^1.2.0",
119
121
  "cssnano": "^4.1.10",
120
122
  "esbuild": "^0.15.8",
121
- "eslint": "^7.22.0",
122
- "eslint-config-prettier": "^8.4.0",
123
+ "eslint": "^8.31.0",
124
+ "eslint-config-prettier": "^8.6.0",
125
+ "eslint-import-resolver-typescript": "^3.5.3",
123
126
  "eslint-plugin-design-system": "file:contrib/dev/eslint",
124
- "eslint-plugin-import": "^2.25.4",
125
- "eslint-plugin-jsx-a11y": "^6.5.1",
126
- "eslint-plugin-prettier": "^4.0.0",
127
- "eslint-plugin-react": "^7.29.0",
128
- "eslint-plugin-sonarjs": "^0.12.0",
129
- "eslint-plugin-unused-imports": "^1.1.1",
127
+ "eslint-plugin-import": "^2.26.0",
128
+ "eslint-plugin-jsx-a11y": "^6.6.1",
129
+ "eslint-plugin-prettier": "^4.2.1",
130
+ "eslint-plugin-react": "^7.31.11",
131
+ "eslint-plugin-simple-import-sort": "^8.0.0",
132
+ "eslint-plugin-sonarjs": "^0.17.0",
130
133
  "figma-js": "^1.15.0",
131
134
  "fp-ts": "^2.9.5",
132
135
  "fp-ts-contrib": "^0.1.21",
@@ -142,11 +145,12 @@
142
145
  "postcss-preset-env": "^6.7.0",
143
146
  "postcss-reporter": "^7.0.5",
144
147
  "postcss-ts-classnames": "^0.3.0",
145
- "prettier": "^2.2.1",
148
+ "prettier": "^2.8.3",
146
149
  "react": "^17.0.2",
147
150
  "react-dom": "^17.0.2",
151
+ "storybook": "^7.0.0-beta.31",
148
152
  "style-dictionary": "^3.7.0",
149
- "tailwindcss": "^3.1.4",
153
+ "tailwindcss": "^3.2.4",
150
154
  "tailwindcss-children": "^2.1.0",
151
155
  "ts-jest": "^29.0.3",
152
156
  "ts-loader": "^8.3.0",
@@ -154,7 +158,6 @@
154
158
  "tsc-alias": "^1.7.0",
155
159
  "typescript": "^4.8.4",
156
160
  "webpack": "^5.73.0",
157
- "webpack-bundle-analyzer": "^4.5.0",
158
161
  "webpack-cli": "^4.10.0",
159
162
  "yaml": "^2.1.1"
160
163
  },