@aivenio/aquarium 1.3.0 → 1.4.1
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/dist/_variables.scss +2 -1
- package/dist/_variables_timescale.scss +2 -1
- package/dist/atoms.cjs +156 -70
- package/dist/atoms.mjs +155 -70
- package/dist/src/common/Checkbox/Checkbox.js +12 -6
- package/dist/src/common/RadioButton/RadioButton.js +5 -12
- package/dist/src/common/Stepper/Stepper.d.ts +33 -0
- package/dist/src/common/Stepper/Stepper.js +60 -0
- package/dist/src/common/Switch/Switch.js +7 -10
- package/dist/src/common/Table/Table.js +2 -2
- package/dist/src/common/index.d.ts +1 -0
- package/dist/src/common/index.js +2 -1
- package/dist/src/components/Container/Container.d.ts +16 -0
- package/dist/src/components/Container/Container.js +18 -0
- package/dist/src/components/Skeleton/Skeleton.js +3 -2
- package/dist/src/components/Stepper/Stepper.d.ts +24 -0
- package/dist/src/components/Stepper/Stepper.js +24 -0
- package/dist/src/components/Timeline/Timeline.js +2 -2
- package/dist/src/components/Typography/Typography.d.ts +5 -3
- package/dist/src/components/Typography/Typography.js +1 -1
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.js +3 -1
- package/dist/styles.css +128 -87
- package/dist/styles_timescaledb.css +128 -87
- package/dist/system.cjs +671 -531
- package/dist/system.mjs +627 -489
- package/dist/tailwind.config.js +4 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +5 -4
@@ -1 +1 @@
|
|
1
|
-
export declare type ClassNames = "-m-2" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-grey-50" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-grey-80" | "active\:text-primary-70" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-90" | "bg-info-5" | "bg-info-50" | "bg-navyBlue-100" | "bg-primary-70" | "bg-primary-80" | "bg-secondary-5" | "bg-success-5" | "bg-success-70" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-info-70" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-0" | "disabled\:bg-grey-5" | "disabled\:bg-primary-5" | "disabled\:bg-transparent" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-grey-20" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-grey-50" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "font-normal" | "from-white" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-y-2" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-grey-0" | "group-hover\:
|
1
|
+
export declare type ClassNames = "-left-1\/2" | "-m-2" | "-z-10" | "\!container" | "\!inline" | "\!table" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-transparent" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-grey-50" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-grey-80" | "active\:text-primary-70" | "align-middle" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-30" | "bg-grey-5" | "bg-grey-90" | "bg-info-5" | "bg-info-50" | "bg-navyBlue-100" | "bg-opacity-40" | "bg-primary-70" | "bg-primary-80" | "bg-secondary-5" | "bg-success-5" | "bg-success-70" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "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-navyBlue-100" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-success-70" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "checked\:bg-navyBlue-100" | "checked\:bg-opacity-40" | "checked\:border-navyBlue-100" | "checked\:opacity-40" | "checked\:shadow-whiteInset" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-0" | "disabled\:bg-grey-5" | "disabled\:bg-primary-5" | "disabled\:bg-transparent" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-grey-20" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-grey-50" | "focus-visible\:ring-info-70" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus\:border" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "font-normal" | "from-white" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-y-2" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-grey-0" | "group-hover\: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-\[8px\]" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-30" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:checked\:bg-navyBlue-100" | "hover\:cursor-pointer" | "hover\:no-underline" | "hover\:ring-grey-50" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "left-0" | "left-1\/2" | "left-2" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "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" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-40" | "opacity-70" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "pb-3" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-grey-30" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-navyBlue-100" | "peer-checked\:text-grey-30" | "peer-checked\:text-white" | "peer-disabled\/switch\:bg-grey-0" | "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" | "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\]" | "relative" | "resize" | "resize-none" | "right-0" | "right-\[28px\]" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "rotate-45" | "rounded" | "rounded-full" | "rounded-sm" | "row-start-1" | "scroll-smooth" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "sticky" | "stroke-grey-30" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-\[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" | "underline-offset-2" | "uppercase" | "via-white" | "visible" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-full" | "whitespace-nowrap" | "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.4.1",
|
4
4
|
"description": "Aiven Aquarium design system",
|
5
5
|
"main": "dist/system.cjs",
|
6
6
|
"module": "dist/system.mjs",
|
@@ -50,7 +50,8 @@
|
|
50
50
|
"test:update": "jest --updateSnapshot",
|
51
51
|
"prettier:write": "echo 'Deprecated command! Use \"npm run eslint:fix\" instead.' && exit 1",
|
52
52
|
"prettier:check": "echo 'Deprecated command! Use \"npm run eslint\" instead.' && exit 1",
|
53
|
-
"eslint": "npm run eslint:check:src && npm run eslint:check:tools",
|
53
|
+
"eslint": "npm run eslint:prebuild && npm run eslint:check:src && npm run eslint:check:tools",
|
54
|
+
"eslint:prebuild": "npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
|
54
55
|
"eslint:fix": "npm run eslint:check:src -- --fix && npm run eslint:check:tools -- --fix",
|
55
56
|
"eslint:check:src": "eslint --config .eslintrc.js \"{src,types}/**/*.{ts,tsx}\"",
|
56
57
|
"eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{ts,tsx}\"",
|
@@ -82,7 +83,7 @@
|
|
82
83
|
"license": "Apache-2.0",
|
83
84
|
"devDependencies": {
|
84
85
|
"@aitodotai/json-stringify-pretty-compact": "^1.3.0",
|
85
|
-
"@aivenio/eslint-config-aiven": "^3.
|
86
|
+
"@aivenio/eslint-config-aiven": "^3.1.0",
|
86
87
|
"@babel/core": "^7.13.10",
|
87
88
|
"@babel/preset-env": "^7.20.2",
|
88
89
|
"@babel/preset-react": "^7.18.6",
|
@@ -128,7 +129,7 @@
|
|
128
129
|
"eslint-plugin-jsx-a11y": "^6.6.1",
|
129
130
|
"eslint-plugin-prettier": "^4.2.1",
|
130
131
|
"eslint-plugin-react": "^7.31.11",
|
131
|
-
"eslint-plugin-simple-import-sort": "^
|
132
|
+
"eslint-plugin-simple-import-sort": "^9.0.0",
|
132
133
|
"eslint-plugin-sonarjs": "^0.17.0",
|
133
134
|
"figma-js": "^1.15.0",
|
134
135
|
"fp-ts": "^2.9.5",
|