Skip to content

Commit 258151f

Browse files
gcornutmatmkian
gcornut
authored and
matmkian
committed
chore(style-dictionary): prefer aliased CSS variables
1 parent 00de9c0 commit 258151f

20 files changed

+1339
-4734
lines changed

‎packages/lumx-core/src/css/design-tokens.css

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Do not edit directly
3-
* Generated on Thu, 06 Jan 2022 09:15:29 GMT
3+
* Generated on Fri, 07 Jan 2022 12:33:59 GMT
44
*/
55

66
:root {
@@ -357,77 +357,77 @@
357357
--lumx-color-dark-L4: rgba(0, 0, 0, 0.2); /* Base dark color with 20% opacity */
358358
--lumx-color-dark-L5: rgba(0, 0, 0, 0.12); /* Base dark color with 12% opacity */
359359
--lumx-color-dark-L6: rgba(0, 0, 0, 0.05); /* Base dark color with 5% opacity */
360-
--lumx-color-light-N: #ffffff; /* Neutral light color */
360+
--lumx-color-light-N: rgb(255, 255, 255); /* Neutral light color */
361361
--lumx-color-light-L1: rgba(255, 255, 255, 0.9); /* Base light color with 90% opacity */
362362
--lumx-color-light-L2: rgba(255, 255, 255, 0.8); /* Base light color with 80% opacity */
363363
--lumx-color-light-L3: rgba(255, 255, 255, 0.6); /* Base light color with 60% opacity */
364364
--lumx-color-light-L4: rgba(255, 255, 255, 0.4); /* Base light color with 40% opacity */
365365
--lumx-color-light-L5: rgba(255, 255, 255, 0.2); /* Base light color with 20% opacity */
366366
--lumx-color-light-L6: rgba(255, 255, 255, 0.1); /* Base light color with 10% opacity */
367-
--lumx-color-blue-D2: #1976d2; /* Darkest blue color */
368-
--lumx-color-blue-D1: #1e88e5; /* Dark blue color */
369-
--lumx-color-blue-N: #2196f3; /* Neutral blue color */
367+
--lumx-color-blue-D2: rgb(25, 118, 210); /* Darkest blue color */
368+
--lumx-color-blue-D1: rgb(30, 136, 229); /* Dark blue color */
369+
--lumx-color-blue-N: rgb(33, 150, 243); /* Neutral blue color */
370370
--lumx-color-blue-L1: rgba(33, 150, 243, 0.8); /* Base blue color with 80% opacity */
371371
--lumx-color-blue-L2: rgba(33, 150, 243, 0.6); /* Base blue color with 60% opacity */
372372
--lumx-color-blue-L3: rgba(33, 150, 243, 0.4); /* Base blue color with 40% opacity */
373373
--lumx-color-blue-L4: rgba(33, 150, 243, 0.2); /* Base blue color with 20% opacity */
374374
--lumx-color-blue-L5: rgba(33, 150, 243, 0.1); /* Base blue color with 10% opacity */
375375
--lumx-color-blue-L6: rgba(33, 150, 243, 0.05); /* Base blue color with 5% opacity */
376-
--lumx-color-green-D2: #388e3c; /* Darkest green color */
377-
--lumx-color-green-D1: #43a047; /* Dark green color */
378-
--lumx-color-green-N: #4caf50; /* Neutral green color */
376+
--lumx-color-green-D2: rgb(56, 142, 60); /* Darkest green color */
377+
--lumx-color-green-D1: rgb(67, 160, 71); /* Dark green color */
378+
--lumx-color-green-N: rgb(76, 175, 80); /* Neutral green color */
379379
--lumx-color-green-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
380380
--lumx-color-green-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
381381
--lumx-color-green-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
382382
--lumx-color-green-L4: rgba(76, 175, 80, 0.2); /* Base green color with 20% opacity */
383383
--lumx-color-green-L5: rgba(76, 175, 80, 0.1); /* Base green color with 10% opacity */
384384
--lumx-color-green-L6: rgba(76, 175, 80, 0.05); /* Base green color with 5% opacity */
385-
--lumx-color-yellow-D2: #ff6f00; /* Darkest yellow color */
386-
--lumx-color-yellow-D1: #ff8f00; /* Dark yellow color */
387-
--lumx-color-yellow-N: #ffb300; /* Neutral yellow color */
385+
--lumx-color-yellow-D2: rgb(255, 111, 0); /* Darkest yellow color */
386+
--lumx-color-yellow-D1: rgb(255, 143, 0); /* Dark yellow color */
387+
--lumx-color-yellow-N: rgb(255, 179, 0); /* Neutral yellow color */
388388
--lumx-color-yellow-L1: rgba(255, 179, 0, 0.8); /* Base yellow color with 80% opacity */
389389
--lumx-color-yellow-L2: rgba(255, 179, 0, 0.7); /* Base yellow color with 70% opacity */
390390
--lumx-color-yellow-L3: rgba(255, 179, 0, 0.6); /* Base yellow color with 60% opacity */
391391
--lumx-color-yellow-L4: rgba(255, 179, 0, 0.4); /* Base yellow color with 40% opacity */
392392
--lumx-color-yellow-L5: rgba(255, 179, 0, 0.2); /* Base yellow color with 20% opacity */
393393
--lumx-color-yellow-L6: rgba(255, 179, 0, 0.1); /* Base yellow color with 10% opacity */
394-
--lumx-color-red-D2: #d32f2f; /* Darkest red color */
395-
--lumx-color-red-D1: #e53935; /* Dark red color */
396-
--lumx-color-red-N: #f44336; /* Neutral red color */
394+
--lumx-color-red-D2: rgb(211, 47, 47); /* Darkest red color */
395+
--lumx-color-red-D1: rgb(229, 57, 53); /* Dark red color */
396+
--lumx-color-red-N: rgb(244, 67, 54); /* Neutral red color */
397397
--lumx-color-red-L1: rgba(244, 67, 54, 0.8); /* Base red color with 80% opacity */
398398
--lumx-color-red-L2: rgba(244, 67, 54, 0.6); /* Base red color with 60% opacity */
399399
--lumx-color-red-L3: rgba(244, 67, 54, 0.4); /* Base red color with 40% opacity */
400400
--lumx-color-red-L4: rgba(244, 67, 54, 0.2); /* Base red color with 20% opacity */
401401
--lumx-color-red-L5: rgba(244, 67, 54, 0.1); /* Base red color with 10% opacity */
402402
--lumx-color-red-L6: rgba(244, 67, 54, 0.05); /* Base red color with 5% opacity */
403-
--lumx-color-grey-N: #757575; /* Neutral grey color */
403+
--lumx-color-grey-N: rgb(117, 117, 117); /* Neutral grey color */
404404
--lumx-color-grey-L1: rgba(117, 117, 117, 0.8); /* Base grey color with 80% opacity */
405405
--lumx-color-grey-L2: rgba(117, 117, 117, 0.6); /* Base grey color with 60% opacity */
406406
--lumx-color-grey-L3: rgba(117, 117, 117, 0.4); /* Base grey color with 40% opacity */
407407
--lumx-color-grey-L4: rgba(117, 117, 117, 0.2); /* Base grey color with 20% opacity */
408408
--lumx-color-grey-L5: rgba(117, 117, 117, 0.1); /* Base grey color with 10% opacity */
409409
--lumx-color-grey-L6: rgba(117, 117, 117, 0.05); /* Base grey color with 5% opacity */
410-
--lumx-color-primary-D2: #1976d2; /* Darkest blue color */
411-
--lumx-color-primary-D1: #1e88e5; /* Dark blue color */
412-
--lumx-color-primary-N: #2196f3; /* Neutral blue color */
410+
--lumx-color-primary-D2: rgb(25, 118, 210); /* Darkest blue color */
411+
--lumx-color-primary-D1: rgb(30, 136, 229); /* Dark blue color */
412+
--lumx-color-primary-N: rgb(33, 150, 243); /* Neutral blue color */
413413
--lumx-color-primary-L1: rgba(33, 150, 243, 0.8); /* Base blue color with 80% opacity */
414414
--lumx-color-primary-L2: rgba(33, 150, 243, 0.6); /* Base blue color with 60% opacity */
415415
--lumx-color-primary-L3: rgba(33, 150, 243, 0.4); /* Base blue color with 40% opacity */
416416
--lumx-color-primary-L4: rgba(33, 150, 243, 0.2); /* Base blue color with 20% opacity */
417417
--lumx-color-primary-L5: rgba(33, 150, 243, 0.1); /* Base blue color with 10% opacity */
418418
--lumx-color-primary-L6: rgba(33, 150, 243, 0.05); /* Base blue color with 5% opacity */
419-
--lumx-color-secondary-D2: #388e3c; /* Darkest green color */
420-
--lumx-color-secondary-D1: #43a047; /* Dark green color */
421-
--lumx-color-secondary-N: #4caf50; /* Neutral green color */
419+
--lumx-color-secondary-D2: rgb(56, 142, 60); /* Darkest green color */
420+
--lumx-color-secondary-D1: rgb(67, 160, 71); /* Dark green color */
421+
--lumx-color-secondary-N: rgb(76, 175, 80); /* Neutral green color */
422422
--lumx-color-secondary-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
423423
--lumx-color-secondary-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
424424
--lumx-color-secondary-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
425425
--lumx-color-secondary-L4: rgba(76, 175, 80, 0.2); /* Base green color with 20% opacity */
426426
--lumx-color-secondary-L5: rgba(76, 175, 80, 0.1); /* Base green color with 10% opacity */
427427
--lumx-color-secondary-L6: rgba(76, 175, 80, 0.05); /* Base green color with 5% opacity */
428-
--lumx-color-accent-D2: #388e3c; /* Darkest green color */
429-
--lumx-color-accent-D1: #43a047; /* Dark green color */
430-
--lumx-color-accent-N: #4caf50; /* Neutral green color */
428+
--lumx-color-accent-D2: rgb(56, 142, 60); /* Darkest green color */
429+
--lumx-color-accent-D1: rgb(67, 160, 71); /* Dark green color */
430+
--lumx-color-accent-N: rgb(76, 175, 80); /* Neutral green color */
431431
--lumx-color-accent-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
432432
--lumx-color-accent-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
433433
--lumx-color-accent-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
@@ -441,16 +441,16 @@
441441
--lumx-color-black-L4: rgba(0, 0, 0, 0.2); /* Base dark color with 20% opacity */
442442
--lumx-color-black-L5: rgba(0, 0, 0, 0.12); /* Base dark color with 12% opacity */
443443
--lumx-color-black-L6: rgba(0, 0, 0, 0.05); /* Base dark color with 5% opacity */
444-
--lumx-color-white-N: #ffffff; /* Neutral light color */
444+
--lumx-color-white-N: rgb(255, 255, 255); /* Neutral light color */
445445
--lumx-color-white-L1: rgba(255, 255, 255, 0.9); /* Base light color with 90% opacity */
446446
--lumx-color-white-L2: rgba(255, 255, 255, 0.8); /* Base light color with 80% opacity */
447447
--lumx-color-white-L3: rgba(255, 255, 255, 0.6); /* Base light color with 60% opacity */
448448
--lumx-color-white-L4: rgba(255, 255, 255, 0.4); /* Base light color with 40% opacity */
449449
--lumx-color-white-L5: rgba(255, 255, 255, 0.2); /* Base light color with 20% opacity */
450450
--lumx-color-white-L6: rgba(255, 255, 255, 0.1); /* Base light color with 10% opacity */
451-
--lumx-color-orange-D2: #ff6f00; /* Darkest yellow color */
452-
--lumx-color-orange-D1: #ff8f00; /* Dark yellow color */
453-
--lumx-color-orange-N: #ffb300; /* Neutral yellow color */
451+
--lumx-color-orange-D2: rgb(255, 111, 0); /* Darkest yellow color */
452+
--lumx-color-orange-D1: rgb(255, 143, 0); /* Dark yellow color */
453+
--lumx-color-orange-N: rgb(255, 179, 0); /* Neutral yellow color */
454454
--lumx-color-orange-L1: rgba(255, 179, 0, 0.8); /* Base yellow color with 80% opacity */
455455
--lumx-color-orange-L2: rgba(255, 179, 0, 0.7); /* Base yellow color with 70% opacity */
456456
--lumx-color-orange-L3: rgba(255, 179, 0, 0.6); /* Base yellow color with 60% opacity */

0 commit comments

Comments
 (0)