@aivenio/aquarium 1.38.2 → 1.39.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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.38.2",
3
+ "version": "1.39.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;