@aivenio/aquarium 2.20.1 → 3.1.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 (90) hide show
  1. package/dist/atoms.cjs +26 -10
  2. package/dist/atoms.mjs +26 -10
  3. package/dist/charts.cjs +16 -8
  4. package/dist/charts.mjs +16 -8
  5. package/dist/src/atoms/DataList/DataList.js +2 -2
  6. package/dist/src/atoms/Select/Select.js +6 -7
  7. package/dist/src/atoms/Table/Table.d.ts +3 -1
  8. package/dist/src/atoms/Table/Table.js +2 -2
  9. package/dist/src/atoms/Typography/Typography.d.ts +2 -2
  10. package/dist/src/atoms/Typography/Typography.js +1 -1
  11. package/dist/src/atoms/utils/index.d.ts +2 -2
  12. package/dist/src/atoms/utils/index.js +2 -2
  13. package/dist/src/charts/AreaChart/AreaChart.d.ts +1 -1
  14. package/dist/src/charts/BarChart/BarChart.d.ts +1 -1
  15. package/dist/src/charts/Legend/Legend.js +2 -1
  16. package/dist/src/charts/LineChart/LineChart.d.ts +1 -1
  17. package/dist/src/charts/PieChart/DoughnutChart.d.ts +1 -1
  18. package/dist/src/charts/PieChart/DoughnutChart.js +4 -4
  19. package/dist/src/charts/PieChart/PieChart.d.ts +1 -1
  20. package/dist/src/charts/PieChart/PieChart.js +2 -2
  21. package/dist/src/charts/PieChart/renderPieChildren.d.ts +1 -1
  22. package/dist/src/charts/PieChart/renderPieChildren.js +8 -4
  23. package/dist/src/charts/lib/utils.d.ts +1 -1
  24. package/dist/src/charts/lib/utils.js +5 -2
  25. package/dist/src/icons/databaseArrow.d.ts +9 -0
  26. package/dist/src/icons/databaseArrow.js +11 -0
  27. package/dist/src/icons/index.d.ts +1 -0
  28. package/dist/src/icons/index.js +2 -1
  29. package/dist/src/molecules/Accordion/Accordion.js +7 -3
  30. package/dist/src/molecules/Avatar/Avatar.js +2 -2
  31. package/dist/src/molecules/Box/Box.d.ts +2 -2
  32. package/dist/src/molecules/Box/Box.js +1 -1
  33. package/dist/src/molecules/Button/Button.d.ts +19 -9
  34. package/dist/src/molecules/Button/Button.js +2 -2
  35. package/dist/src/molecules/Card/CardInputWrapper.d.ts +2 -2
  36. package/dist/src/molecules/Card/CardInputWrapper.js +2 -2
  37. package/dist/src/molecules/Context/Context.d.ts +1 -1
  38. package/dist/src/molecules/Context/Context.js +1 -1
  39. package/dist/src/molecules/DataList/DataListComponents.d.ts +4 -4
  40. package/dist/src/molecules/DataList/DataListComponents.js +1 -1
  41. package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
  42. package/dist/src/molecules/DataList/DataListGroup.js +1 -1
  43. package/dist/src/molecules/DatePicker/Button.js +2 -2
  44. package/dist/src/molecules/DatePicker/DatePicker.js +5 -3
  45. package/dist/src/molecules/DatePicker/DateRangePicker.js +4 -3
  46. package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
  47. package/dist/src/molecules/Element/Element.d.ts +1 -1
  48. package/dist/src/molecules/Flexbox/Flexbox.d.ts +2 -2
  49. package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +2 -2
  50. package/dist/src/molecules/Grid/Grid.d.ts +2 -2
  51. package/dist/src/molecules/Grid/GridItem.d.ts +2 -2
  52. package/dist/src/molecules/Link/Link.d.ts +2 -1
  53. package/dist/src/molecules/List/List.d.ts +1 -1
  54. package/dist/src/molecules/List/List.js +1 -1
  55. package/dist/src/molecules/ListItem/ListItem.d.ts +2 -1
  56. package/dist/src/molecules/ListItem/ListItem.js +1 -1
  57. package/dist/src/molecules/NativeSelect/NativeSelect.js +3 -3
  58. package/dist/src/molecules/Popover/Popover.d.ts +1 -1
  59. package/dist/src/molecules/Popover/Popover.js +2 -2
  60. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +2 -2
  61. package/dist/src/molecules/Popover/PopoverOverlay.js +1 -1
  62. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +6 -2
  63. package/dist/src/molecules/Portal/Portal.d.ts +1 -1
  64. package/dist/src/molecules/Section/Section.js +7 -3
  65. package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +2 -2
  66. package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
  67. package/dist/src/molecules/Select/Select.js +7 -17
  68. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +1 -1
  69. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  70. package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +2 -2
  71. package/dist/src/molecules/Transition/Transition.js +8 -3
  72. package/dist/src/utils/constants.js +2 -2
  73. package/dist/src/utils/form/FormControl/FormControl.d.ts +3 -2
  74. package/dist/src/utils/form/FormControl/FormControl.js +3 -3
  75. package/dist/src/utils/form/Label/Label.js +7 -4
  76. package/dist/src/utils/stickyStyles.d.ts +2 -2
  77. package/dist/src/utils/stickyStyles.js +2 -2
  78. package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
  79. package/dist/src/utils/table/useScrollTarget.js +1 -1
  80. package/dist/src/utils/useInView.d.ts +1 -1
  81. package/dist/src/utils/useInView.js +1 -1
  82. package/dist/src/utils/useMeasure.d.ts +1 -1
  83. package/dist/styles.css +6 -3
  84. package/dist/system.cjs +133 -84
  85. package/dist/system.mjs +133 -84
  86. package/dist/tsconfig.module.tsbuildinfo +1 -1
  87. package/dist/types/tailwindGenerated.d.ts +1 -1
  88. package/package.json +46 -31
  89. package/dist/src/molecules/Toast/Toast.spec.d.ts +0 -1
  90. package/dist/src/molecules/Toast/Toast.spec.js +0 -42
