@alfalab/core-components-vars 5.3.0 → 5.5.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.
Files changed (10) hide show
  1. package/colors-addons.css +43 -0
  2. package/colors-bluetint.css +32 -0
  3. package/colors-indigo.css +36 -0
  4. package/colors-transparent.css +4 -0
  5. package/cssm/colors-addons.css +43 -0
  6. package/cssm/colors-bluetint.css +32 -0
  7. package/cssm/colors-indigo.css +36 -0
  8. package/cssm/colors-transparent.css +4 -0
  9. package/cssm/index.css +83 -0
  10. package/package.json +1 -1
package/colors-addons.css CHANGED
@@ -1,27 +1,70 @@
1
1
  :root {
2
+ --color-static-corpbg-neutral: #bdc0c2;
3
+ --color-static-corpbg-primary: #212a33;
4
+ --color-static-corpbg-secondary: #384048;
5
+ --color-static-corpbg-tertiary: #7a7f85;
2
6
  --color-static-graphic-amethyst: #a489aa;
3
7
  --color-static-graphic-blackberry: #bfafc6;
8
+ --color-static-graphic-blue-chill: #0f9c8c;
4
9
  --color-static-graphic-blue-maya: #7eb3ff;
5
10
  --color-static-graphic-blue-moody: #7879cf;
6
11
  --color-static-graphic-blue-steel: #4f84ba;
7
12
  --color-static-graphic-botticelli: #cee5e5;
13
+ --color-static-graphic-boulder: #7a7a7a;
14
+ --color-static-graphic-brink-pink: #fc617c;
15
+ --color-static-graphic-burnt-sienna: #eb7a58;
8
16
  --color-static-graphic-carrot: #e8bba3;
17
+ --color-static-graphic-chatelle: #bfafc6;
18
+ --color-static-graphic-chathams-blue: #155966;
9
19
  --color-static-graphic-chick: #f2db9e;
20
+ --color-static-graphic-crete: #847128;
21
+ --color-static-graphic-curious-blue: #2381db;
22
+ --color-static-graphic-curious-blue-light: #3b99d9;
23
+ --color-static-graphic-eastern-blue: #269cb3;
24
+ --color-static-graphic-french-lilac: #d3baed;
25
+ --color-static-graphic-fuel-yellow: #f29d32;
26
+ --color-static-graphic-fun-blue: #1d6ab5;
10
27
  --color-static-graphic-gallery: #eee;
11
28
  --color-static-graphic-green-jungle: #2fc26e;
29
+ --color-static-graphic-hippie-blue: #5aa4b0;
30
+ --color-static-graphic-jaffa: #f07134;
31
+ --color-static-graphic-jaffa-light: #f18836;
32
+ --color-static-graphic-java: #15c0e0;
33
+ --color-static-graphic-jungle-green: #2ab79a;
12
34
  --color-static-graphic-lavender: #8888ad;
35
+ --color-static-graphic-mantis: #63cd4f;
36
+ --color-static-graphic-matisse: #16548f;
37
+ --color-static-graphic-milano-red: #cd1501;
38
+ --color-static-graphic-mirage: #1d2434;
39
+ --color-static-graphic-moon-raker: #e9dbf7;
40
+ --color-static-graphic-moss-green: #a6d29c;
41
+ --color-static-graphic-nevada: #626b75;
13
42
  --color-static-graphic-olive: #bfd3c9;
43
+ --color-static-graphic-olivine: #87b965;
14
44
  --color-static-graphic-peach: #fcc99b;
15
45
  --color-static-graphic-persimmon: #ff5c5c;
46
+ --color-static-graphic-pewter: #96a5a5;
47
+ --color-static-graphic-pickled-bluewood: #2d3f50;
48
+ --color-static-graphic-porsche: #e7b965;
16
49
  --color-static-graphic-raspberry: #dfb2bb;
50
+ --color-static-graphic-red-damask: #da713c;
51
+ --color-static-graphic-saffron: #f0c330;
17
52
  --color-static-graphic-salomie: #fee984;
18
53
  --color-static-graphic-sand: #f6bf65;
54
+ --color-static-graphic-sandy-brown: #f38f6f;
19
55
  --color-static-graphic-seawater: #aecfd9;
56
+ --color-static-graphic-serenade: #fff0e3;
20
57
  --color-static-graphic-sky: #a6c0db;
21
58
  --color-static-graphic-soft-peach: #f3eaeb;
22
59
  --color-static-graphic-solitude: #e8f2fe;
23
60
  --color-static-graphic-strawberry: #f8b6a9;
24
61
  --color-static-graphic-sundust: #d9d6ce;
62
+ --color-static-graphic-turkish-rose: #b56a6b;
63
+ --color-static-graphic-turquoise-blue: #6bd3e6;
64
+ --color-static-graphic-valencia: #d8463b;
65
+ --color-static-graphic-waikawa-gray: #5b6d9c;
66
+ --color-static-graphic-whisper: #f2eff6;
67
+ --color-static-graphic-zanah: #e1f0de;
25
68
  --color-static-local-light-blue: #f5f7f9;
26
69
  --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
27
70
  --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
package/colors-bluetint.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --color-dark-graphic-secondary: #8d8d93;
33
33
  --color-dark-graphic-tertiary: #464649;
34
34
  --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
35
+ --color-dark-specialbg-overlay-fallback: #070707;
35
36
  --color-dark-specialbg-primary-grouped: #202022;
36
37
  --color-dark-specialbg-secondary-grouped: #2c2c2e;
37
38
  --color-dark-specialbg-tertiary-grouped: #3a3a3c;
@@ -85,6 +86,7 @@
85
86
  --color-light-graphic-secondary: #8a8a8e;
86
87
  --color-light-graphic-tertiary: #c5c5c7;
87
88
  --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
89
+ --color-light-specialbg-overlay-fallback: #5c5c5c;
88
90
  --color-light-specialbg-primary-grouped: #f3f4f5;
89
91
  --color-light-specialbg-secondary-grouped: #fff;
90
92
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
@@ -139,18 +141,33 @@
139
141
  --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
140
142
  --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
141
143
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
144
+ --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
142
145
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
143
146
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
144
147
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
145
148
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
146
149
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
150
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
147
151
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
152
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
153
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
154
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
155
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
156
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
157
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
158
+ --color-dark-bg-secondary-alpha-30: rgba(32, 32, 34, 0.3);
159
+ --color-dark-bg-secondary-tint-7: rgb(48, 48, 49);
160
+ --color-dark-bg-secondary-tint-15: rgb(65, 65, 67);
149
161
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
150
162
  --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
163
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
164
+ --color-dark-bg-secondary-inverted-shade-7: rgb(226, 227, 228);
165
+ --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208);
166
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196);
151
167
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
152
168
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
153
169
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
170
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
154
171
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
155
172
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
156
173
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
@@ -199,18 +216,33 @@
199
216
  --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
