@alfalab/core-components-vars 5.4.0 → 5.5.3

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 +28 -0
  2. package/colors-indigo.css +34 -0
  3. package/cssm/colors-bluetint.css +28 -0
  4. package/cssm/colors-indigo.css +34 -0
  5. package/cssm/index.css +34 -0
  6. package/package.json +1 -1
package/colors-bluetint.css CHANGED
@@ -141,15 +141,29 @@
141
141
  --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
142
142
  --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
143
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);
144
145
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
145
146
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
146
147
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
147
148
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
148
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);
149
151
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
150
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);
151
161
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
152
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);
153
167
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
154
168
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
155
169
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -202,15 +216,29 @@
202
216
  --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
203
217
  --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
204
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);
205
220
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
206
221
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
207
222
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
208
223
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
209
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);
210
226
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
211
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);
212
236
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
213
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);
214
242
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
215
243
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
216
244
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
package/colors-indigo.css CHANGED
@@ -149,15 +149,29 @@
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);
@@ -183,6 +197,9 @@
183
197
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
184
198
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
185
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);
186
203
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
187
204
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
188
205
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -214,15 +231,29 @@
214
231
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
215
232
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
216
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);
217
235
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
218
236
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
219
237
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
220
238
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
221
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);
222
241
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
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);
224
251
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
225
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);
226
257
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
227
258
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
228
259
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -248,6 +279,9 @@
248
279
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
249
280
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
250
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);
251
285
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
252
286
  --color-light-text-link-tint-30: rgb(77, 162, 255);
253
287
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/cssm/colors-bluetint.css CHANGED
@@ -141,15 +141,29 @@
141
141
  --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
142
142
  --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
143
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);
144
145
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
145
146
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
146
147
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
147
148
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
148
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);
149
151
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
150
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);
151
161
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
152
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);
153
167
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
154
168
  --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
155
169
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -202,15 +216,29 @@
202
216
  --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
203
217
  --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
204
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);
205
220
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
206
221
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
207
222
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
208
223
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
209
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);
210
226
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
211
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);
212
236
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
213
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);
214
242
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
215
243
  --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
216
244
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
package/cssm/colors-indigo.css CHANGED
@@ -149,15 +149,29 @@
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);
@@ -183,6 +197,9 @@
183
197
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
184
198
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
185
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);
186
203
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
187
204
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
188
205
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -214,15 +231,29 @@
214
231
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
215
232
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
216
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);
217
235
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
218
236
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
219
237
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
220
238
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
221
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);
222
241
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
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);
224
251
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
225
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);
226
257
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
227
258
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
228
259
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -248,6 +279,9 @@
248
279
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
249
280
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
250
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);
251
285
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
252
286
  --color-light-text-link-tint-30: rgb(77, 162, 255);
253
287
  --color-light-text-link-tint-50: rgb(128, 189, 255);
package/cssm/index.css CHANGED
@@ -318,15 +318,29 @@
318
318
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
319
319
  --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
320
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);
321
322
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
322
323
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
323
324
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
324
325
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
325
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);
326
328
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
327
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);
328
338
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
329
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);
330
344
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
331
345
  --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
332
346
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -352,6 +366,9 @@
352
366
  --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
353
367
  --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
354
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);
355
372
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
356
373
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
357
374
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
@@ -383,15 +400,29 @@
383
400
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
384
401
  --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
385
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);
386
404
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
387
405
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
388
406
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
389
407
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
390
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);
391
410
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
392
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);
393
420
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
394
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);
395
426
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
396
427
  --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
397
428
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -417,6 +448,9 @@
417
448
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
418
449
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
419
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);
420
454
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
421
455
  --color-light-text-link-tint-30: rgb(77, 162, 255);
422
456
  --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.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",