@@ -1 +1 @@
1
- export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DataList" | "Aquarium-DataTable" | "Aquarium-Dialog" | "Aquarium-Drawer" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-InputChip" | "Aquarium-ItemList" | "Aquarium-Label\.Tooltip" | "Aquarium-Modal" | "Aquarium-Navigation" | "Aquarium-Popover" | "Aquarium-StatusChip" | "Aquarium-Stepper-Indicator" | "Aquarium-Switch" | "Aquarium-Table" | "Aquarium-Tabs" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:bg-primary-intense" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-default" | "active\:text-default" | "active\:text-muted" | "active\:text-primary-active" | "active\:text-primary-intense" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:bg-transparent" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-muted" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-auto" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-muted" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-inset" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-primary-default" | "focus-visible\:ring-primary-intense" | "focus-visible\:text-intense" | "focus-visible\:text-primary-active" | "focus-visible\:text-primary-intense" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-focus-within\:opacity-100" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "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-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:ring-primary-default" | "hover\:text-intense" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:text-primary-intense" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "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" | "line-through" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "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-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-3" | "pl-4" | "pl-7" | "pl-\[56px\]" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-6" | "pr-7" | "pr-\[64px\]" | "pressed\:bg-intense" | "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\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-0" | "ring-1" | "ring-inset" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "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-inactive" | "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-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "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-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "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-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "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-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "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-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "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" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
1
+ export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DataList" | "Aquarium-DataTable" | "Aquarium-Dialog" | "Aquarium-Drawer" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-InputChip" | "Aquarium-ItemList" | "Aquarium-Label\.Tooltip" | "Aquarium-Modal" | "Aquarium-Navigation" | "Aquarium-Popover" | "Aquarium-Select\.Item" | "Aquarium-StatusChip" | "Aquarium-Stepper-Indicator" | "Aquarium-Switch" | "Aquarium-Table" | "Aquarium-Tabs" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:bg-primary-intense" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-default" | "active\:text-default" | "active\:text-muted" | "active\:text-primary-active" | "active\:text-primary-intense" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:bg-transparent" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-muted" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-auto" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-muted" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-inset" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-primary-default" | "focus-visible\:ring-primary-intense" | "focus-visible\:text-intense" | "focus-visible\:text-primary-active" | "focus-visible\:text-primary-intense" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-focus-within\:opacity-100" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "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-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:ring-primary-default" | "hover\:text-intense" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:text-primary-intense" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "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" | "line-through" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "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-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-0" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-3" | "pl-4" | "pl-7" | "pl-\[56px\]" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-6" | "pr-7" | "pr-\[64px\]" | "pressed\:bg-intense" | "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\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-0" | "ring-1" | "ring-inset" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "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-inactive" | "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-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "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-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "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-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "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-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "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-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "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" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "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": "2.20.1",
3
+ "version": "3.1.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -55,6 +55,9 @@
55
55
  "files": [
56
56
  "dist/"
57
57
  ],
