@aivenio/aquarium 1.38.2 → 1.40.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.
@@ -42,7 +42,7 @@ export interface Theme {
42
42
  spacing: Spacing;
43
43
  elevations: Elevations;
44
44
  }
45
- export declare type ThemeName = 'aiven' | 'timescale';
45
+ export declare type ThemeName = 'aiven';
46
46
  export interface Tokens {
47
47
  themes: {
48
48
  [key in ThemeName]: Theme;
@@ -1 +1 @@
1
- export declare type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-error-20" | "\[\&\>button\]\:text-grey-50" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-2" | "\[\&\>path\]\:stroke-transparent" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-90" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-primary-90" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-20" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-80" | "bg-grey-90" | "bg-info-10" | "bg-info-5" | "bg-info-50" | "bg-primary-100" | "bg-primary-40" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-secondary-5" | "bg-secondary-90" | "bg-success-5" | "bg-success-70" | "bg-success-90" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[1px\]" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-90" | "border-info-70" | "border-none" | "border-primary-40" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-success-70" | "border-t-2" | "border-transparent" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "checked\:bg-opacity-40" | "checked\:bg-primary-40" | "checked\:bg-primary-80" | "checked\:border-primary-40" | "checked\:border-primary-80" | "checked\:opacity-50" | "checked\:shadow-whiteInset" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-5" | "disabled\:bg-primary-40" | "disabled\:bg-transparent" | "disabled\:bg-white" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-40" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:ring-primary-90" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus-visible\:text-primary-80" | "focus-visible\:text-primary-90" | "focus\:bg-error-20" | "focus\:bg-grey-20" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "focusable" | "font-normal" | "from-white" | "gap-0" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-6" | "gap-y-2" | "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-grey-0" | "group-hover\:visible" | "group-last\:border-b-0" | "grow" | "grow-0" | "h-1" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-auto" | "h-full" | "hidden" | "hover\:bg-error-10" | "hover\:bg-grey-0" | "hover\:bg-grey-10" | "hover\:bg-grey-20" | "hover\:bg-grey-5" | "hover\:bg-primary-5" | "hover\:bg-primary-90" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:checked\:bg-primary-70" | "hover\:cursor-pointer" | "hover\:ring-primary-90" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "hover\:text-primary-90" | "hover\:underline" | "icon-stroke-2" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "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" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "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-60" | "origin-\[0\%_45\%\]" | "outline-none" | "overflow-hidden" | "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-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-60" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-10" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-40" | "peer-checked\:border-primary-80" | "peer-checked\:text-primary-10" | "peer-checked\:text-white" | "peer-focus\:border-info-70" | "peer-hover\:border-grey-50" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "pr-7" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-tooltip-item" | "recharts-tooltip-item-separator" | "recharts-tooltip-wrapper" | "relative" | "resize" | "resize-none" | "right-0" | "right-\[28px\]" | "ring-0" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "ring-primary-80" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-\[14px\]" | "top-\[20px\]" | "top-\[3px\]" | "transform" | "transition" | "transition-all" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-80" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
1
+ export declare type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-error-20" | "\[\&\>button\]\:text-grey-50" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-2" | "\[\&\>path\]\:stroke-transparent" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-90" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-primary-90" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-20" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-80" | "bg-grey-90" | "bg-info-10" | "bg-info-5" | "bg-info-50" | "bg-primary-100" | "bg-primary-40" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-secondary-5" | "bg-secondary-90" | "bg-success-5" | "bg-success-70" | "bg-success-90" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[1px\]" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-90" | "border-info-70" | "border-none" | "border-primary-40" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-success-70" | "border-t-2" | "border-transparent" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "checked\:bg-opacity-40" | "checked\:bg-primary-40" | "checked\:bg-primary-80" | "checked\:border-primary-40" | "checked\:border-primary-80" | "checked\:opacity-50" | "checked\:shadow-whiteInset" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-5" | "disabled\:bg-primary-40" | "disabled\:bg-transparent" | "disabled\:bg-white" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-40" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:ring-primary-90" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus-visible\:text-primary-80" | "focus-visible\:text-primary-90" | "focus\:bg-error-20" | "focus\:bg-grey-20" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "focusable" | "font-normal" | "from-white" | "gap-0" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-6" | "gap-y-2" | "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-grey-0" | "group-hover\:visible" | "group-last\:border-b-0" | "grow" | "grow-0" | "h-1" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-full" | "hidden" | "hover\:bg-error-10" | "hover\:bg-grey-0" | "hover\:bg-grey-10" | "hover\:bg-grey-20" | "hover\:bg-grey-5" | "hover\:bg-primary-5" | "hover\:bg-primary-90" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:checked\:bg-primary-70" | "hover\:cursor-pointer" | "hover\:ring-primary-90" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "hover\:text-primary-90" | "hover\:underline" | "icon-stroke-2" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "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" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "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-60" | "origin-\[0\%_45\%\]" | "outline-none" | "overflow-hidden" | "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-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-60" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-10" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-40" | "peer-checked\:border-primary-80" | "peer-checked\:text-primary-10" | "peer-checked\:text-white" | "peer-focus\:border-info-70" | "peer-hover\:border-grey-50" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "pr-7" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-tooltip-item" | "recharts-tooltip-item-separator" | "recharts-tooltip-wrapper" | "relative" | "resize" | "resize-none" | "right-0" | "right-\[28px\]" | "ring-0" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "ring-primary-80" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-\[14px\]" | "top-\[20px\]" | "top-\[3px\]" | "transform" | "transition" | "transition-all" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-80" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.38.2",
3
+ "version": "1.40.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -59,20 +59,16 @@
59
59
  "figma": "NODE_PATH=./ NODE_OPTIONS=--max-old-space-size=2800 ts-node --script-mode tools/figma/index.ts",
60
60
  "release": "NODE_PATH=./ ts-node --script-mode tools/create-release-pr.ts",
61
61
  "build:storybook": "NODE_ENV=development npm run build && NODE_ENV=development STORYBOOK_THEME=$THEME storybook build -c .storybook -o storybook-static",
62
- "build:generated": "npm run build:ds:style-dictionary && npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
62
+ "build:generated": "npm run build:tailwind:sass && npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
63
63
  "watch": "npm run build:generated && webpack --config=webpack.config.js --watch --progress",
64
- "build": "npm run build:ds",
65
- "build:ds": "npm run build:ds:style-dictionary && npm run build:tailwind && npm run build:tailwind:timescale && npm run build:tailwind:json && npm run build:ds:icons && npm run build:ds:module && npm run build:copy-files",
64
+ "build": "npm run build:generated && npm run build:ds:module && npm run build:copy-files",
66
65
  "build:ds:module": "npm run build:ds:tsc && cp tailwind.config.js dist/ && npm run build:ds:bundle -- --format=cjs --out-extension:.js=.cjs && npm run build:ds:bundle -- --format=esm --out-extension:.js=.mjs",
67
66
  "build:ds:bundle": "node tools/esbuild.mjs",
68
67
  "build:ds:icons": "node tools/svgIconsToDistModules.mjs",
69
68
  "build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
70
69
  "build:tailwind": "postcss src/main.css -o dist/styles.css",
71
70
  "build:tailwind:json": "node tools/resolveTailwindConfig.mjs > tailwind.theme.json",
72
- "build:ds:style-dictionary": "npm run build:tailwind:sass && npm run build:tailwind:sass:timescale",
73
71
  "build:tailwind:sass": "style-dictionary build --config ./style-dictionary.config.js",
74
- "build:tailwind:sass:timescale": "THEME=timescale style-dictionary build --config ./style-dictionary.config.js",
75
- "build:tailwind:timescale": "THEME=timescale postcss src/main.css -o dist/styles_timescaledb.css",
76
72
  "build:copy-files": "echo 'Copying files that are not included by TS' && cp tailwind.theme.json dist/ && mkdir -p dist/src/js/ && cp src/js/resolveTheme.d.ts dist/src/js/",
77
73
  "clean": "rm -rf .cache dist/",
78
74
  "verify-declaration-file-exists": "[ -e \"./dist/src/system.d.ts\" ] && echo \"Declaration file was generated\" || (echo \"Error: declaration file wasn't generated\"; false)"
@@ -1,174 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Thu, 14 Sep 2023 11:11:21 GMT
4
-
5
- $border-radius-none: 0px;
6
- $border-radius-sm: 0.125rem;
7
- $border-radius-default: 4px;
8
- $border-radius-md: 0.375rem;
9
- $border-radius-lg: 0.5rem;
10
- $border-radius-xl: 0.75rem;
11
- $border-radius-2xl: 1rem;
12
- $border-radius-3xl: 1.5rem;
13
- $border-radius-full: 9999px;
14
- $colors-error-100: #aa0000;
15
- $colors-error-90: #b90000;
16
- $colors-error-80: #c50001;
17
- $colors-error-70: #d80005;
18
- $colors-error-60: #e70000;
19
- $colors-error-50: #e62728;
20
- $colors-error-40: #e0504f;
21
- $colors-error-30: #ed7975;
22
- $colors-error-20: #ffadb3;
23
- $colors-error-10: #ffcbd2;
24
- $colors-error-5: #fee8e7;
25
- $colors-error-0: #fef2f1;
26
- $colors-warning-100: #fe6d00;
27
- $colors-warning-90: #ff9003;
28
- $colors-warning-80: #fd9f00;
29
- $colors-warning-70: #ffb300;
30
- $colors-warning-60: #ffc107;
31
- $colors-warning-50: #fdc926;
32
- $colors-warning-40: #fdd44d;
33
- $colors-warning-30: #fddf81;
34
- $colors-warning-20: #feebb2;
35
- $colors-warning-10: #fff2cd;
36
- $colors-warning-5: #fff8ea;
37
- $colors-warning-0: #fffdf9;
38
- $colors-success-100: #006f00;
39
- $colors-success-90: #008e00;
40
- $colors-success-80: #009f00;
41
- $colors-success-70: #00b300;
42
- $colors-success-60: #00c300;
43
- $colors-success-50: #40ce37;
44
- $colors-success-40: #60db57;
45
- $colors-success-30: #89eb80;
46
- $colors-success-20: #afffa7;
47
- $colors-success-10: #cbffc9;
48
- $colors-success-5: #ecf7ed;
49
- $colors-success-0: #f5faf5;
50
- $colors-info-100: #02569a;
51
- $colors-info-90: #0174ba;
52
- $colors-info-80: #0788d1;
53
- $colors-info-70: #0399e3;
54
- $colors-info-60: #02a8f3;
55
- $colors-info-50: #28b4f4;
56
- $colors-info-40: #4cc2f7;
57
- $colors-info-30: #7fd1f7;
58
- $colors-info-20: #b4e5fb;
59
- $colors-info-10: #e0f5fe;
60
- $colors-info-5: #effaff;
61
- $colors-info-0: #f9fdff;
62
- $colors-grey-100: #19191d;
63
- $colors-grey-90: #292a31;
64
- $colors-grey-80: #3a3a44;
65
- $colors-grey-70: #4a4b57;
66
- $colors-grey-60: #5a5b6a;
67
- $colors-grey-50: #787885;
68
- $colors-grey-40: #9696a0;
69
- $colors-grey-30: #b4b4bb;
70
- $colors-grey-20: #d2d2d6;
71
- $colors-grey-10: #e1e1e3;
72
- $colors-grey-5: #ededf0;
73
- $colors-grey-0: #f7f7fa;
74
- $colors-secondary-100: #e11d16;
75
- $colors-secondary-90: #eb4610;
76
- $colors-secondary-80: #f3580d;
77
- $colors-secondary-70: #f96a02;
78
- $colors-secondary-60: #ff7700;
79
- $colors-secondary-50: #fc871a;
80
- $colors-secondary-40: #fb9a3e;
81
- $colors-secondary-30: #fab26e;
82
- $colors-secondary-20: #f8c99c;
83
- $colors-secondary-10: #fee8d0;
84
- $colors-secondary-5: #fff3e8;
85
- $colors-secondary-0: #fffbf8;
86
- $colors-primary-100: #02569a;
87
- $colors-primary-90: #0174ba;
88
- $colors-primary-80: #0788d1;
89
- $colors-primary-70: #0399e3;
90
- $colors-primary-60: #02a8f3;
91
- $colors-primary-50: #28b4f4;
92
- $colors-primary-40: #4cc2f7;
93
- $colors-primary-30: #7fd1f7;
94
- $colors-primary-20: #b4e5fb;
95
- $colors-primary-10: #e0f5fe;
96
- $colors-primary-5: #effaff;
97
- $colors-primary-0: #f9fdff;
98
- $colors-transparent: transparent;
99
- $colors-white: white;
100
- $colors-black: black;
101
- $colors-current: currentColor;
102
- $box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
103
- $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
104
- $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
105
- $box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
106
- $box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
107
- $box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
108
- $screens-default: 0px;
109
- $screens-xs: 320px;
110
- $screens-sm: 672px;
111
- $screens-md: 1056px;
112
- $screens-lg: 1312px;
113
- $screens-xl: 1536px;
114
- $border-width-0: 0px;
115
- $border-width-2: 2px;
116
- $border-width-4: 4px;
117
- $border-width-8: 8px;
118
- $border-width-default: 1px;
119
- $font-family-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
120
- $font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
121
- $font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
122
- $font-size-xs: 0.75rem;
123
- $font-size-xs-line-height: 1rem;
124
- $font-size-sm: 0.875rem;
125
- $font-size-sm-line-height: 1.25rem;
126
- $font-size-base: 1rem;
127
- $font-size-base-line-height: 1.5rem;
128
- $font-size-lg: 1.125rem;
129
- $font-size-lg-line-height: 1.75rem;
130
- $font-size-xl: 1.25rem;
131
- $font-size-xl-line-height: 1.75rem;
132
- $font-size-2xl: 1.5rem;
133
- $font-size-2xl-line-height: 2rem;
134
- $font-size-3xl: 1.875rem;
135
- $font-size-3xl-line-height: 2.25rem;
136
- $font-size-4xl: 2.25rem;
137
- $font-size-4xl-line-height: 2.5rem;
138
- $font-size-5xl: 3rem;
139
- $font-size-5xl-line-height: 1;
140
- $font-size-6xl: 3.75rem;
141
- $font-size-6xl-line-height: 1;
142
- $font-size-7xl: 4.5rem;
143
- $font-size-7xl-line-height: 1;
144
- $font-size-8xl: 6rem;
145
- $font-size-8xl-line-height: 1;
146
- $font-size-9xl: 8rem;
147
- $font-size-9xl-line-height: 1;
148
- $font-weight-thin: 100;
149
- $font-weight-extralight: 200;
150
- $font-weight-light: 300;
151
- $font-weight-normal: 400;
152
- $font-weight-medium: 500;
153
- $font-weight-semibold: 600;
154
- $font-weight-bold: 700;
155
- $font-weight-extrabold: 800;
156
- $font-weight-black: 900;
157
- $spacing-0: 0;
158
- $spacing-1: 2px;
159
- $spacing-2: 4px;
160
- $spacing-3: 8px;
161
- $spacing-4: 12px;
162
- $spacing-5: 16px;
163
- $spacing-6: 24px;
164
- $spacing-7: 32px;
165
- $spacing-8: 40px;
166
- $spacing-9: 48px;
167
- $spacing-1px: 1px;
168
- $spacing-l1: 16px;
169
- $spacing-l2: 24px;
170
- $spacing-l3: 32px;
171
- $spacing-l4: 48px;
172
- $spacing-l5: 64px;
173
- $spacing-l6: 96px;
174
- $spacing-l7: 160px;