200
217
  --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
201
218
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
219
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
202
220
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
203
221
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
204
222
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
205
223
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
206
224
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
225
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
207
226
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
208
227
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
228
+ --color-light-bg-primary-inverted-alpha-60: rgba(18, 18, 18, 0.6);
229
+ --color-light-bg-primary-inverted-alpha-80: rgba(18, 18, 18, 0.8);
230
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 35);
231
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
232
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 65);
233
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
234
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
235
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
209
236
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
210
237
  --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
238
+ --color-light-bg-secondary-inverted-alpha-30: rgba(32, 32, 34, 0.3);
239
+ --color-light-bg-secondary-inverted-tint-7: rgb(48, 48, 49);
240
+ --color-light-bg-secondary-inverted-tint-15: rgb(65, 65, 67);
241
+ --color-light-bg-secondary-inverted-tint-20: rgb(77, 77, 78);
211
242
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
212
243
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
213
244
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
245
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
214
246
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
215
247
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
216
248
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
package/colors-indigo.css CHANGED
@@ -149,18 +149,33 @@
149
149
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
150
150
  --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
151
151
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
152
+ --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
152
153
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
153
154
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
154
155
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
155
156
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
156
157
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
158
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
157
159
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
160
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
161
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
162
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
163
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
164
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
165
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
166
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
167
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
168
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
159
169
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
160
170
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
171
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
172
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
173
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
174
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
161
175
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
162
176
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
163
177
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
178
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
164
179
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
165
180
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
166
181
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -182,6 +197,9 @@
182
197
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
183
198
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
184
199
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
200
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
201
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
202
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
185
203
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
186
204
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
187
205
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -213,18 +231,33 @@
213
231
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
214
232
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
215
233
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
234
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
216
235
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
217
236
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
218
237
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
219
238
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
220
239
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
240
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
221
241
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
222
242
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
243
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
244
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
245
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
246
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
247
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
248
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
249
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
250
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
223
251
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
224
252
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
253
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
254
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
255
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
256
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
225
257
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
226
258
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
227
259
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
260
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
228
261
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
229
262
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
230
263
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -246,6 +279,9 @@
246
279
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
247
280
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
248
281
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
282
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
283
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
284
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
249
285
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
250
286
  --color-light-text-link-tint-30: rgb(77, 162, 255);