58
+ "engines": {
59
+ "node": ">=20.19.0"
60
+ },
58
61
  "scripts": {
59
62
  "test": "npm run test:vitest",
60
63
  "test:vitest": "vitest run",
@@ -91,40 +94,45 @@
91
94
  "devDependencies": {
92
95
  "@actions/core": "^1.11.1",
93
96
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
94
- "@aivenio/eslint-config-aiven": "^7.6.0",
97
+ "@aivenio/eslint-config-aiven": "^7.7.0",
95
98
  "@babel/core": "^7.26.10",
96
99
  "@babel/preset-env": "^7.26.9",
97
100
  "@babel/preset-react": "^7.26.3",
98
- "@babel/preset-typescript": "^7.26.0",
101
+ "@babel/preset-typescript": "^7.27.0",
102
+ "@chromatic-com/storybook": "^3.2.6",
99
103
  "@faker-js/faker": "^8.4.1",
100
- "@iconify/tools": "^2.0.14",
104
+ "@iconify/tools": "^2.0.17",
101
105
  "@mdx-js/mdx": "^3.1.0",
102
- "@storybook/addon-a11y": "^7.6.20",
103
- "@storybook/addon-essentials": "^7.6.20",
104
- "@storybook/addon-interactions": "^7.6.20",
105
- "@storybook/addon-links": "^7.6.20",
106
- "@storybook/addon-mdx-gfm": "^7.6.20",
106
+ "@storybook/addon-a11y": "^8.6.12",
107
+ "@storybook/addon-docs": "^8.6.12",
108
+ "@storybook/addon-essentials": "^8.6.12",
109
+ "@storybook/addon-interactions": "^8.6.12",
110
+ "@storybook/addon-links": "^8.6.12",
111
+ "@storybook/addon-mdx-gfm": "^8.6.12",
107
112
  "@storybook/addon-styling-webpack": "^1.0.1",
108
- "@storybook/addon-toolbars": "^7.6.20",
109
- "@storybook/addons": "^7.6.20",
110
- "@storybook/manager-api": "^7.6.20",
113
+ "@storybook/addon-toolbars": "^8.6.12",
114
+ "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
115
+ "@storybook/blocks": "^8.6.12",
116
+ "@storybook/manager-api": "^8.6.12",
111
117
  "@storybook/preset-typescript": "^3.0.0",
112
- "@storybook/react": "^7.6.20",
113
- "@storybook/react-webpack5": "^7.6.20",
114
- "@storybook/test": "^7.6.20",
115
- "@storybook/test-runner": "~0.16.0",
116
- "@storybook/theming": "^7.6.20",
117
- "@testing-library/dom": "^9.3.4",
118
+ "@storybook/preview-api": "^8.6.12",
119
+ "@storybook/react": "^8.6.12",
120
+ "@storybook/react-webpack5": "^8.6.12",
121
+ "@storybook/test": "^8.6.12",
122
+ "@storybook/test-runner": "^0.22.0",
123
+ "@storybook/theming": "^8.6.12",
124
+ "@storybook/types": "^8.6.12",
125
+ "@testing-library/dom": "^10.4.0",
118
126
  "@testing-library/jest-dom": "^6.6.3",
119
- "@testing-library/react": "^14.3.1",
127
+ "@testing-library/react": "^16.2.0",
120
128
  "@testing-library/user-event": "^14.6.1",
121
129
  "@tryfabric/mack": "^1.2.1",
122
130
  "@types/common-tags": "^1.8.4",
123
131
  "@types/jest": "^29.5.14",
124
132
  "@types/lodash-es": "^4.17.12",
125
- "@types/node": "^22.13.10",
126
- "@types/react": "^18.2.25",
127
- "@types/react-dom": "^18.2.10",
133
+ "@types/node": "^22.15.3",
134
+ "@types/react": "^19.1.2",
135
+ "@types/react-dom": "^19.1.2",
128
136
  "@vitejs/plugin-react": "^4.3.4",
129
137
  "@zerollup/ts-transform-paths": "^1.7.18",
130
138
  "arg": "^5.0.2",
@@ -138,7 +146,8 @@
138
146
  "eslint-import-resolver-typescript": "^3.8.6",
139
147
  "eslint-plugin-jsx-a11y": "^6.10.2",
140
148
  "eslint-plugin-react": "^7.37.4",
141
- "eslint-plugin-storybook": "^0.11.4",
149
+ "eslint-plugin-storybook": "^0.12.0",
150
+ "jsdom": "^26.0.0",
142
151
  "knip": "^5.46.0",
143
152
  "lodash-es": "^4.17.21",
144
153
  "log-watcher-webpack-plugin": "^1.0.4",
@@ -152,9 +161,10 @@
152
161
  "postcss-reporter": "^7.1.0",
153
162
  "postcss-ts-classnames": "^0.3.0",
154
163
  "prettier": "^3.5.3",
155
- "react": "^18.2.0",
156
- "react-dom": "^18.2.0",
157
- "storybook": "^7.6.20",
164
+ "react": "^19.1.0",
165
+ "react-dom": "^19.1.0",
166
+ "storybook": "^8.6.12",
167
+ "storybook-dark-mode": "^4.0.2",
158
168
  "style-dictionary": "^3.9.2",
159
169
  "style-dictionary-utils": "^2.4.1",
160
170
  "tailwindcss": "^3.4.17",
@@ -164,7 +174,7 @@
164
174
  "ts-loader": "^8.4.0",
165
175
  "ts-node": "^10.9.2",
166
176
  "tsc-alias": "^1.8.11",
167
- "typescript": "^5.8.2",
177
+ "typescript": "^5.8.3",
168
178
  "vite-tsconfig-paths": "^5.1.4",
169
179
  "vitest": "^2.1.9",
170
180
  "vitest-fail-on-console": "^0.7.1",
@@ -174,21 +184,21 @@
174
184
  },
175
185
  "dependencies": {
176
186
  "@iconify/react": "^3.2.2",
177
- "@iconify/types": "^1.0.12",
187
+ "@iconify/types": "^1.1.0",
178
188
  "@react-spring/web": "^9.7.5",
179
189
  "classnames": "^2.5.1",
180
190
  "downshift": "^8.2.3",
181
191
  "match-sorter": "^8.0.0",
182
192
  "react-aria": "^3.37.0",
183
- "react-aria-components": "^1.6.0",
193
+ "react-aria-components": "^1.7.1",
184
194
  "react-stately": "^3.31.1",
185
195
  "recharts": "^2.15.1",
186
196
  "tailwind-variants": "^0.3.1"
187
197
  },
188
198
  "peerDependencies": {
189
199
  "lodash-es": "4.x",
190
- "react": "16.x || 17.x || 18.x",
191
- "react-dom": "16.x || 17.x || 18.x"
200
+ "react": "16.x || 17.x || 18.x || 19.x",
201
+ "react-dom": "16.x || 17.x || 18.x || 19.x"
192
202
  },
193
203
  "browserslist": [
194
204
  "defaults"
@@ -197,8 +207,13 @@
197
207
  "webpack": "^5"
198
208
  },
199
209
  "overrides": {
210
+ "cheerio": "1.0.0-rc.12",
200
211
  "eslint-plugin-storybook": {
201
212
  "typescript": "$typescript"
213
+ },
214
+ "@react-spring/web": {
215
+ "react": "$react",
216
+ "react-dom": "$react-dom"
202
217
  }
203
218
  }
204
219
  }
