@aivenio/aquarium 2.1.2 → 2.2.0

package/dist/types/ActionType.d.ts

@@ -1,20 +1,20 @@
-import { type TooltipProps } from '../src/molecules';
-import { type IconProps } from './IconProps';
-export declare type BaseActionType = {
+import type { IconProps } from './IconProps';
+import type { TooltipProps } from '../src/molecules';
+export type BaseActionType = {
     icon?: IconProps['icon'];
     iconPlacement?: 'left' | 'right';
     disabled?: boolean;
     tooltip?: string;
     tooltipPlacement?: TooltipProps['placement'];
 };
-export declare type ActionType = BaseActionType & {
+export type ActionType = BaseActionType & {
     onClick: () => void;
     text: string;
 };
-export declare type AsyncActionType = ActionType & {
+export type AsyncActionType = ActionType & {
     loading?: boolean;
 };
-export declare type LinkActionType = BaseActionType & {
+export type LinkActionType = BaseActionType & {
     onClick?: () => void;
     href: string;
     text: string;

package/dist/types/ContextualMenu.d.ts

@@ -1,8 +1,8 @@
-import { type Key } from 'react';
-import { type DropdownMenuItemsComponent } from '../src/molecules/DropdownMenu/DropdownMenu';
-import { type PopoverPlacement } from '../src/molecules/Popover/Popover';
+import type { Key } from 'react';
+import type { DropdownMenuItemsComponent } from '../src/molecules/DropdownMenu/DropdownMenu';
+import type { PopoverPlacement } from '../src/molecules/Popover/Popover';
 export declare const defaultContextualMenuPlacement: PopoverPlacement;
-export declare type CommonContextualMenuProps = {
+export type CommonContextualMenuProps = {
     /**
      * Menu items definition. Can either be static collection of items or callback function
      * that returns the items.

package/dist/types/ContextualMenu.js

@@ -1,2 +1,2 @@
 export const defaultContextualMenuPlacement = 'bottom-right';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dHVhbE1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy9Db250ZXh0dWFsTWVudS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLENBQUMsTUFBTSw4QkFBOEIsR0FBcUIsY0FBYyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dHVhbE1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy9Db250ZXh0dWFsTWVudS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQUMsTUFBTSw4QkFBOEIsR0FBcUIsY0FBYyxDQUFDIn0=

package/dist/types/DimensionProps.d.ts

@@ -1,3 +1,3 @@
-declare type RelativeSize = `${number}%`;
-export declare type LimitedCssDimension = RelativeSize | number | 'auto';
+type RelativeSize = `${number}%`;
+export type LimitedCssDimension = RelativeSize | number | 'auto';
 export {};

package/dist/types/IconProps.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps as IconifyProps } from '@iconify/react';
-import { type IconifyIcon } from '@iconify/types';
-export declare type Icon = IconifyIcon;
-export declare type IconProps = Omit<IconifyProps, 'color'>;
+import type { IconProps as IconifyProps } from '@iconify/react';
+import type { IconifyIcon } from '@iconify/types';
+export type Icon = IconifyIcon;
+export type IconProps = Omit<IconifyProps, 'color'>;

package/dist/types/designTokens.d.ts

@@ -1,12 +1,12 @@
 import type tokens from '../src/tokens/tokens.json';
-declare type FlattenKeys<T extends Record<string, unknown>, Prefix extends string = '', Key = keyof T> = Key extends string ? T[Key] extends Record<string, unknown> ? FlattenKeys<T[Key], Key> : Prefix extends '' ? Key : `${Prefix}-${Key}` : never;
-export declare type ColorName = FlattenKeys<typeof tokens.colors>;
-export declare type TextColorName = ColorName | FlattenKeys<typeof tokens.textColor>;
-export declare type BackgroundColorName = ColorName | FlattenKeys<typeof tokens.backgroundColor>;
-export declare type BorderColorName = ColorName | FlattenKeys<typeof tokens.borderColor>;
-export declare type TypographyFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-export declare type TypographyTextTransform = 'capitalize' | 'inherit' | 'initial' | 'lowercase' | 'none' | 'uppercase';
-export declare type TypographyCSSStyles = {
+type FlattenKeys<T extends Record<string, unknown>, Prefix extends string = '', Key = keyof T> = Key extends string ? T[Key] extends Record<string, unknown> ? FlattenKeys<T[Key], Key> : Prefix extends '' ? Key : `${Prefix}-${Key}` : never;
+export type ColorName = FlattenKeys<typeof tokens.colors>;
+export type TextColorName = ColorName | FlattenKeys<typeof tokens.textColor>;
+export type BackgroundColorName = ColorName | FlattenKeys<typeof tokens.backgroundColor>;
+export type BorderColorName = ColorName | FlattenKeys<typeof tokens.borderColor>;
+export type TypographyFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export type TypographyTextTransform = 'capitalize' | 'inherit' | 'initial' | 'lowercase' | 'none' | 'uppercase';
+export type TypographyCSSStyles = {
     fontFamily: string;
     fontWeight: TypographyFontWeight;
     fontSize: string;
@@ -15,7 +15,7 @@ export declare type TypographyCSSStyles = {
     letterSpacing: number;
     textTransform: TypographyTextTransform;
 };
-export declare type TypographyName = 'large-heading' | 'heading' | 'subheading' | 'large-strong' | 'large' | 'default-strong' | 'default' | 'small-strong' | 'small' | 'caption' | 'code' | 'code-strong' | 'code-small' | 'code-small-strong' | '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';
+export type TypographyName = 'large-heading' | 'heading' | 'subheading' | 'large-strong' | 'large' | 'default-strong' | 'default' | 'small-strong' | 'small' | 'caption' | 'code' | 'code-strong' | 'code-small' | 'code-small-strong' | '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';
 export interface TypographySize {
     name: TypographyName;
     className: string;
@@ -25,38 +25,28 @@ export interface TypographySize {
 export interface Typography {
     sizes: TypographySize[];
 }
-export declare type HexColorString = string;
-export declare type Colors = {
-    [name in ColorName]: HexColorString;
-};
-export declare type SpacingLevel = FlattenKeys<typeof tokens.spacing>;
-export declare type Spacing = {
-    [level in SpacingLevel]: {
-        px: number;
-        rem: number;
-    };
-};
-export declare type ElevationLevel = FlattenKeys<typeof tokens.elevations>;
-export declare type Elevations = {
-    [level in ElevationLevel]: string;
-};
+export type HexColorString = string;
+export type Colors = Record<ColorName, HexColorString>;
+export type SpacingLevel = FlattenKeys<typeof tokens.spacing>;
+export type Spacing = Record<SpacingLevel, {
+    px: number;
+    rem: number;
+}>;
+export type ElevationLevel = FlattenKeys<typeof tokens.elevations>;
+export type Elevations = Record<ElevationLevel, string>;
 export interface Theme {
     typography: Typography;
     colors: Colors;
     spacing: Spacing;
     elevations: Elevations;
 }
-export declare type ThemeName = 'aiven';
+export type ThemeName = 'aiven';
 export interface Tokens {
-    themes: {
-        [key in ThemeName]: Theme;
-    };
-}
-export interface Icons {
-    [name: string]: {
-        figmaId: string;
-        paths: string[];
-        svg: string;
-    };
+    themes: Record<ThemeName, Theme>;
 }
+export type Icons = Record<string, {
+    figmaId: string;
+    paths: string[];
+    svg: string;
+}>;
 export {};

package/dist/types/tailwind.d.ts

@@ -1,27 +1,21 @@
-import { type ClassNames } from './tailwindGenerated';
+import type { ClassNames } from './tailwindGenerated';
 import type partialThemeJson from '../tailwind.theme.json';
-export declare type AnyObject = {
-    [key: string]: any;
-};
-export declare type Breakpoint = keyof (typeof partialThemeJson)['screens'];
-export declare type BreakpointsObject = {
-    readonly [key in Breakpoint]: string;
-};
-export declare type Breakpointable<T> = T | {
-    [key in Breakpoint]?: T;
-};
-export declare type ObjectBreakpointable<T extends AnyObject> = {
+export type AnyObject = Record<string, any>;
+export type Breakpoint = keyof (typeof partialThemeJson)['screens'];
+export type BreakpointsObject = Readonly<Record<Breakpoint, string>>;
+export type Breakpointable<T> = Partial<Record<Breakpoint, T>> | T;
+export type ObjectBreakpointable<T extends AnyObject> = {
     [K in keyof T]: Breakpointable<T[K]>;
 };
-export declare type TailwindClass = ClassNames;
-declare type Whitespace = ' ' | '\n';
-declare type RecursionReducingWhitespace = '         ' | '        ' | '       ' | '      ' | '     ' | '    ' | '   ' | '  ' | ' ' | '\n';
-declare type Err<Message extends string> = `Error: ${Message}`;
-declare type TrimEnd<T extends string> = T extends `${infer Rest}${RecursionReducingWhitespace}` ? TrimEnd<Rest> : T;
-declare type TrimStart<T extends string> = T extends `${RecursionReducingWhitespace}${infer Rest}` ? TrimStart<Rest> : T;
-declare type Trim<T extends string> = TrimEnd<TrimStart<T>>;
-declare type SplitToTailwindClasses<T extends string> = SplitToTailwindClassesInner<Trim<T>>;
-declare type SplitToTailwindClassesInner<T extends string> = T extends `${TailwindClass}${Whitespace}${infer Tail}` ? T extends `${infer Head}${Whitespace}${Tail}` ? Head extends TailwindClass ? [
+export type TailwindClass = ClassNames;
+type Whitespace = ' ' | '\n';
+type RecursionReducingWhitespace = '         ' | '        ' | '       ' | '      ' | '     ' | '    ' | '   ' | '  ' | ' ' | '\n';
+type Err<Message extends string> = `Error: ${Message}`;
+type TrimEnd<T extends string> = T extends `${infer Rest}${RecursionReducingWhitespace}` ? TrimEnd<Rest> : T;
+type TrimStart<T extends string> = T extends `${RecursionReducingWhitespace}${infer Rest}` ? TrimStart<Rest> : T;
+type Trim<T extends string> = TrimEnd<TrimStart<T>>;
+type SplitToTailwindClasses<T extends string> = SplitToTailwindClassesInner<Trim<T>>;
+type SplitToTailwindClassesInner<T extends string> = T extends `${TailwindClass}${Whitespace}${infer Tail}` ? T extends `${infer Head}${Whitespace}${Tail}` ? Head extends TailwindClass ? [
     Head,
     ...SplitToTailwindClassesInner<Trim<Tail>>
 ] : [
@@ -29,14 +23,12 @@ declare type SplitToTailwindClassesInner<T extends string> = T extends `${Tailwi
 ] : [never] : T extends `${infer Tail}` ? Tail extends TailwindClass ? [Tail] : [
     Err<`'${Tail}' is not a valid Tailwind class`>
 ] : [never];
-declare type GetFirstError<T extends unknown[]> = T extends [infer Head, ...infer Tail] ? Head extends `Error: ${infer Message}` ? Head : GetFirstError<Tail> : never;
-export declare type ValidTailwindClassesString<T extends string> = string extends T ? Err<'Unexpected generic string'> : SplitToTailwindClasses<T> extends TailwindClass[] ? T : GetFirstError<SplitToTailwindClasses<T>>;
-declare type ClassNamesObject = {
-    [key: string]: boolean;
-};
-export declare type TailwindClassNamesObject<T extends ClassNamesObject> = {
+type GetFirstError<T extends unknown[]> = T extends [infer Head, ...infer Tail] ? Head extends `Error: ${infer Message}` ? Head : GetFirstError<Tail> : never;
+export type ValidTailwindClassesString<T extends string> = string extends T ? Err<'Unexpected generic string'> : SplitToTailwindClasses<T> extends TailwindClass[] ? T : GetFirstError<SplitToTailwindClasses<T>>;
+type ClassNamesObject = Record<string, boolean>;
+export type TailwindClassNamesObject<T extends ClassNamesObject> = {
     [K in string & keyof T]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
 };
-export declare type TailwindClassNamesArray<UnvalidatedItems extends unknown[], Validated extends unknown[] = []> = UnvalidatedItems extends [] ? Validated : UnvalidatedItems extends [infer Head, ...infer Rest] ? Head extends string ? Head extends ValidTailwindClassesString<Head> ? TailwindClassNamesArray<Rest, [...Validated, Head]> : ValidTailwindClassesString<Head> : never : never;
-export declare type TailwindClassParameterValue<S> = S extends string ? ValidTailwindClassesString<S> : S extends any[] ? TailwindClassNamesArray<S> : S extends ClassNamesObject ? TailwindClassNamesObject<S> : never;
+export type TailwindClassNamesArray<UnvalidatedItems extends unknown[], Validated extends unknown[] = []> = UnvalidatedItems extends [] ? Validated : UnvalidatedItems extends [infer Head, ...infer Rest] ? Head extends string ? Head extends ValidTailwindClassesString<Head> ? TailwindClassNamesArray<Rest, [...Validated, Head]> : ValidTailwindClassesString<Head> : never : never;
+export type TailwindClassParameterValue<S> = S extends string ? ValidTailwindClassesString<S> : S extends any[] ? TailwindClassNamesArray<S> : S extends ClassNamesObject ? TailwindClassNamesObject<S> : never;
 export {};

package/dist/types/tailwindGenerated.d.ts

@@ -1 +1 @@
-export declare 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-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-Switch" | "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-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-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-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-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-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-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" | "italic" | "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-\[150px\]" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "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-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\:text-inactive" | "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-4" | "pl-7" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "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-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e" | "selection-start\:rounded-s" | "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-\[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";
+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-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-Switch" | "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-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-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-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-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-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-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" | "italic" | "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-\[150px\]" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "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-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\:text-inactive" | "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-4" | "pl-7" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "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-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e" | "selection-start\:rounded-s" | "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-\[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/dist/types/utils.d.ts

@@ -1,18 +1,18 @@
 import { type ElementType, type ReactElement, type ReactNode } from 'react';
-export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T, string | import("react").JSXElementConstructor<any>>;
-export declare type Either<A, B> = (A & Partial<Record<keyof B, never>>) | (B & Partial<Record<keyof A, never>>);
-export declare type AllOrNone<T> = T | {
-    [K in keyof T]?: never;
+export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T>;
+export type Either<A, B> = (A & Partial<Record<keyof B, never>>) | (B & Partial<Record<keyof A, never>>);
+export type AllOrNone<T> = T | {
+    [_K in keyof T]?: never;
 };
-export declare type AcceptEmpty = boolean | null | undefined;
-export declare type EmptyOrOneOrMore<T> = AcceptEmpty | Array<AcceptEmpty | React.ReactElement<T>> | React.ReactElement<T>;
-export declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = {
+export type AcceptEmpty = boolean | null | undefined;
+export type EmptyOrOneOrMore<T> = AcceptEmpty | Array<AcceptEmpty | React.ReactElement<T>> | React.ReactElement<T>;
+export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = {
     [K in Keys]-?: Partial<Pick<T, Exclude<Keys, K>>> & Required<Pick<T, K>>;
 }[Keys] & Pick<T, Exclude<keyof T, Keys>>;
-export declare type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-export declare type RequiredBy<T, K extends keyof T> = T & {
+export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type RequiredBy<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-export declare type Simplify<T> = {
+export type Simplify<T> = {
     [K in keyof T]: T[K];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aivenio/aquarium",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Aiven Aquarium design system",
   "main": "dist/system.cjs",
   "module": "dist/system.mjs",
@@ -59,7 +59,7 @@
     "test": "npm run build:generated && jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "test:all": "npm run eslint && npm run test",
+    "test:all": "npm run eslint && npm run test && npm run knip",
     "test:update": "jest --updateSnapshot",
     "eslint": "npm run eslint:prebuild && npm run eslint:check:src",
     "eslint:prebuild": "npm run build:generated",
@@ -81,20 +81,22 @@
     "build:tailwind:json": "node tools/resolveTailwindConfig.mjs > tailwind.theme.json",
     "build:copy-files": "echo 'Copying files that are not included by TS' && cp src/tokens/* dist/ && cp tailwind.theme.json dist/",
     "clean": "rm -rf .cache dist/",
-    "verify-declaration-file-exists": "[ -e \"./dist/src/system.d.ts\" ] && echo \"Declaration file was generated\" || (echo \"Error: declaration file wasn't generated\"; false)"
+    "verify-declaration-file-exists": "[ -e \"./dist/src/system.d.ts\" ] && echo \"Declaration file was generated\" || (echo \"Error: declaration file wasn't generated\"; false)",
+    "knip": "knip --tags=-knipignore"
   },
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
     "@actions/core": "^1.10.0",
     "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
-    "@aivenio/eslint-config-aiven": "^4.0.2",
+    "@aivenio/eslint-config-aiven": "^7.4.0",
     "@babel/core": "^7.22.5",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@faker-js/faker": "^8.3.1",
     "@iconify/tools": "^2.0.14",
+    "@mdx-js/mdx": "^3.0.1",
     "@storybook/addon-a11y": "^7.2.0",
     "@storybook/addon-essentials": "^7.2.0",
     "@storybook/addon-links": "^7.2.0",
@@ -116,30 +118,27 @@
     "@types/common-tags": "^1.8.0",
     "@types/jest": "^29.2.2",
     "@types/jest-axe": "^3.5.5",
-    "@types/lodash": "^4.14.168",
+    "@types/lodash": "^4.17.10",
+    "@types/node": "^22.7.5",
     "@types/react": "^18.2.25",
     "@types/react-dom": "^18.2.10",
-    "@types/tailwindcss": "^3.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
     "@zerollup/ts-transform-paths": "^1.7.18",
     "arg": "^5.0.0",
-    "autoprefixer": "^10.3.2",
     "common-tags": "^1.8.0",
     "css-loader": "^5.1.3",
     "css-minimizer-webpack-plugin": "^1.2.0",
     "cssnano": "^4.1.10",
-    "csstype": "^3.1.2",
     "esbuild": "^0.15.8",
-    "eslint": "^8.42.0",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint": "^8.56.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-storybook": "^0.11.0",
     "jest": "^29.3.1",
     "jest-axe": "^8.0.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-fail-on-console": "^3.1.2",
+    "knip": "^5.33.3",
     "lodash": "^4.17.21",
     "log-watcher-webpack-plugin": "^1.0.4",
     "mini-css-extract-plugin": "^1.3.9",
@@ -151,10 +150,9 @@
     "postcss-preset-env": "^6.7.0",
     "postcss-reporter": "^7.0.5",
     "postcss-ts-classnames": "^0.3.0",
-    "prettier": "^2.8.3",
+    "prettier": "^3.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
     "storybook": "^7.2.0",
     "style-dictionary": "^3.9.2",
     "style-dictionary-utils": "^2.4.1",
@@ -165,7 +163,7 @@
     "ts-loader": "^8.3.0",
     "ts-node": "^10.9.1",
     "tsc-alias": "^1.7.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.6.2",
     "webpack": "^5.73.0",
     "webpack-cli": "^4.10.0",
     "yaml": "^2.1.1"