251
287
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/colors-transparent.css CHANGED
@@ -7,6 +7,8 @@
7
7
  --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
8
8
  --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
9
9
  --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
10
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
11
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
10
12
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
11
13
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
12
14
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -17,6 +19,8 @@
17
19
  --color-static-quinary-light: rgba(255, 255, 255, 0.16);
18
20
  --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
19
21
  --color-static-secondary-light: rgba(255, 255, 255, 0.64);
22
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12);
23
+ --color-static-senary-light: rgba(255, 255, 255, 0.12);
20
24
  --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
21
25
  --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
22
26
  }
package/cssm/colors-addons.css CHANGED
@@ -1,27 +1,70 @@
1
1
  :root {
2
+ --color-static-corpbg-neutral: #bdc0c2;
3
+ --color-static-corpbg-primary: #212a33;
4
+ --color-static-corpbg-secondary: #384048;
5
+ --color-static-corpbg-tertiary: #7a7f85;
2
6
  --color-static-graphic-amethyst: #a489aa;
3
7
  --color-static-graphic-blackberry: #bfafc6;
8
+ --color-static-graphic-blue-chill: #0f9c8c;
4
9
  --color-static-graphic-blue-maya: #7eb3ff;
5
10
  --color-static-graphic-blue-moody: #7879cf;
6
11
  --color-static-graphic-blue-steel: #4f84ba;
7
12
  --color-static-graphic-botticelli: #cee5e5;
13
+ --color-static-graphic-boulder: #7a7a7a;
14
+ --color-static-graphic-brink-pink: #fc617c;
15
+ --color-static-graphic-burnt-sienna: #eb7a58;
8
16
  --color-static-graphic-carrot: #e8bba3;
17
+ --color-static-graphic-chatelle: #bfafc6;
18
+ --color-static-graphic-chathams-blue: #155966;
9
19
  --color-static-graphic-chick: #f2db9e;
20
+ --color-static-graphic-crete: #847128;
21
+ --color-static-graphic-curious-blue: #2381db;
22
+ --color-static-graphic-curious-blue-light: #3b99d9;
23
+ --color-static-graphic-eastern-blue: #269cb3;
24
+ --color-static-graphic-french-lilac: #d3baed;
25
+ --color-static-graphic-fuel-yellow: #f29d32;
26
+ --color-static-graphic-fun-blue: #1d6ab5;
10
27
  --color-static-graphic-gallery: #eee;
11
28
  --color-static-graphic-green-jungle: #2fc26e;
29
+ --color-static-graphic-hippie-blue: #5aa4b0;
30
+ --color-static-graphic-jaffa: #f07134;
31
+ --color-static-graphic-jaffa-light: #f18836;
32
+ --color-static-graphic-java: #15c0e0;
33
+ --color-static-graphic-jungle-green: #2ab79a;
12
34
  --color-static-graphic-lavender: #8888ad;
35
+ --color-static-graphic-mantis: #63cd4f;
36
+ --color-static-graphic-matisse: #16548f;
37
+ --color-static-graphic-milano-red: #cd1501;
38
+ --color-static-graphic-mirage: #1d2434;
39
+ --color-static-graphic-moon-raker: #e9dbf7;
40
+ --color-static-graphic-moss-green: #a6d29c;
41
+ --color-static-graphic-nevada: #626b75;
13
42
  --color-static-graphic-olive: #bfd3c9;
43
+ --color-static-graphic-olivine: #87b965;
14
44
  --color-static-graphic-peach: #fcc99b;
15
45
  --color-static-graphic-persimmon: #ff5c5c;
46
+ --color-static-graphic-pewter: #96a5a5;
47
+ --color-static-graphic-pickled-bluewood: #2d3f50;
48
+ --color-static-graphic-porsche: #e7b965;
16
49
  --color-static-graphic-raspberry: #dfb2bb;
50
+ --color-static-graphic-red-damask: #da713c;
51
+ --color-static-graphic-saffron: #f0c330;
17
52
  --color-static-graphic-salomie: #fee984;
18
53
  --color-static-graphic-sand: #f6bf65;
54
+ --color-static-graphic-sandy-brown: #f38f6f;
19
55
  --color-static-graphic-seawater: #aecfd9;
56
+ --color-static-graphic-serenade: #fff0e3;
20
57
  --color-static-graphic-sky: #a6c0db;
21
58
  --color-static-graphic-soft-peach: #f3eaeb;
22
59
  --color-static-graphic-solitude: #e8f2fe;
23
60
  --color-static-graphic-strawberry: #f8b6a9;
24
61
  --color-static-graphic-sundust: #d9d6ce;
62
+ --color-static-graphic-turkish-rose: #b56a6b;
63
+ --color-static-graphic-turquoise-blue: #6bd3e6;
64
+ --color-static-graphic-valencia: #d8463b;
65
+ --color-static-graphic-waikawa-gray: #5b6d9c;
66
+ --color-static-graphic-whisper: #f2eff6;
67
+ --color-static-graphic-zanah: #e1f0de;
25
68
  --color-static-local-light-blue: #f5f7f9;
26
69
  --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
27
70
  --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
package/cssm/colors-bluetint.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --color-dark-graphic-secondary: #8d8d93;
33
33
  --color-dark-graphic-tertiary: #464649;
34
34
  --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
35
+ --color-dark-specialbg-overlay-fallback: #070707;
35
36
  --color-dark-specialbg-primary-grouped: #202022;
36
37
  --color-dark-specialbg-secondary-grouped: #2c2c2e;
37
38
  --color-dark-specialbg-tertiary-grouped: #3a3a3c;
@@ -85,6 +86,7 @@
85
86
  --color-light-graphic-secondary: #8a8a8e;
86
87
  --color-light-graphic-tertiary: #c5c5c7;
87
88
  --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
89
+ --color-light-specialbg-overlay-fallback: #5c5c5c;
88
90
  --color-light-specialbg-primary-grouped: #f3f4f5;
89
91
  --color-light-specialbg-secondary-grouped: #fff;
90
92
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
@@ -139,18 +141,33 @@
139
141
  --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
140
142
  --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
141
143
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
144
+ --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
142
145
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
143
146
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
144
147
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
145
148
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
146
149
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
150
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
147
151
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
152
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
153
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
154
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
155
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
156
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
157
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
158
+ --color-dark-bg-secondary-alpha-30: rgba(32, 32, 34, 0.3);
159
+ --color-dark-bg-secondary-tint-7: rgb(48, 48, 49);
160
+ --color-dark-bg-secondary-tint-15: rgb(65, 65, 67);
149
161
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
150
162
  --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
163
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
164
+ --color-dark-bg-secondary-inverted-shade-7: rgb(226, 227, 228);
165
+ --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208);
166
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196);
151
167
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
152
168
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
153
169
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
170
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
154
171
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
155
172
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
156
173
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
@@ -199,18 +216,33 @@
199
216
  --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