@@ -1 +0,0 @@
1
- export {};
@@ -1,42 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import React from 'react';
11
- import { render, screen } from '@testing-library/react';
12
- import userEvent from '@testing-library/user-event';
13
- import { Button, ToastProvider, useToast } from '../../../src/system';
14
- describe('<Toast />', () => {
15
- let user;
16
- beforeEach(() => {
17
- user = userEvent.setup();
18
- render(React.createElement(ToastProvider, null,
19
- React.createElement(Component, null)));
20
- });
21
- const Component = () => {
22
- const toast = useToast();
23
- const onClick = () => {
24
- toast({ message: 'Hello World', id: `uuid-${Math.random()}` });
25
- };
26
- return React.createElement(Button, { onClick: onClick }, "Toast");
27
- };
28
- it('dispatched toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
29
- const button = screen.getByRole('button', { name: 'Toast' });
30
- yield user.click(button);
31
- yield screen.findByText('Hello World');
32
- }));
33
- it('multiple toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
34
- const button = screen.getByRole('button', { name: 'Toast' });
35
- yield user.click(button);
36
- yield user.click(button);
37
- yield user.click(button);
38
- const toasts = yield screen.findAllByText('Hello World');
39
- expect(toasts.length).toBe(3);
40
- }));
41
- });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDO1FBQ0YsT0FBTyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLE9BQU8sWUFBZ0IsQ0FBQztJQUNsRCxDQUFDLENBQUM7SUFFRixFQUFFLENBQUMsZ0NBQWdDLEVBQUUsR0FBUyxFQUFFO1FBQzlDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDN0QsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEdBQVMsRUFBRTtRQUM1QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sTUFBTSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUEsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==