@alfalab/core-components-vars 3.1.1 → 5.1.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 (8) hide show
  1. package/colors-addons.css +7 -7
  2. package/colors-bluetint.css +4 -0
  3. package/colors-indigo.css +4 -0
  4. package/cssm/colors-addons.css +7 -7
  5. package/cssm/colors-bluetint.css +4 -0
  6. package/cssm/colors-indigo.css +4 -0
  7. package/cssm/index.css +11 -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: color-mod(#007aff alpha(10%));
49
+ --color-static-status-green-alpha-10: color-mod(#13a463 alpha(10%));
50
+ --color-static-status-grey-alpha-10: color-mod(#6d7986 alpha(10%));
51
+ --color-static-status-orange-alpha-10: color-mod(#de6a00 alpha(10%));
52
+ --color-static-status-purple-alpha-10: color-mod(#673ab7 alpha(10%));
53
+ --color-static-status-red-alpha-10: color-mod(#d91d0b alpha(10%));
54
+ --color-static-status-teal-alpha-10: color-mod(#219187 alpha(10%));
55
55
  }
package/colors-bluetint.css CHANGED
@@ -137,6 +137,7 @@
137
137
  --color-dark-bg-neutral-tint-10: color-mod(#3a3a3c tint(10%));
138
138
  --color-dark-bg-neutral-tint-15: color-mod(#3a3a3c tint(15%));
139
139
  --color-dark-bg-neutral-tint-30: color-mod(#3a3a3c tint(30%));
140
+ --color-dark-bg-neutral-shade-15: color-mod(#3a3a3c shade(15%));
140
141
  --color-dark-bg-primary-alpha-8: color-mod(#121212 alpha(8%));
141
142
  --color-dark-bg-primary-inverted-alpha-3: color-mod(#fff alpha(3%));
142
143
  --color-dark-bg-primary-inverted-alpha-7: color-mod(#fff alpha(7%));
@@ -144,6 +145,7 @@
144
145
  --color-dark-bg-primary-inverted-alpha-15: color-mod(#fff alpha(15%));
145
146
  --color-dark-bg-primary-inverted-alpha-20: color-mod(#fff alpha(20%));
146
147
  --color-dark-bg-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
148
+ --color-dark-bg-primary-inverted-alpha-50: color-mod(#fff alpha(50%));
147
149
  --color-dark-bg-secondary-inverted-alpha-7: color-mod(#f3f4f5 alpha(7%));
148
150
  --color-dark-bg-secondary-inverted-alpha-15: color-mod(#f3f4f5 alpha(15%));
149
151
  --color-dark-bg-tertiary-tint-7: color-mod(#2c2c2e tint(7%));
@@ -194,6 +196,7 @@
194
196
  --color-light-bg-neutral-shade-10: color-mod(#dcdcdd shade(10%));
195
197
  --color-light-bg-neutral-shade-15: color-mod(#dcdcdd shade(15%));
196
198
  --color-light-bg-neutral-shade-30: color-mod(#dcdcdd shade(30%));
199
+ --color-light-bg-neutral-tint-15: color-mod(#dcdcdd tint(15%));
197
200
  --color-light-bg-primary-alpha-8: color-mod(#fff alpha(8%));
198
201
  --color-light-bg-primary-inverted-alpha-3: color-mod(#121212 alpha(3%));
199
202
  --color-light-bg-primary-inverted-alpha-7: color-mod(#121212 alpha(7%));
@@ -201,6 +204,7 @@
201
204
  --color-light-bg-primary-inverted-alpha-15: color-mod(#121212 alpha(15%));
202
205
  --color-light-bg-primary-inverted-alpha-20: color-mod(#121212 alpha(20%));
203
206
  --color-light-bg-primary-inverted-alpha-40: color-mod(#121212 alpha(40%));
207
+ --color-light-bg-primary-inverted-alpha-50: color-mod(#121212 alpha(50%));
204
208
  --color-light-bg-secondary-inverted-alpha-7: color-mod(#202022 alpha(7%));
205
209
  --color-light-bg-secondary-inverted-alpha-15: color-mod(#202022 alpha(15%));
206
210
  --color-light-bg-tertiary-shade-7: color-mod(#e9e9eb shade(7%));
package/colors-indigo.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --color-dark-bg-neutral-tint-10: color-mod(#485767 tint(10%));
148
148
  --color-dark-bg-neutral-tint-15: color-mod(#485767 tint(15%));
149
149
  --color-dark-bg-neutral-tint-30: color-mod(#485767 tint(30%));
150
+ --color-dark-bg-neutral-shade-15: color-mod(#485767 shade(15%));
150
151
  --color-dark-bg-primary-alpha-8: color-mod(#0b1f35 alpha(8%));
151
152
  --color-dark-bg-primary-inverted-alpha-3: color-mod(#fff alpha(3%));
152
153
  --color-dark-bg-primary-inverted-alpha-7: color-mod(#fff alpha(7%));
@@ -154,6 +155,7 @@
154
155
  --color-dark-bg-primary-inverted-alpha-15: color-mod(#fff alpha(15%));
155
156
  --color-dark-bg-primary-inverted-alpha-20: color-mod(#fff alpha(20%));
156
157
  --color-dark-bg-primary-inverted-alpha-40: color-mod(#fff alpha(40%));
158
+ --color-dark-bg-primary-inverted-alpha-50: color-mod(#fff alpha(50%));
157
159
  --color-dark-bg-secondary-inverted-alpha-7: color-mod(#b6bcc3 alpha(7%));
158
160
  --color-dark-bg-secondary-inverted-alpha-15: color-mod(#b6bcc3 alpha(15%));
159
161
  --color-dark-bg-tertiary-tint-7: color-mod(#3c4c5d tint(7%));
@@ -210,6 +212,7 @@
210
212
  --color-light-bg-neutral-shade-10: color-mod(#dbdee1 shade(10%));
211
213
  --color-light-bg-neutral-shade-15: color-mod(#dbdee1 shade(15%));
212
214
  --color-light-bg-neutral-shade-30: color-mod(#dbdee1 shade(30%));
215
+ --color-light-bg-neutral-tint-15: color-mod(#dbdee1 tint(15%));
213
216
  --color-light-bg-primary-alpha-8: color-mod(#fff alpha(8%));
214
217
  --color-light-bg-primary-inverted-alpha-3: color-mod(#0b1f35 alpha(3%));
215
218
  --color-light-bg-primary-inverted-alpha-7: color-mod(#0b1f35 alpha(7%));
@@ -217,6 +220,7 @@
217
220
  --color-light-bg-primary-inverted-alpha-15: color-mod(#0b1f35 alpha(15%));
218
221
  --color-light-bg-primary-inverted-alpha-20: color-mod(#0b1f35 alpha(20%));
219
222
  --color-light-bg-primary-inverted-alpha-40: color-mod(#0b1f35 alpha(40%));
223
+ --color-light-bg-primary-inverted-alpha-50: color-mod(#0b1f35 alpha(50%));
220
224
  --color-light-bg-secondary-inverted-alpha-7: color-mod(#233549 alpha(7%));
221
225
  --color-light-bg-secondary-inverted-alpha-15: color-mod(#233549 alpha(15%));
222
226
  --color-light-bg-tertiary-shade-7: color-mod(#e7e9eb shade(7%));
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);
@@ -201,6 +204,7 @@
201
204
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
202
205
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
203
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);
204
208
  --color-light-bg-secondary-inverted-alpha-7: rgba(32, 32, 34, 0.07);
205
209
  --color-light-bg-secondary-inverted-alpha-15: rgba(32, 32, 34, 0.15);
206
210
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
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);
@@ -215,6 +218,7 @@
215
218
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
216
219
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
217
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);
218
222
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
219
223
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
220
224
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
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);
@@ -341,6 +344,7 @@
341
344
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
342
345
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
343
346
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
347
+ --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
344
348
  --color-light-bg-secondary-inverted-alpha-7: rgba(35, 53, 73, 0.07);
345
349
  --color-light-bg-secondary-inverted-alpha-15: rgba(35, 53, 73, 0.15);
346
350
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "3.1.1",
3
+ "version": "5.1.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",