200
217
  --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
201
218
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
219
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
202
220
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
203
221
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
204
222
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
205
223
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
206
224
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
225
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
207
226
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
208
227
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
228
+ --color-light-bg-primary-inverted-alpha-60: rgba(18, 18, 18, 0.6);
229
+ --color-light-bg-primary-inverted-alpha-80: rgba(18, 18, 18, 0.8);
230
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 35);
231
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
232
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 65);
233
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
234
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
235
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
209
236
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
210
237
  --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
238
+ --color-light-bg-secondary-inverted-alpha-30: rgba(32, 32, 34, 0.3);
239
+ --color-light-bg-secondary-inverted-tint-7: rgb(48, 48, 49);
240
+ --color-light-bg-secondary-inverted-tint-15: rgb(65, 65, 67);
241
+ --color-light-bg-secondary-inverted-tint-20: rgb(77, 77, 78);
211
242
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
212
243
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
213
244
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
245
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
214
246
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
215
247
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
216
248
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
package/cssm/colors-indigo.css CHANGED
@@ -149,18 +149,33 @@
149
149
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
150
150
  --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
151
151
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
152
+ --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
152
153
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
153
154
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
154
155
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
155
156
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
156
157
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
158
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
157
159
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
160
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
161
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
162
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
163
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
164
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
165
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
166
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
167
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
168
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
159
169
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
160
170
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
171
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
172
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
173
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
174
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
161
175
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
162
176
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
163
177
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
178
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
164
179
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
165
180
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
166
181
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -182,6 +197,9 @@
182
197
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
183
198
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
184
199
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
200
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
201
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
202
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
185
203
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
186
204
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
187
205
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -213,18 +231,33 @@
213
231
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
214
232
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
215
233
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
234
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
216
235
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
217
236
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
218
237
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
219
238
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
220
239
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
240
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
221
241
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
222
242
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
243
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
244
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
245
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
246
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
247
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
248
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
249
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
250
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
223
251
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
224
252
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
253
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
254
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
255
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
256
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
225
257
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
226
258
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
227
259
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
260
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
228
261
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
229
262
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
230
263
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -246,6 +279,9 @@
246
279
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
247
280
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
248
281
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
282
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
283
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
284
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
249
285
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
250
286
  --color-light-text-link-tint-30: rgb(77, 162, 255);
