@alfalab/core-components-vars 5.2.0 → 5.5.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.
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;
@@ -144,13 +146,27 @@
144
146
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
145
147
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
146
148
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
149
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
147
150
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
151
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
152
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
153
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
154
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
155
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
156
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
157
+ --color-dark-bg-secondary-alpha-30: rgba(32, 32, 34, 0.3);
158
+ --color-dark-bg-secondary-tint-7: rgb(48, 48, 49);
159
+ --color-dark-bg-secondary-tint-15: rgb(65, 65, 67);
149
160
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
150
161
  --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
162
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
163
+ --color-dark-bg-secondary-inverted-shade-7: rgb(226, 227, 228);
164
+ --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208);
165
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196);
151
166
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
152
167
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
153
168
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
169
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
154
170
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
155
171
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
156
172
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
@@ -161,6 +177,7 @@
161
177
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
162
178
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
163
179
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
180
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
164
181
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
165
182
  --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
166
183
  --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -203,13 +220,27 @@
203
220
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
204
221
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
205
222
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
223
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
206
224
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
207
225
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
226
+ --color-light-bg-primary-inverted-alpha-60: rgba(18, 18, 18, 0.6);
227
+ --color-light-bg-primary-inverted-alpha-80: rgba(18, 18, 18, 0.8);
228
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 35);
229
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
230
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 65);
231
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
232
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
233
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
208
234
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
209
235
  --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
236
+ --color-light-bg-secondary-inverted-alpha-30: rgba(32, 32, 34, 0.3);
237
+ --color-light-bg-secondary-inverted-tint-7: rgb(48, 48, 49);
238
+ --color-light-bg-secondary-inverted-tint-15: rgb(65, 65, 67);
239
+ --color-light-bg-secondary-inverted-tint-20: rgb(77, 77, 78);
210
240
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
211
241
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
212
242
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
243
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
213
244
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
214
245
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
215
246
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -220,6 +251,7 @@
220
251
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
221
252
  --color-light-graphic-primary-alpha-40: rgba(0, 0, 0, 0.4);
222
253
  --color-light-graphic-primary-alpha-50: rgba(0, 0, 0, 0.5);
254
+ --color-light-graphic-primary-tint-15: rgb(38, 38, 38);
223
255
  --color-light-graphic-primary-tint-30: rgb(77, 77, 77);
224
256
  --color-light-graphic-primary-tint-50: rgb(128, 128, 128);
225
257
  --color-light-graphic-primary-shade-10: rgb(0, 0, 0);
package/colors-indigo.css CHANGED
@@ -154,13 +154,27 @@
154
154
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
155
155
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
156
156
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
157
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
157
158
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
159
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
160
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
161
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
162
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
163
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
164
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
165
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
166
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
167
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
159
168
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
160
169
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
170
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
171
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
172
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
173
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
161
174
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
162
175
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
163
176
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
177
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
164
178
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
165
179
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
166
180
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -171,6 +185,7 @@
171
185
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
172
186
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
173
187
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
188
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
174
189
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
175
190
  --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
176
191
  --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -181,6 +196,9 @@
181
196
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
182
197
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
183
198
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
199
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
200
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
201
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
184
202
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
185
203
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
186
204
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -217,13 +235,27 @@
217
235
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
218
236
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
219
237
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
238
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
220
239
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
221
240
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
241
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
242
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
243
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
244
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
245
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
246
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
247
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
248
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
222
249
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
223
250
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
251
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
252
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
253
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
254
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
224
255
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
225
256
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
226
257
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
258
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
227
259
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
228
260
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
229
261
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -234,6 +266,7 @@
234
266
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
235
267
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
236
268
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
269
+ --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
237
270
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
238
271
  --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
239
272
  --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -244,6 +277,9 @@
244
277
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
245
278
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
246
279
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
280
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
281
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
282
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
247
283
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
248
284
  --color-light-text-link-tint-30: rgb(77, 162, 255);
249
285
  --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;
@@ -144,13 +146,27 @@
144
146
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
145
147
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
146
148
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
149
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
147
150
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
151
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
152
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
153
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
154
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
155
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
156
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
157
+ --color-dark-bg-secondary-alpha-30: rgba(32, 32, 34, 0.3);
158
+ --color-dark-bg-secondary-tint-7: rgb(48, 48, 49);
159
+ --color-dark-bg-secondary-tint-15: rgb(65, 65, 67);
149
160
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
150
161
  --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
162
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
163
+ --color-dark-bg-secondary-inverted-shade-7: rgb(226, 227, 228);
164
+ --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208);
165
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196);
151
166
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
152
167
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
153
168
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
169
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
154
170
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
155
171
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
156
172
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
@@ -161,6 +177,7 @@
161
177
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
162
178
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
163
179
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
180
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
164
181
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
165
182
  --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
166
183
  --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -203,13 +220,27 @@
203
220
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
204
221
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
205
222
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
223
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
206
224
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
207
225
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
226
+ --color-light-bg-primary-inverted-alpha-60: rgba(18, 18, 18, 0.6);
227
+ --color-light-bg-primary-inverted-alpha-80: rgba(18, 18, 18, 0.8);
228
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 35);
229
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
230
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 65);
231
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
232
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
233
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
208
234
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
209
235
  --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
