@alfalab/core-components-vars 5.4.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 (6) hide show
  1. package/colors-bluetint.css +26 -0
  2. package/colors-indigo.css +32 -0
  3. package/cssm/colors-bluetint.css +26 -0
  4. package/cssm/colors-indigo.css +32 -0
  5. package/cssm/index.css +32 -0
  6. package/package.json +1 -1
package/colors-bluetint.css CHANGED
@@ -146,10 +146,23 @@
146
146
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
147
147
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
148
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);
149
150
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
150
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);
151
160
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
152
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);
153
166
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
154
167
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
155
168
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -207,10 +220,23 @@
207
220
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
208
221
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
209
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);
210
224
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
211
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);
212
234
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
213
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);
214
240
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
215
241
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
216
242
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
package/colors-indigo.css CHANGED
@@ -154,10 +154,23 @@
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);
@@ -183,6 +196,9 @@
183
196
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
184
197
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
185
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);
186
202
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
187
203
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
188
204
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -219,10 +235,23 @@
219
235
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
220
236
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
221
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);
222
239
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
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);
224
249
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
225
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);
226
255
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
227
256
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
228
257
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -248,6 +277,9 @@
248
277
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
249
278
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
250
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);
251
283
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
252
284
  --color-light-text-link-tint-30: rgb(77, 162, 255);
253
285
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/cssm/colors-bluetint.css CHANGED
@@ -146,10 +146,23 @@
146
146
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
147
147
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
148
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);
149
150
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
150
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);
151
160
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
152
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);
153
166
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
154
167
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
155
168
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -207,10 +220,23 @@
207
220
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
208
221
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
209
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);
210
224
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
211
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);
212
234
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
213
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);
214
240
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
215
241
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
216
242
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
package/cssm/colors-indigo.css CHANGED
@@ -154,10 +154,23 @@
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);
@@ -183,6 +196,9 @@
183
196
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
184
197
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
185
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);
186
202
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
187
203
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
188
204
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -219,10 +235,23 @@
219
235
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
220
236
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
221
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);
222
239
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
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);
224
249
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
225
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);
226
255
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
227
256
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
228
257
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -248,6 +277,9 @@
248
277
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
249
278
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
250
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);
251
283
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
252
284
  --color-light-text-link-tint-30: rgb(77, 162, 255);
253
285
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/cssm/index.css CHANGED
@@ -323,10 +323,23 @@
323
323
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
324
324
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
325
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);
326
327
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
327
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);
328
337
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
329
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);
330
343
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
331
344
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
332
345
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -352,6 +365,9 @@
352
365
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
353
366
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
354
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);
355
371
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
356
372
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
357
373
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -388,10 +404,23 @@
388
404
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
389
405
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
390
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);
391
408
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
392
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);
393
418
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
394
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);
395
424
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
396
425
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
397
426
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -417,6 +446,9 @@
417
446
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
418
447
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
419
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);
420
452
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
421
453
  --color-light-text-link-tint-30: rgb(77, 162, 255);
422
454
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "5.4.0",
3
+ "version": "5.5.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",