@alfalab/core-components-vars 4.0.0 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/colors-addons.css +7 -7
  2. package/colors-bluetint.css +120 -117
  3. package/colors-indigo.css +128 -129
  4. package/cssm/colors-addons.css +7 -7
  5. package/cssm/colors-bluetint.css +3 -0
  6. package/cssm/colors-indigo.css +3 -0
  7. package/cssm/index.css +10 -7
  8. package/package.json +1 -1
package/colors-addons.css CHANGED
@@ -45,11 +45,11 @@
45
45
  --color-static-status-purple: #673ab7;
46
46
  --color-static-status-red: #d91d0b;
47
47
  --color-static-status-teal: #219187;
48
- --color-static-status-blue-tint-90: color-mod(#007aff tint(90%));
49
- --color-static-status-green-tint-90: color-mod(#13a463 tint(90%));
50
- --color-static-status-grey-tint-90: color-mod(#6d7986 tint(90%));
51
- --color-static-status-orange-tint-90: color-mod(#de6a00 tint(90%));
52
- --color-static-status-purple-tint-90: color-mod(#673ab7 tint(90%));
53
- --color-static-status-red-tint-90: color-mod(#d91d0b tint(90%));
54
- --color-static-status-teal-tint-90: color-mod(#219187 tint(90%));
48
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
49
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
50
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
51
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
52
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
53
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
54
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
55
55
  }
package/colors-bluetint.css CHANGED
@@ -127,121 +127,124 @@
127
127
  --color-static-text-tertiary-dark-transparent: rgba(60, 60, 67, 0.3);
128
128
  --color-static-text-tertiary-light: #464649;
129
129
  --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3);
130
- --color-dark-bg-accent-alpha-30: color-mod(#ef3124 alpha(30%));
131
- --color-dark-bg-accent-tint-7: color-mod(#ef3124 tint(7%));
132
- --color-dark-bg-accent-tint-10: color-mod(#ef3124 tint(10%));
133
- --color-dark-bg-accent-tint-15: color-mod(#ef3124 tint(15%));
134
- --color-dark-bg-accent-tint-30: color-mod(#ef3124 tint(30%));
135
- --color-dark-bg-neutral-alpha-30: color-mod(#3a3a3c alpha(30%));
136
- --color-dark-bg-neutral-tint-7: color-mod(#3a3a3c tint(7%));
137
- --color-dark-bg-neutral-tint-10: color-mod(#3a3a3c tint(10%));
138
- --color-dark-bg-neutral-tint-15: color-mod(#3a3a3c tint(15%));
139
- --color-dark-bg-neutral-tint-30: color-mod(#3a3a3c tint(30%));
140
- --color-dark-bg-primary-alpha-8: color-mod(#121212 alpha(8%));
141
- --color-dark-bg-primary-inverted-alpha-3: color-mod(#fff alpha(3%));
142
- --color-dark-bg-primary-inverted-alpha-7: color-mod(#fff alpha(7%));
143
- --color-dark-bg-primary-inverted-alpha-10: color-mod(#fff alpha(10%));
144
- --color-dark-bg-primary-inverted-alpha-15: color-mod(#fff alpha(15%));
145
- --color-dark-bg-primary-inverted-alpha-20: color-mod(#fff alpha(20%));
146
- --color-dark-bg-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
147
- --color-dark-bg-secondary-inverted-alpha-7: color-mod(#f3f4f5 alpha(7%));
148
- --color-dark-bg-secondary-inverted-alpha-15: color-mod(#f3f4f5 alpha(15%));
149
- --color-dark-bg-tertiary-tint-7: color-mod(#2c2c2e tint(7%));
150
- --color-dark-border-tertiary-inverted-alpha-30: color-mod(#f3f4f5 alpha(30%));
151
- --color-dark-graphic-accent-alpha-30: color-mod(#ef3124 alpha(30%));
152
- --color-dark-graphic-accent-tint-10: color-mod(#ef3124 tint(10%));
153
- --color-dark-graphic-accent-tint-30: color-mod(#ef3124 tint(30%));
154
- --color-dark-graphic-negative-shade-30: color-mod(#d91d0b shade(30%));
155
- --color-dark-graphic-negative-shade-50: color-mod(#d91d0b shade(50%));
156
- --color-dark-graphic-neutral-tint-10: color-mod(#2a2a2c tint(10%));
157
- --color-dark-graphic-positive-tint-10: color-mod(#2fc26e tint(10%));
158
- --color-dark-graphic-positive-tint-30: color-mod(#2fc26e tint(30%));
159
- --color-dark-graphic-primary-alpha-30: color-mod(#fff alpha(30%));
160
- --color-dark-graphic-primary-alpha-40: color-mod(#fff alpha(40%));
161
- --color-dark-graphic-primary-alpha-50: color-mod(#fff alpha(50%));
162
- --color-dark-graphic-primary-shade-30: color-mod(#fff shade(30%));
163
- --color-dark-graphic-primary-shade-50: color-mod(#fff shade(50%));
164
- --color-dark-graphic-primary-tint-10: color-mod(#fff tint(10%));
165
- --color-dark-graphic-primary-tint-30: color-mod(#fff tint(30%));
166
- --color-dark-graphic-secondary-alpha-30: color-mod(#8d8d93 alpha(30%));
167
- --color-dark-graphic-secondary-tint-30: color-mod(#8d8d93 tint(30%));
168
- --color-dark-graphic-secondary-tint-50: color-mod(#8d8d93 tint(50%));
169
- --color-dark-text-link-shade-30: color-mod(#0072ef shade(30%));
170
- --color-dark-text-link-shade-50: color-mod(#0072ef shade(50%));
171
- --color-dark-text-link-tint-20: color-mod(#0072ef tint(20%));
172
- --color-dark-text-link-tint-40: color-mod(#0072ef tint(40%));
173
- --color-dark-text-primary-alpha-30: color-mod(#fff alpha(30%));
174
- --color-dark-text-primary-shade-30: color-mod(#fff shade(30%));
175
- --color-dark-text-primary-shade-50: color-mod(#fff shade(50%));
176
- --color-dark-text-primary-tint-20: color-mod(#fff tint(20%));
177
- --color-dark-text-primary-tint-40: color-mod(#fff tint(40%));
178
- --color-dark-text-primary-inverted-alpha-40: color-mod(#000 alpha(40%));
179
- --color-dark-text-primary-inverted-shade-30: color-mod(#000 shade(30%));
180
- --color-dark-text-primary-inverted-shade-50: color-mod(#000 shade(50%));
181
- --color-dark-text-secondary-shade-30: color-mod(#8d8d93 shade(30%));
182
- --color-dark-text-secondary-shade-50: color-mod(#8d8d93 shade(50%));
183
- --color-dark-text-secondary-tint-20: color-mod(#8d8d93 tint(20%));
184
- --color-dark-text-secondary-tint-40: color-mod(#8d8d93 tint(40%));
185
- --color-dark-text-secondary-inverted-shade-30: color-mod(#8a8a8e shade(30%));
186
- --color-dark-text-secondary-inverted-shade-50: color-mod(#8a8a8e shade(50%));
187
- --color-light-bg-accent-alpha-30: color-mod(#ef3124 alpha(30%));
188
- --color-light-bg-accent-shade-7: color-mod(#ef3124 shade(7%));
189
- --color-light-bg-accent-shade-10: color-mod(#ef3124 shade(10%));
190
- --color-light-bg-accent-shade-15: color-mod(#ef3124 shade(15%));
191
- --color-light-bg-accent-shade-30: color-mod(#ef3124 shade(30%));
192
- --color-light-bg-neutral-alpha-30: color-mod(#dcdcdd alpha(30%));
193
- --color-light-bg-neutral-shade-7: color-mod(#dcdcdd shade(7%));
194
- --color-light-bg-neutral-shade-10: color-mod(#dcdcdd shade(10%));
195
- --color-light-bg-neutral-shade-15: color-mod(#dcdcdd shade(15%));
196
- --color-light-bg-neutral-shade-30: color-mod(#dcdcdd shade(30%));
197
- --color-light-bg-primary-alpha-8: color-mod(#fff alpha(8%));
198
- --color-light-bg-primary-inverted-alpha-3: color-mod(#121212 alpha(3%));
199
- --color-light-bg-primary-inverted-alpha-7: color-mod(#121212 alpha(7%));
200
- --color-light-bg-primary-inverted-alpha-10: color-mod(#121212 alpha(10%));
201
- --color-light-bg-primary-inverted-alpha-15: color-mod(#121212 alpha(15%));
202
- --color-light-bg-primary-inverted-alpha-20: color-mod(#121212 alpha(20%));
203
- --color-light-bg-primary-inverted-alpha-40: color-mod(#121212 alpha(40%));
204
- --color-light-bg-primary-inverted-alpha-50: color-mod(#121212 alpha(50%));
205
- --color-light-bg-secondary-inverted-alpha-7: color-mod(#202022 alpha(7%));
206
- --color-light-bg-secondary-inverted-alpha-15: color-mod(#202022 alpha(15%));
207
- --color-light-bg-tertiary-shade-7: color-mod(#e9e9eb shade(7%));
208
- --color-light-border-tertiary-inverted-alpha-30: color-mod(#1c1c1e alpha(30%));
209
- --color-light-graphic-accent-alpha-30: color-mod(#ef3124 alpha(30%));
210
- --color-light-graphic-accent-shade-10: color-mod(#ef3124 shade(10%));
211
- --color-light-graphic-accent-shade-30: color-mod(#ef3124 shade(30%));
212
- --color-light-graphic-negative-tint-30: color-mod(#f15045 tint(30%));
213
- --color-light-graphic-negative-tint-50: color-mod(#f15045 tint(50%));
214
- --color-light-graphic-neutral-shade-10: color-mod(#dcdcdd shade(10%));
215
- --color-light-graphic-positive-shade-10: color-mod(#2fc26e shade(10%));
216
- --color-light-graphic-positive-shade-30: color-mod(#2fc26e shade(30%));
217
- --color-light-graphic-primary-alpha-30: color-mod(#000 alpha(30%));
218
- --color-light-graphic-primary-alpha-40: color-mod(#000 alpha(40%));
219
- --color-light-graphic-primary-alpha-50: color-mod(#000 alpha(50%));
220
- --color-light-graphic-primary-tint-30: color-mod(#000 tint(30%));
221
- --color-light-graphic-primary-tint-50: color-mod(#000 tint(50%));
222
- --color-light-graphic-primary-shade-10: color-mod(#000 shade(10%));
223
- --color-light-graphic-primary-shade-30: color-mod(#000 shade(30%));
224
- --color-light-graphic-secondary-alpha-30: color-mod(#8a8a8e alpha(30%));
225
- --color-light-graphic-secondary-shade-30: color-mod(#8a8a8e shade(30%));
226
- --color-light-graphic-secondary-shade-50: color-mod(#8a8a8e shade(50%));
227
- --color-light-text-link-tint-30: color-mod(#0072ef tint(30%));
228
- --color-light-text-link-tint-50: color-mod(#0072ef tint(50%));
229
- --color-light-text-link-shade-20: color-mod(#0072ef shade(20%));
230
- --color-light-text-link-shade-40: color-mod(#0072ef shade(40%));
231
- --color-light-text-primary-alpha-30: color-mod(#000 alpha(30%));
232
- --color-light-text-primary-tint-30: color-mod(#000 tint(30%));
233
- --color-light-text-primary-tint-50: color-mod(#000 tint(50%));
234
- --color-light-text-primary-shade-20: color-mod(#000 shade(20%));
235
- --color-light-text-primary-shade-40: color-mod(#000 shade(40%));
236
- --color-light-text-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
237
- --color-light-text-primary-inverted-tint-30: color-mod(#fff tint(30%));
238
- --color-light-text-primary-inverted-tint-50: color-mod(#fff tint(50%));
239
- --color-light-text-secondary-tint-30: color-mod(#8a8a8e tint(30%));
240
- --color-light-text-secondary-tint-50: color-mod(#8a8a8e tint(50%));
241
- --color-light-text-secondary-shade-20: color-mod(#8a8a8e shade(20%));
242
- --color-light-text-secondary-shade-40: color-mod(#8a8a8e shade(40%));
243
- --color-light-text-secondary-inverted-tint-30: color-mod(#8d8d93 tint(30%));
244
- --color-light-text-secondary-inverted-tint-50: color-mod(#8d8d93 tint(50%));
245
- --color-static-bg-primary-dark-alpha-10: color-mod(#121212 alpha(10%));
246
- --color-static-bg-primary-dark-alpha-20: color-mod(#121212 alpha(20%));
130
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
131
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51);
132
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
133
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
134
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
135
+ --color-dark-bg-neutral-alpha-30: rgba(58, 58, 60, 0.3);
136
+ --color-dark-bg-neutral-tint-7: rgb(72, 72, 74);
137
+ --color-dark-bg-neutral-tint-10: rgb(78, 78, 80);
138
+ --color-dark-bg-neutral-tint-15: rgb(88, 88, 89);
139
+ --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
140
+ --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
141
+ --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
142
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
143
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
144
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
145
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
146
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
147
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
149
+ --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
150
+ --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
151
+ --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
152
+ --color-dark-border-tertiary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
153
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
154
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
155
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
156
+ --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
157
+ --color-dark-graphic-negative-shade-50: rgb(109, 15, 6);
158
+ --color-dark-graphic-neutral-tint-10: rgb(63, 63, 65);
159
+ --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
160
+ --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
161
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
162
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
163
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
164
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
165
+ --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
166
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
167
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255);
168
+ --color-dark-graphic-secondary-alpha-30: rgba(141, 141, 147, 0.3);
169
+ --color-dark-graphic-secondary-tint-30: rgb(175, 175, 179);
170
+ --color-dark-graphic-secondary-tint-50: rgb(198, 198, 201);
171
+ --color-dark-text-link-shade-30: rgb(0, 80, 167);
172
+ --color-dark-text-link-shade-50: rgb(0, 57, 120);
173
+ --color-dark-text-link-tint-20: rgb(51, 142, 242);
174
+ --color-dark-text-link-tint-40: rgb(102, 170, 245);
175
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
176
+ --color-dark-text-primary-shade-30: rgb(179, 179, 179);
177
+ --color-dark-text-primary-shade-50: rgb(128, 128, 128);
178
+ --color-dark-text-primary-tint-20: rgb(255, 255, 255);
179
+ --color-dark-text-primary-tint-40: rgb(255, 255, 255);
180
+ --color-dark-text-primary-inverted-alpha-40: rgba(0, 0, 0, 0.4);
181
+ --color-dark-text-primary-inverted-shade-30: rgb(0, 0, 0);
182
+ --color-dark-text-primary-inverted-shade-50: rgb(0, 0, 0);
183
+ --color-dark-text-secondary-shade-30: rgb(99, 99, 103);
184
+ --color-dark-text-secondary-shade-50: rgb(71, 71, 74);
185
+ --color-dark-text-secondary-tint-20: rgb(164, 164, 169);
186
+ --color-dark-text-secondary-tint-40: rgb(187, 187, 190);
187
+ --color-dark-text-secondary-inverted-shade-30: rgb(97, 97, 99);
188
+ --color-dark-text-secondary-inverted-shade-50: rgb(69, 69, 71);
189
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
190
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33);
191
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32);
192
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31);
193
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25);
194
+ --color-light-bg-neutral-alpha-30: rgba(220, 220, 221, 0.3);
195
+ --color-light-bg-neutral-shade-7: rgb(205, 205, 206);
196
+ --color-light-bg-neutral-shade-10: rgb(198, 198, 199);
197
+ --color-light-bg-neutral-shade-15: rgb(187, 187, 188);
198
+ --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
199
+ --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
200
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
201
+ --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
202
+ --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
203
+ --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
204
+ --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
205
+ --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
206
+ --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
207
+ --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
208
+ --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
209
+ --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
210
+ --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
211
+ --color-light-border-tertiary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
212
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
213
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
214
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
215
+ --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
216
+ --color-light-graphic-negative-tint-50: rgb(248, 168, 162);
217
+ --color-light-graphic-neutral-shade-10: rgb(198, 198, 199);
218
+ --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
219
+ --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
220
+ --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
221
+ --color-light-graphic-primary-alpha-40: rgba(0, 0, 0, 0.4);
222
+ --color-light-graphic-primary-alpha-50: rgba(0, 0, 0, 0.5);
223
+ --color-light-graphic-primary-tint-30: rgb(77, 77, 77);
224
+ --color-light-graphic-primary-tint-50: rgb(128, 128, 128);
225
+ --color-light-graphic-primary-shade-10: rgb(0, 0, 0);
226
+ --color-light-graphic-primary-shade-30: rgb(0, 0, 0);
227
+ --color-light-graphic-secondary-alpha-30: rgba(138, 138, 142, 0.3);
228
+ --color-light-graphic-secondary-shade-30: rgb(97, 97, 99);
229
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 71);
230
+ --color-light-text-link-tint-30: rgb(77, 156, 244);
231
+ --color-light-text-link-tint-50: rgb(128, 185, 247);
232
+ --color-light-text-link-shade-20: rgb(0, 91, 191);
233
+ --color-light-text-link-shade-40: rgb(0, 68, 143);
234
+ --color-light-text-primary-alpha-30: rgba(0, 0, 0, 0.3);
235
+ --color-light-text-primary-tint-30: rgb(77, 77, 77);
236
+ --color-light-text-primary-tint-50: rgb(128, 128, 128);
237
+ --color-light-text-primary-shade-20: rgb(0, 0, 0);
238
+ --color-light-text-primary-shade-40: rgb(0, 0, 0);
239
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
240
+ --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
241
+ --color-light-text-primary-inverted-tint-50: rgb(255, 255, 255);
242
+ --color-light-text-secondary-tint-30: rgb(173, 173, 176);
243
+ --color-light-text-secondary-tint-50: rgb(197, 197, 199);
244
+ --color-light-text-secondary-shade-20: rgb(110, 110, 114);
245
+ --color-light-text-secondary-shade-40: rgb(83, 83, 85);
246
+ --color-light-text-secondary-inverted-tint-30: rgb(175, 175, 179);
247
+ --color-light-text-secondary-inverted-tint-50: rgb(198, 198, 201);
248
+ --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 18, 0.1);
249
+ --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 18, 0.2);
247
250
  }
package/colors-indigo.css CHANGED
@@ -137,133 +137,132 @@
137
137
  --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3);
138
138
  --color-static-text-tertiary-light: #6d7986;
139
139
  --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4);
140
- --color-dark-bg-accent-alpha-30: color-mod(#ef3124 alpha(30%));
141
- --color-dark-bg-accent-tint-7: color-mod(#ef3124 tint(7%));
142
- --color-dark-bg-accent-tint-10: color-mod(#ef3124 tint(10%));
143
- --color-dark-bg-accent-tint-15: color-mod(#ef3124 tint(15%));
144
- --color-dark-bg-accent-tint-30: color-mod(#ef3124 tint(30%));
145
- --color-dark-bg-neutral-alpha-30: color-mod(#485767 alpha(30%));
146
- --color-dark-bg-neutral-tint-7: color-mod(#485767 tint(7%));
147
- --color-dark-bg-neutral-tint-10: color-mod(#485767 tint(10%));
148
- --color-dark-bg-neutral-tint-15: color-mod(#485767 tint(15%));
149
- --color-dark-bg-neutral-tint-30: color-mod(#485767 tint(30%));
150
- --color-dark-bg-primary-alpha-8: color-mod(#0b1f35 alpha(8%));
151
- --color-dark-bg-primary-inverted-alpha-3: color-mod(#fff alpha(3%));
152
- --color-dark-bg-primary-inverted-alpha-7: color-mod(#fff alpha(7%));
153
- --color-dark-bg-primary-inverted-alpha-10: color-mod(#fff alpha(10%));
154
- --color-dark-bg-primary-inverted-alpha-15: color-mod(#fff alpha(15%));
155
- --color-dark-bg-primary-inverted-alpha-20: color-mod(#fff alpha(20%));
156
- --color-dark-bg-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
157
- --color-dark-bg-secondary-inverted-alpha-7: color-mod(#b6bcc3 alpha(7%));
158
- --color-dark-bg-secondary-inverted-alpha-15: color-mod(#b6bcc3 alpha(15%));
159
- --color-dark-bg-tertiary-tint-7: color-mod(#3c4c5d tint(7%));
160
- --color-dark-border-tertiary-inverted-alpha-30: color-mod(#b6bcc3 alpha(30%));
161
- --color-dark-graphic-accent-alpha-30: color-mod(#ef3124 alpha(30%));
162
- --color-dark-graphic-accent-tint-10: color-mod(#ef3124 tint(10%));
163
- --color-dark-graphic-accent-tint-30: color-mod(#ef3124 tint(30%));
164
- --color-dark-graphic-negative-shade-30: color-mod(#f15045 shade(30%));
165
- --color-dark-graphic-negative-shade-50: color-mod(#f15045 shade(50%));
166
- --color-dark-graphic-neutral-tint-10: color-mod(#485767 tint(10%));
167
- --color-dark-graphic-positive-tint-10: color-mod(#2fc26e tint(10%));
168
- --color-dark-graphic-positive-tint-30: color-mod(#2fc26e tint(30%));
169
- --color-dark-graphic-primary-alpha-30: color-mod(#fff alpha(30%));
170
- --color-dark-graphic-primary-alpha-40: color-mod(#fff alpha(40%));
171
- --color-dark-graphic-primary-alpha-50: color-mod(#fff alpha(50%));
172
- --color-dark-graphic-primary-shade-30: color-mod(#fff shade(30%));
173
- --color-dark-graphic-primary-shade-50: color-mod(#fff shade(50%));
174
- --color-dark-graphic-primary-tint-10: color-mod(#fff tint(10%));
175
- --color-dark-graphic-primary-tint-30: color-mod(#fff tint(30%));
176
- --color-dark-graphic-secondary-alpha-30: color-mod(#b6bcc3 alpha(30%));
177
- --color-dark-graphic-secondary-tint-30: color-mod(#b6bcc3 tint(30%));
178
- --color-dark-graphic-secondary-tint-50: color-mod(#b6bcc3 tint(50%));
179
- --color-dark-specialbg-component-tint-7: color-mod(#485767 tint(7%));
180
- --color-dark-specialbg-component-tint-10: color-mod(#485767 tint(10%));
181
- --color-dark-specialbg-component-tint-30: color-mod(#485767 tint(30%));
182
- --color-dark-specialbg-component-inverted-shade-15: color-mod(
183
- rgba(11, 31, 53, 0.07) blenda(black 15%)
184
- );
185
- --color-dark-text-link-shade-30: color-mod(#007aff shade(30%));
186
- --color-dark-text-link-shade-50: color-mod(#007aff shade(50%));
187
- --color-dark-text-link-tint-20: color-mod(#007aff tint(20%));
188
- --color-dark-text-link-tint-40: color-mod(#007aff tint(40%));
189
- --color-dark-text-primary-alpha-30: color-mod(#fff alpha(30%));
190
- --color-dark-text-primary-shade-30: color-mod(#fff shade(30%));
191
- --color-dark-text-primary-shade-50: color-mod(#fff shade(50%));
192
- --color-dark-text-primary-tint-20: color-mod(#fff tint(20%));
193
- --color-dark-text-primary-tint-40: color-mod(#fff tint(40%));
194
- --color-dark-text-primary-inverted-alpha-40: color-mod(#0b1f35 alpha(40%));
195
- --color-dark-text-primary-inverted-shade-30: color-mod(#0b1f35 shade(30%));
196
- --color-dark-text-primary-inverted-shade-50: color-mod(#0b1f35 shade(50%));
197
- --color-dark-text-secondary-shade-30: color-mod(#b6bcc3 shade(30%));
198
- --color-dark-text-secondary-shade-50: color-mod(#b6bcc3 shade(50%));
199
- --color-dark-text-secondary-tint-20: color-mod(#b6bcc3 tint(20%));
200
- --color-dark-text-secondary-tint-40: color-mod(#b6bcc3 tint(40%));
201
- --color-dark-text-secondary-inverted-shade-30: color-mod(#6d7986 shade(30%));
202
- --color-dark-text-secondary-inverted-shade-50: color-mod(#6d7986 shade(50%));
203
- --color-light-bg-accent-alpha-30: color-mod(#ef3124 alpha(30%));
204
- --color-light-bg-accent-shade-7: color-mod(#ef3124 shade(7%));
205
- --color-light-bg-accent-shade-10: color-mod(#ef3124 shade(10%));
206
- --color-light-bg-accent-shade-15: color-mod(#ef3124 shade(15%));
207
- --color-light-bg-accent-shade-30: color-mod(#ef3124 shade(30%));
208
- --color-light-bg-neutral-alpha-30: color-mod(#dbdee1 alpha(30%));
209
- --color-light-bg-neutral-shade-7: color-mod(#dbdee1 shade(7%));
210
- --color-light-bg-neutral-shade-10: color-mod(#dbdee1 shade(10%));
211
- --color-light-bg-neutral-shade-15: color-mod(#dbdee1 shade(15%));
212
- --color-light-bg-neutral-shade-30: color-mod(#dbdee1 shade(30%));
213
- --color-light-bg-primary-alpha-8: color-mod(#fff alpha(8%));
214
- --color-light-bg-primary-inverted-alpha-3: color-mod(#0b1f35 alpha(3%));
215
- --color-light-bg-primary-inverted-alpha-7: color-mod(#0b1f35 alpha(7%));
216
- --color-light-bg-primary-inverted-alpha-10: color-mod(#0b1f35 alpha(10%));
217
- --color-light-bg-primary-inverted-alpha-15: color-mod(#0b1f35 alpha(15%));
218
- --color-light-bg-primary-inverted-alpha-20: color-mod(#0b1f35 alpha(20%));
219
- --color-light-bg-primary-inverted-alpha-40: color-mod(#0b1f35 alpha(40%));
220
- --color-light-bg-primary-inverted-alpha-50: color-mod(#0b1f35 alpha(50%));
221
- --color-light-bg-secondary-inverted-alpha-7: color-mod(#233549 alpha(7%));
222
- --color-light-bg-secondary-inverted-alpha-15: color-mod(#233549 alpha(15%));
223
- --color-light-bg-tertiary-shade-7: color-mod(#e7e9eb shade(7%));
224
- --color-light-border-tertiary-inverted-alpha-30: color-mod(#6d7986 alpha(30%));
225
- --color-light-graphic-accent-alpha-30: color-mod(#ef3124 alpha(30%));
226
- --color-light-graphic-accent-shade-10: color-mod(#ef3124 shade(10%));
227
- --color-light-graphic-accent-shade-30: color-mod(#ef3124 shade(30%));
228
- --color-light-graphic-negative-tint-30: color-mod(#f15045 tint(30%));
229
- --color-light-graphic-negative-tint-50: color-mod(#f15045 tint(50%));
230
- --color-light-graphic-neutral-shade-10: color-mod(#dbdee1 shade(10%));
231
- --color-light-graphic-positive-shade-10: color-mod(#2fc26e shade(10%));
232
- --color-light-graphic-positive-shade-30: color-mod(#2fc26e shade(30%));
233
- --color-light-graphic-primary-alpha-30: color-mod(#0b1f35 alpha(30%));
234
- --color-light-graphic-primary-alpha-40: color-mod(#0b1f35 alpha(40%));
235
- --color-light-graphic-primary-alpha-50: color-mod(#0b1f35 alpha(50%));
236
- --color-light-graphic-primary-tint-30: color-mod(#0b1f35 tint(30%));
237
- --color-light-graphic-primary-tint-50: color-mod(#0b1f35 tint(50%));
238
- --color-light-graphic-primary-shade-10: color-mod(#0b1f35 shade(10%));
239
- --color-light-graphic-primary-shade-30: color-mod(#0b1f35 shade(30%));
240
- --color-light-graphic-secondary-alpha-30: color-mod(#6d7986 alpha(30%));
241
- --color-light-graphic-secondary-shade-30: color-mod(#6d7986 shade(30%));
242
- --color-light-graphic-secondary-shade-50: color-mod(#6d7986 shade(50%));
243
- --color-light-specialbg-component-shade-7: color-mod(rgba(11, 31, 53, 0.07) blenda(black 7%));
244
- --color-light-specialbg-component-shade-10: color-mod(rgba(11, 31, 53, 0.07) blenda(black 10%));
245
- --color-light-specialbg-component-shade-30: color-mod(rgba(11, 31, 53, 0.07) blenda(black 30%));
246
- --color-light-specialbg-component-inverted-tint-15: color-mod(
247
- rgba(255, 255, 255, 0.15) blenda(white 15%)
248
- );
249
- --color-light-text-link-tint-30: color-mod(#007aff tint(30%));
250
- --color-light-text-link-tint-50: color-mod(#007aff tint(50%));
251
- --color-light-text-link-shade-20: color-mod(#007aff shade(20%));
252
- --color-light-text-link-shade-40: color-mod(#007aff shade(40%));
253
- --color-light-text-primary-alpha-30: color-mod(#0b1f35 alpha(30%));
254
- --color-light-text-primary-tint-30: color-mod(#0b1f35 tint(30%));
255
- --color-light-text-primary-tint-50: color-mod(#0b1f35 tint(50%));
256
- --color-light-text-primary-shade-20: color-mod(#0b1f35 shade(20%));
257
- --color-light-text-primary-shade-40: color-mod(#0b1f35 shade(40%));
258
- --color-light-text-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
259
- --color-light-text-primary-inverted-tint-30: color-mod(#fff tint(30%));
260
- --color-light-text-primary-inverted-tint-50: color-mod(#fff tint(50%));
261
- --color-light-text-secondary-tint-30: color-mod(#546272 tint(30%));
262
- --color-light-text-secondary-tint-50: color-mod(#546272 tint(50%));
263
- --color-light-text-secondary-shade-20: color-mod(#546272 shade(20%));
264
- --color-light-text-secondary-shade-40: color-mod(#546272 shade(40%));
265
- --color-light-text-secondary-inverted-tint-30: color-mod(#b6bcc3 tint(30%));
266
- --color-light-text-secondary-inverted-tint-50: color-mod(#b6bcc3 tint(50%));
267
- --color-static-bg-primary-dark-alpha-10: color-mod(#000 alpha(10%));
268
- --color-static-bg-primary-dark-alpha-20: color-mod(#000 alpha(20%));
140
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
141
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51);
142
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
143
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
144
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
145
+ --color-dark-bg-neutral-alpha-30: rgba(72, 87, 103, 0.3);
146
+ --color-dark-bg-neutral-tint-7: rgb(85, 99, 114);
147
+ --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
148
+ --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
149
+ --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
150
+ --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
151
+ --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
152
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
153
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
154
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
155
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
156
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
157
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
159
+ --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
160
+ --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
161
+ --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
162
+ --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
163
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
164
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
165
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
166
+ --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
167
+ --color-dark-graphic-negative-shade-50: rgb(121, 40, 35);
168
+ --color-dark-graphic-neutral-tint-10: rgb(90, 104, 118);
169
+ --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
170
+ --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
171
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
172
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
173
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
174
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
175
+ --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
176
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
177
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255);
178
+ --color-dark-graphic-secondary-alpha-30: rgba(182, 188, 195, 0.3);
179
+ --color-dark-graphic-secondary-tint-30: rgb(204, 208, 213);
180
+ --color-dark-graphic-secondary-tint-50: rgb(219, 222, 225);
181
+ --color-dark-specialbg-component-tint-7: rgb(85, 99, 114);
182
+ --color-dark-specialbg-component-tint-10: rgb(90, 104, 118);
183
+ --color-dark-specialbg-component-tint-30: rgb(127, 137, 149);
184
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
185
+ --color-dark-text-link-shade-30: rgb(0, 85, 179);
186
+ --color-dark-text-link-shade-50: rgb(0, 61, 128);
187
+ --color-dark-text-link-tint-20: rgb(51, 149, 255);
188
+ --color-dark-text-link-tint-40: rgb(102, 175, 255);
189
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
190
+ --color-dark-text-primary-shade-30: rgb(179, 179, 179);
191
+ --color-dark-text-primary-shade-50: rgb(128, 128, 128);
192
+ --color-dark-text-primary-tint-20: rgb(255, 255, 255);
193
+ --color-dark-text-primary-tint-40: rgb(255, 255, 255);
194
+ --color-dark-text-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
195
+ --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
196
+ --color-dark-text-primary-inverted-shade-50: rgb(6, 16, 26);
197
+ --color-dark-text-secondary-shade-30: rgb(127, 132, 136);
198
+ --color-dark-text-secondary-shade-50: rgb(91, 94, 98);
199
+ --color-dark-text-secondary-tint-20: rgb(197, 201, 207);
200
+ --color-dark-text-secondary-tint-40: rgb(211, 215, 219);
201
+ --color-dark-text-secondary-inverted-shade-30: rgb(76, 85, 94);
202
+ --color-dark-text-secondary-inverted-shade-50: rgb(55, 61, 67);
203
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
204
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33);
205
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32);
206
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31);
207
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25);
208
+ --color-light-bg-neutral-alpha-30: rgba(219, 222, 225, 0.3);
209
+ --color-light-bg-neutral-shade-7: rgb(204, 206, 209);
210
+ --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
211
+ --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
212
+ --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
213
+ --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
214
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
215
+ --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
216
+ --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
217
+ --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
218
+ --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
219
+ --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
220
+ --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
221
+ --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
222
+ --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
223
+ --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
224
+ --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
225
+ --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
226
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
227
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
228
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
229
+ --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
230
+ --color-light-graphic-negative-tint-50: rgb(248, 168, 162);
231
+ --color-light-graphic-neutral-shade-10: rgb(197, 200, 203);
232
+ --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
233
+ --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
234
+ --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
235
+ --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
236
+ --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
237
+ --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
238
+ --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
239
+ --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
240
+ --color-light-graphic-primary-shade-30: rgb(8, 22, 37);
241
+ --color-light-graphic-secondary-alpha-30: rgba(109, 121, 134, 0.3);
242
+ --color-light-graphic-secondary-shade-30: rgb(76, 85, 94);
243
+ --color-light-graphic-secondary-shade-50: rgb(55, 61, 67);
244
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
245
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
246
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
247
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
248
+ --color-light-text-link-tint-30: rgb(77, 162, 255);
249
+ --color-light-text-link-tint-50: rgb(128, 189, 255);
250
+ --color-light-text-link-shade-20: rgb(0, 98, 204);
251
+ --color-light-text-link-shade-40: rgb(0, 73, 153);
252
+ --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
253
+ --color-light-text-primary-tint-30: rgb(84, 98, 114);
254
+ --color-light-text-primary-tint-50: rgb(133, 143, 154);
255
+ --color-light-text-primary-shade-20: rgb(9, 25, 42);
256
+ --color-light-text-primary-shade-40: rgb(7, 19, 32);
257
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
258
+ --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
259
+ --color-light-text-primary-inverted-tint-50: rgb(255, 255, 255);
260
+ --color-light-text-secondary-tint-30: rgb(135, 145, 156);
261
+ --color-light-text-secondary-tint-50: rgb(170, 177, 185);
262
+ --color-light-text-secondary-shade-20: rgb(67, 78, 91);
263
+ --color-light-text-secondary-shade-40: rgb(50, 59, 68);
264
+ --color-light-text-secondary-inverted-tint-30: rgb(204, 208, 213);
265
+ --color-light-text-secondary-inverted-tint-50: rgb(219, 222, 225);
266
+ --color-static-bg-primary-dark-alpha-10: rgba(0, 0, 0, 0.1);
267
+ --color-static-bg-primary-dark-alpha-20: rgba(0, 0, 0, 0.2);
269
268
  }
package/cssm/colors-addons.css CHANGED
@@ -45,11 +45,11 @@
45
45
  --color-static-status-purple: #673ab7;
46
46
  --color-static-status-red: #d91d0b;
47
47
  --color-static-status-teal: #219187;
48
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
49
- --color-static-status-green-tint-90: rgb(231, 246, 239);
50
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
51
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
52
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
53
- --color-static-status-red-tint-90: rgb(251, 232, 231);
54
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
48
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
49
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
50
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
51
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
52
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
53
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
54
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
55
55
  }
package/cssm/colors-bluetint.css CHANGED
@@ -137,6 +137,7 @@
137
137
  --color-dark-bg-neutral-tint-10: rgb(78, 78, 80);
138
138
  --color-dark-bg-neutral-tint-15: rgb(88, 88, 89);
139
139
  --color-dark-bg-neutral-tint-30: rgb(117, 117, 119);
140
+ --color-dark-bg-neutral-shade-15: rgb(49, 49, 51);
140
141
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
141
142
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
142
143
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -144,6 +145,7 @@
144
145
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
145
146
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
146
147
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
148
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
147
149
  --color-dark-bg-secondary-inverted-alpha-7: rgba(243, 244, 245, 0.07);
148
150
  --color-dark-bg-secondary-inverted-alpha-15: rgba(243, 244, 245, 0.15);
149
151
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
@@ -194,6 +196,7 @@
194
196
  --color-light-bg-neutral-shade-10: rgb(198, 198, 199);
195
197
  --color-light-bg-neutral-shade-15: rgb(187, 187, 188);
196
198
  --color-light-bg-neutral-shade-30: rgb(154, 154, 155);
199
+ --color-light-bg-neutral-tint-15: rgb(225, 225, 226);
197
200
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
198
201
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
199
202
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
package/cssm/colors-indigo.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
148
148
  --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
149
149
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
150
+ --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
150
151
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
151
152
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
152
153
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -154,6 +155,7 @@
154
155
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
155
156
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
156
157
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
158
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
157
159
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
158
160
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
159
161
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
@@ -208,6 +210,7 @@
208
210
  --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
209
211
  --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
210
212
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
213
+ --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
211
214
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
212
215
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
213
216
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
package/cssm/index.css CHANGED
@@ -116,13 +116,13 @@
116
116
  --color-static-status-purple: #673ab7;
117
117
  --color-static-status-red: #d91d0b;
118
118
  --color-static-status-teal: #219187;
119
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
120
- --color-static-status-green-tint-90: rgb(231, 246, 239);
121
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
122
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
123
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
124
- --color-static-status-red-tint-90: rgb(251, 232, 231);
125
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
119
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
120
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
121
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
122
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
123
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
124
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
125
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
126
126
  }
127
127
  :root {
128
128
  --color-dark-bg-accent: #ef3124;
@@ -273,6 +273,7 @@
273
273
  --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
274
274
  --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
275
275
  --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
276
+ --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
276
277
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
277
278
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
278
279
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -280,6 +281,7 @@
280
281
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
281
282
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
282
283
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
284
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
283
285
  --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
284
286
  --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
285
287
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
@@ -334,6 +336,7 @@
334
336
  --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
335
337
  --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
336
338
  --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
339
+ --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
337
340
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
338
341
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
339
342
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "4.0.0",
3
+ "version": "5.1.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",