236
+ --color-light-bg-secondary-inverted-alpha-30: rgba(32, 32, 34, 0.3);
237
+ --color-light-bg-secondary-inverted-tint-7: rgb(48, 48, 49);
238
+ --color-light-bg-secondary-inverted-tint-15: rgb(65, 65, 67);
239
+ --color-light-bg-secondary-inverted-tint-20: rgb(77, 77, 78);
210
240
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
211
241
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
212
242
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
243
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
213
244
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
214
245
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
215
246
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -220,6 +251,7 @@
220
251
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
221
252
  --color-light-graphic-primary-alpha-40: rgba(0, 0, 0, 0.4);
222
253
  --color-light-graphic-primary-alpha-50: rgba(0, 0, 0, 0.5);
254
+ --color-light-graphic-primary-tint-15: rgb(38, 38, 38);
223
255
  --color-light-graphic-primary-tint-30: rgb(77, 77, 77);
224
256
  --color-light-graphic-primary-tint-50: rgb(128, 128, 128);
225
257
  --color-light-graphic-primary-shade-10: rgb(0, 0, 0);
package/cssm/colors-indigo.css CHANGED
@@ -154,13 +154,27 @@
154
154
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
155
155
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
156
156
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
157
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
157
158
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
159
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
160
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
161
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
162
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
163
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
164
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
165
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
166
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
167
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
159
168
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
160
169
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
170
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
171
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
172
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
173
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
161
174
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
162
175
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
163
176
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
177
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
164
178
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
165
179
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
166
180
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -171,6 +185,7 @@
171
185
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
172
186
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
173
187
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
188
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
174
189
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
175
190
  --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
176
191
  --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -181,6 +196,9 @@
181
196
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
182
197
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
183
198
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
199
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
200
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
201
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
184
202
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
185
203
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
186
204
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -217,13 +235,27 @@
217
235
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
218
236
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
219
237
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
238
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
220
239
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
221
240
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
241
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
242
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
243
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
244
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
245
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
246
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
247
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
248
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
222
249
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
223
250
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
251
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
252
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
253
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
254
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
224
255
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
225
256
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
226
257
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
258
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
227
259
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
228
260
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
229
261
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -234,6 +266,7 @@
234
266
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
235
267
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
236
268
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
269
+ --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
237
270
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
238
271
  --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
239
272
  --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -244,6 +277,9 @@
244
277
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
245
278
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
246
279
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
280
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
281
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
282
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
247
283
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
248
284
  --color-light-text-link-tint-30: rgb(77, 162, 255);
249
285
  --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);
@@ -280,13 +323,27 @@
280
323
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
281
324
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
282
325
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
326
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
283
327
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
284
328
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
329
+ --color-dark-bg-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
330
+ --color-dark-bg-primary-inverted-alpha-80: rgba(255, 255, 255, 0.8);
331
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
332
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
333
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
334
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3);
335
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86);
336
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100);
285
337
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
286
338
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
339
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
340
+ --color-dark-bg-secondary-inverted-shade-7: rgb(169, 175, 181);
341
+ --color-dark-bg-secondary-inverted-shade-15: rgb(155, 160, 166);
342
+ --color-dark-bg-secondary-inverted-shade-20: rgb(146, 150, 156);
287
343
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
288
344
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
289
345
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
346
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
290
347
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
291
348
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
292
349
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -297,6 +354,7 @@
297
354
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
298
355
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
299
356
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
357
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
300
358
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
301
359
  --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
302
360
  --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -307,6 +365,9 @@
307
365
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
308
366
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
309
367
  --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
368
+ --color-dark-specialbg-component-alpha-2: rgba(72, 87, 103, 0.02);
369
+ --color-dark-specialbg-component-alpha-14: rgba(72, 87, 103, 0.14);
370
+ --color-dark-specialbg-component-alpha-23: rgba(72, 87, 103, 0.23);
310
371
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
311
372
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
312
373
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -343,13 +404,27 @@
343
404
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
344
405
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
345
406
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
407
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
346
408
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
347
409
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
410
+ --color-light-bg-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
411
+ --color-light-bg-primary-inverted-alpha-80: rgba(11, 31, 53, 0.8);
412
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67);
413
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
414
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93);
415
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
416
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
417
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
348
418
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
349
419
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
420
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3);
421
+ --color-light-bg-secondary-inverted-tint-7: rgb(50, 67, 86);
422
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100);
423
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109);
350
424
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
351
425
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
352
426
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
427
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
353
428
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
354
429
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
355
430
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -360,6 +435,7 @@
360
435
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
361
436
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
362
437
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
438
+ --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
363
439
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
364
440
  --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
365
441
  --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -370,6 +446,9 @@
370
446
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
371
447
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
372
448
  --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
449
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
450
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
451
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
373
452
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
374
453
  --color-light-text-link-tint-30: rgb(77, 162, 255);
375
454
  --color-light-text-link-tint-50: rgb(128, 189, 255);
@@ -401,6 +480,8 @@
401
480
  --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
402
481
  --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
403
482
  --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
483
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
484
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
404
485
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
405
486
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
406
487
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -411,6 +492,8 @@
411
492
  --color-static-quinary-light: rgba(255, 255, 255, 0.16);
412
493
  --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
413
494
  --color-static-secondary-light: rgba(255, 255, 255, 0.64);
495
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12);
496
+ --color-static-senary-light: rgba(255, 255, 255, 0.12);
414
497
  --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
415
498
  --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
416
499
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "5.2.0",
3
+ "version": "5.5.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",