@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.
- package/README.md +2 -1
- package/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +13 -566
- package/dist/atoms.mjs +13 -566
- package/dist/src/molecules/Badge/Badge.d.ts +5 -5
- package/dist/src/molecules/Badge/Badge.js +11 -7
- package/dist/src/molecules/Chip/Chip.d.ts +14 -10
- package/dist/src/molecules/Chip/Chip.js +7 -4
- package/dist/src/molecules/Combobox/Combobox.js +4 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/DropdownMenu/utils.js +6 -2
- package/dist/src/molecules/Grid/Grid.d.ts +1 -2
- package/dist/src/molecules/Grid/Grid.js +2 -1
- package/dist/src/molecules/Input/Input.js +3 -2
- package/dist/src/molecules/Toast/Toast.d.ts +1 -0
- package/dist/src/molecules/Toast/Toast.js +21 -6
- package/dist/styles.css +6 -0
- package/dist/system.cjs +87 -612
- package/dist/system.mjs +88 -614
- package/dist/tokens.json +0 -560
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +3 -7
- package/dist/_variables_timescale.scss +0 -174
- package/dist/styles_timescaledb.css +0 -2861
@@ -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.
|
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:
|
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;
|