251
287
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/cssm/colors-transparent.css CHANGED
@@ -7,6 +7,8 @@
7
7
  --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
8
8
  --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
9
9
  --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
10
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
11
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
10
12
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
11
13
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
12
14
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -17,6 +19,8 @@
17
19
  --color-static-quinary-light: rgba(255, 255, 255, 0.16);
18
20
  --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
19
21
  --color-static-secondary-light: rgba(255, 255, 255, 0.64);
22
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12);
23
+ --color-static-senary-light: rgba(255, 255, 255, 0.12);
20
24
  --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
21
25
  --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
22
26
  }
package/cssm/index.css CHANGED
@@ -70,29 +70,72 @@
70
70
  --color-light-blue: #f5f7f9;
71
71
  }
72
72
  :root {
73
+ --color-static-corpbg-neutral: #bdc0c2;
74
+ --color-static-corpbg-primary: #212a33;
75
+ --color-static-corpbg-secondary: #384048;
76
+ --color-static-corpbg-tertiary: #7a7f85;
73
77
  --color-static-graphic-amethyst: #a489aa;
74
78
  --color-static-graphic-blackberry: #bfafc6;
79
+ --color-static-graphic-blue-chill: #0f9c8c;
75
80
  --color-static-graphic-blue-maya: #7eb3ff;
76
81
  --color-static-graphic-blue-moody: #7879cf;
77
82
  --color-static-graphic-blue-steel: #4f84ba;
78
83
  --color-static-graphic-botticelli: #cee5e5;
84
+ --color-static-graphic-boulder: #7a7a7a;
85
+ --color-static-graphic-brink-pink: #fc617c;
86
+ --color-static-graphic-burnt-sienna: #eb7a58;
79
87
  --color-static-graphic-carrot: #e8bba3;
88
+ --color-static-graphic-chatelle: #bfafc6;
89
+ --color-static-graphic-chathams-blue: #155966;
80
90
  --color-static-graphic-chick: #f2db9e;
91
+ --color-static-graphic-crete: #847128;
92
+ --color-static-graphic-curious-blue: #2381db;
93
+ --color-static-graphic-curious-blue-light: #3b99d9;
94
+ --color-static-graphic-eastern-blue: #269cb3;
95
+ --color-static-graphic-french-lilac: #d3baed;
96
+ --color-static-graphic-fuel-yellow: #f29d32;
97
+ --color-static-graphic-fun-blue: #1d6ab5;
81
98
  --color-static-graphic-gallery: #eee;
82
99
  --color-static-graphic-green-jungle: #2fc26e;
100
+ --color-static-graphic-hippie-blue: #5aa4b0;
101
+ --color-static-graphic-jaffa: #f07134;
102
+ --color-static-graphic-jaffa-light: #f18836;
103
+ --color-static-graphic-java: #15c0e0;
104
+ --color-static-graphic-jungle-green: #2ab79a;
83
105
  --color-static-graphic-lavender: #8888ad;
106
+ --color-static-graphic-mantis: #63cd4f;
107
+ --color-static-graphic-matisse: #16548f;
108
+ --color-static-graphic-milano-red: #cd1501;
109
+ --color-static-graphic-mirage: #1d2434;
110
+ --color-static-graphic-moon-raker: #e9dbf7;
111
+ --color-static-graphic-moss-green: #a6d29c;
112
+ --color-static-graphic-nevada: #626b75;
84
113
  --color-static-graphic-olive: #bfd3c9;
114
+ --color-static-graphic-olivine: #87b965;
85
115
  --color-static-graphic-peach: #fcc99b;
86
116
  --color-static-graphic-persimmon: #ff5c5c;
117
+ --color-static-graphic-pewter: #96a5a5;
118
+ --color-static-graphic-pickled-bluewood: #2d3f50;
119
+ --color-static-graphic-porsche: #e7b965;
87
120
  --color-static-graphic-raspberry: #dfb2bb;
121
+ --color-static-graphic-red-damask: #da713c;
122
+ --color-static-graphic-saffron: #f0c330;
88
123
  --color-static-graphic-salomie: #fee984;
89
124
  --color-static-graphic-sand: #f6bf65;
125
+ --color-static-graphic-sandy-brown: #f38f6f;
90
126
  --color-static-graphic-seawater: #aecfd9;
127
+ --color-static-graphic-serenade: #fff0e3;
91
128
  --color-static-graphic-sky: #a6c0db;
92
129
  --color-static-graphic-soft-peach: #f3eaeb;
93
130
  --color-static-graphic-solitude: #e8f2fe;
94
131
  --color-static-graphic-strawberry: #f8b6a9;
95
132
  --color-static-graphic-sundust: #d9d6ce;
133
+ --color-static-graphic-turkish-rose: #b56a6b;
134
+ --color-static-graphic-turquoise-blue: #6bd3e6;
135
+ --color-static-graphic-valencia: #d8463b;
136
+ --color-static-graphic-waikawa-gray: #5b6d9c;
137
+ --color-static-graphic-whisper: #f2eff6;
138
+ --color-static-graphic-zanah: #e1f0de;
96
139
  --color-static-local-light-blue: #f5f7f9;
97
140
  --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
98
141
  --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
@@ -275,18 +318,33 @@
275
318
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
276
319
  --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
277
320
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
321
+ --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
278
322
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
279
323
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
280
324
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
281
325
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
282
326
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
327
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
283
328
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
284
329
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
330
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
331
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
332
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
333
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
334
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
335
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
336
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
337
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
285
338
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
286
339
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
340
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
341
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
342
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
343
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
287
344
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
288
345
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
289
346
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
347
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
290
348
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
291
349
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
292
350
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -308,6 +366,9 @@
308
366
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
309
367
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
310
368
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
369
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
370
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
371
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
311
372
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
373
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
313
374
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -339,18 +400,33 @@
339
400
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
340
401
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
341
402
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
403
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
342
404
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
343
405
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
344
406
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
345
407
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
346
408
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
409
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
347
410
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
348
411
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
412
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
413
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
414
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
415
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
416
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
417
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
418
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
419
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
349
420
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
350
421
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
422
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
423
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
424
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
425
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
351
426
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
352
427
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
353
428
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
429
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
354
430
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
355
431
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
356
432
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -372,6 +448,9 @@
372
448
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
373
449
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
374
450
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
451
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
452
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
453
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
375
454
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
376
455
  --color-light-text-link-tint-30: rgb(77, 162, 255);
377
456
  --color-light-text-link-tint-50: rgb(128, 189, 255);
@@ -403,6 +482,8 @@
403
482
  --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
404
483
  --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
405
484
  --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
485
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
486
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
406
487
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
407
488
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
408
489
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -413,6 +494,8 @@
413
494
  --color-static-quinary-light: rgba(255, 255, 255, 0.16);
414
495
  --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
415
496
  --color-static-secondary-light: rgba(255, 255, 255, 0.64);
497
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12);
498
+ --color-static-senary-light: rgba(255, 255, 255, 0.12);
416
499
  --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
417
500
  --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
418
501
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "5.3.0",
3
+ "version": "5.5.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",