@qw-ui/tokens 0.3.0-next.6 → 0.3.0-next.8

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 (10) hide show
  1. package/dist/color-architecture.d.ts +14 -27
  2. package/dist/derive/reference.d.ts +1 -12
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +19 -122
  5. package/dist/index.js.map +1 -1
  6. package/dist/tokens.css +11 -12
  7. package/dist/tokens.json +14 -26
  8. package/dist/tokens.live.css +14 -20
  9. package/dist/tokens.ts +14 -26
  10. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -44,7 +44,6 @@
44
44
  --qw-ref-color-black-a90: rgba(34, 34, 34, 0.9);
45
45
  --qw-ref-color-black-a100: #222222;
46
46
  --qw-ref-color-black-base: #222222;
47
- --qw-ref-color-black-pure: #000000;
48
47
  --qw-ref-color-white-50: #F6F6F6;
49
48
  --qw-ref-color-white-100: #EBEBEB;
50
49
  --qw-ref-color-white-200: #D7D7D7;
@@ -473,7 +472,7 @@
473
472
  --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.1);
474
473
  --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.1);
475
474
  --qw-sem-color-control-action-danger-default: #FF5745;
476
- --qw-sem-color-control-action-danger-subtle: rgba(255, 87, 69, 0.1);
475
+ --qw-sem-color-control-action-danger-subtle: rgba(255, 64, 64, 0.1);
477
476
  --qw-sem-color-control-action-neutral-subtle: rgba(34, 34, 34, 0.05);
478
477
  --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.1);
479
478
  --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.1);
@@ -498,7 +497,7 @@
498
497
  --qw-sem-color-surface-elevated: #2D2D2D;
499
498
  --qw-sem-color-surface-header: #3A3A3A;
500
499
  --qw-sem-color-surface-brand-subtle: #001D66;
501
- --qw-sem-color-surface-canvas: #000000;
500
+ --qw-sem-color-surface-canvas: #121212;
502
501
  --qw-sem-color-surface-sunken: #2D2D2D;
503
502
  --qw-sem-color-surface-selected: rgba(255, 255, 255, 0.1);
504
503
  --qw-sem-color-content-primary: #ffffff;
@@ -523,20 +522,20 @@
523
522
  --qw-sem-color-fill-track: rgba(255, 255, 255, 0.2);
524
523
  --qw-sem-color-action-brand: #426EFF;
525
524
  --qw-sem-color-action-product: #266FFF;
526
- --qw-sem-color-action-selected: rgba(38, 111, 255, 0.4);
525
+ --qw-sem-color-action-selected: rgba(13, 83, 255, 0.4);
527
526
  --qw-sem-color-action-inverse: #222222;
528
- --qw-sem-color-control-action-brand-subtle: rgba(66, 110, 255, 0.2);
529
- --qw-sem-color-control-action-product-subtle: rgba(38, 111, 255, 0.2);
530
- --qw-sem-color-control-action-danger-subtle: rgba(255, 87, 69, 0.2);
527
+ --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.2);
528
+ --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.2);
529
+ --qw-sem-color-control-action-danger-subtle: rgba(255, 64, 64, 0.2);
531
530
  --qw-sem-color-control-action-neutral-subtle: rgba(255, 255, 255, 0.1);
532
- --qw-sem-color-control-selection-brand: rgba(66, 110, 255, 0.2);
533
- --qw-sem-color-control-selection-product: rgba(38, 111, 255, 0.2);
534
- --qw-sem-color-selection-text-background: rgba(38, 111, 255, 0.4);
531
+ --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.2);
532
+ --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.2);
533
+ --qw-sem-color-selection-text-background: rgba(13, 83, 255, 0.4);
535
534
  --qw-sem-color-status-info: #266FFF;
536
535
  --qw-sem-color-status-success-subtle: rgba(31, 153, 63, 0.2);
537
- --qw-sem-color-status-danger-subtle: rgba(255, 87, 69, 0.2);
536
+ --qw-sem-color-status-danger-subtle: rgba(255, 64, 64, 0.2);
538
537
  --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.7);
539
- --qw-sem-color-overlay-guide: rgba(38, 111, 255, 0.2);
538
+ --qw-sem-color-overlay-guide: rgba(13, 83, 255, 0.2);
540
539
  --qw-sem-color-shadow: rgba(34, 34, 34, 0.5);
541
540
  --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.5);
542
541
  --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.5);
package/dist/tokens.json CHANGED
@@ -264,12 +264,6 @@
264
264
  "--qw-ref-color-brown-800": "#542800",
265
265
  "--qw-ref-color-brown-900": "#200B00",
266
266
  "--qw-ref-color-brown-base": "#b45e06",
267
- "--qw-ref-color-brand-500-a20": "rgba(66, 110, 255, 0.2)",
268
- "--qw-ref-color-blue-600-a20": "rgba(38, 111, 255, 0.2)",
269
- "--qw-ref-color-blue-600-a40": "rgba(38, 111, 255, 0.4)",
270
- "--qw-ref-color-red-400-a10": "rgba(255, 87, 69, 0.1)",
271
- "--qw-ref-color-red-400-a20": "rgba(255, 87, 69, 0.2)",
272
- "--qw-ref-color-black-pure": "#000000",
273
267
  "--qw-ref-size-spacing-1": "4px",
274
268
  "--qw-ref-size-spacing-2": "8px",
275
269
  "--qw-ref-size-spacing-3": "12px",
@@ -485,7 +479,7 @@
485
479
  "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.1)",
486
480
  "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.1)",
487
481
  "--qw-sem-color-control-action-danger-default": "#FF5745",
488
- "--qw-sem-color-control-action-danger-subtle": "rgba(255, 87, 69, 0.1)",
482
+ "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.1)",
489
483
  "--qw-sem-color-control-action-neutral-subtle": "rgba(34, 34, 34, 0.05)",
490
484
  "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.1)",
491
485
  "--qw-sem-color-control-selection-product": "rgba(13, 83, 255, 0.1)",
@@ -496,7 +490,7 @@
496
490
  "--qw-sem-color-status-info": "#0d53ff",
497
491
  "--qw-sem-color-status-success-subtle": "rgba(31, 153, 63, 0.1)",
498
492
  "--qw-sem-color-status-warning-subtle": "rgba(255, 213, 117, 0.2)",
499
- "--qw-sem-color-status-danger-subtle": "rgba(255, 87, 69, 0.1)",
493
+ "--qw-sem-color-status-danger-subtle": "rgba(255, 64, 64, 0.1)",
500
494
  "--qw-sem-color-status-info-subtle": "rgba(13, 83, 255, 0.1)",
501
495
  "--qw-sem-color-overlay-scrim": "rgba(34, 34, 34, 0.5)",
502
496
  "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.1)",
@@ -775,12 +769,6 @@
775
769
  "--qw-ref-color-brown-800": "#542800",
776
770
  "--qw-ref-color-brown-900": "#200B00",
777
771
  "--qw-ref-color-brown-base": "#b45e06",
778
- "--qw-ref-color-brand-500-a20": "rgba(66, 110, 255, 0.2)",
779
- "--qw-ref-color-blue-600-a20": "rgba(38, 111, 255, 0.2)",
780
- "--qw-ref-color-blue-600-a40": "rgba(38, 111, 255, 0.4)",
781
- "--qw-ref-color-red-400-a10": "rgba(255, 87, 69, 0.1)",
782
- "--qw-ref-color-red-400-a20": "rgba(255, 87, 69, 0.2)",
783
- "--qw-ref-color-black-pure": "#000000",
784
772
  "--qw-ref-size-spacing-1": "4px",
785
773
  "--qw-ref-size-spacing-2": "8px",
786
774
  "--qw-ref-size-spacing-3": "12px",
@@ -962,11 +950,11 @@
962
950
  "--qw-sem-color-surface-elevated": "#2D2D2D",
963
951
  "--qw-sem-color-surface-header": "#3A3A3A",
964
952
  "--qw-sem-color-surface-brand-subtle": "#001D66",
965
- "--qw-sem-color-surface-canvas": "#000000",
953
+ "--qw-sem-color-surface-canvas": "#121212",
966
954
  "--qw-sem-color-surface-sunken": "#2D2D2D",
967
955
  "--qw-sem-color-surface-selected": "rgba(255, 255, 255, 0.1)",
968
956
  "--qw-sem-color-surface-inverse": "#353535",
969
- "--qw-sem-color-surface-canvas-subtle": "#000000",
957
+ "--qw-sem-color-surface-canvas-subtle": "#121212",
970
958
  "--qw-sem-color-content-primary": "#ffffff",
971
959
  "--qw-sem-color-content-secondary": "#999999",
972
960
  "--qw-sem-color-content-tertiary": "#666666",
@@ -991,26 +979,26 @@
991
979
  "--qw-sem-color-fill-track": "rgba(255, 255, 255, 0.2)",
992
980
  "--qw-sem-color-action-brand": "#426EFF",
993
981
  "--qw-sem-color-action-product": "#266FFF",
994
- "--qw-sem-color-action-selected": "rgba(38, 111, 255, 0.4)",
982
+ "--qw-sem-color-action-selected": "rgba(13, 83, 255, 0.4)",
995
983
  "--qw-sem-color-action-inverse": "#222222",
996
- "--qw-sem-color-control-action-brand-subtle": "rgba(66, 110, 255, 0.2)",
997
- "--qw-sem-color-control-action-product-subtle": "rgba(38, 111, 255, 0.2)",
984
+ "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.2)",
985
+ "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.2)",
998
986
  "--qw-sem-color-control-action-danger-default": "#FF5745",
999
- "--qw-sem-color-control-action-danger-subtle": "rgba(255, 87, 69, 0.2)",
987
+ "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.2)",
1000
988
  "--qw-sem-color-control-action-neutral-subtle": "rgba(255, 255, 255, 0.1)",
1001
- "--qw-sem-color-control-selection-brand": "rgba(66, 110, 255, 0.2)",
1002
- "--qw-sem-color-control-selection-product": "rgba(38, 111, 255, 0.2)",
1003
- "--qw-sem-color-selection-text-background": "rgba(38, 111, 255, 0.4)",
989
+ "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.2)",
990
+ "--qw-sem-color-control-selection-product": "rgba(13, 83, 255, 0.2)",
991
+ "--qw-sem-color-selection-text-background": "rgba(13, 83, 255, 0.4)",
1004
992
  "--qw-sem-color-status-success": "#1f993f",
1005
993
  "--qw-sem-color-status-warning": "#ffd575",
1006
994
  "--qw-sem-color-status-danger": "#FF5745",
1007
995
  "--qw-sem-color-status-info": "#266FFF",
1008
996
  "--qw-sem-color-status-success-subtle": "rgba(31, 153, 63, 0.2)",
1009
997
  "--qw-sem-color-status-warning-subtle": "rgba(255, 213, 117, 0.2)",
1010
- "--qw-sem-color-status-danger-subtle": "rgba(255, 87, 69, 0.2)",
1011
- "--qw-sem-color-status-info-subtle": "rgba(38, 111, 255, 0.2)",
998
+ "--qw-sem-color-status-danger-subtle": "rgba(255, 64, 64, 0.2)",
999
+ "--qw-sem-color-status-info-subtle": "rgba(13, 83, 255, 0.2)",
1012
1000
  "--qw-sem-color-overlay-scrim": "rgba(34, 34, 34, 0.7)",
1013
- "--qw-sem-color-overlay-guide": "rgba(38, 111, 255, 0.2)",
1001
+ "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.2)",
1014
1002
  "--qw-sem-color-overlay-media-subtle": "rgba(34, 34, 34, 0.4)",
1015
1003
  "--qw-sem-color-overlay-media-strong": "rgba(34, 34, 34, 0.5)",
1016
1004
  "--qw-sem-color-shadow": "rgba(34, 34, 34, 0.5)",
package/dist/tokens.live.css CHANGED
@@ -304,12 +304,6 @@
304
304
  --qw-ref-color-brown-800: #542800;
305
305
  --qw-ref-color-brown-900: #200B00;
306
306
  --qw-ref-color-brown-base: var(--qw-seed-color-brown);
307
- --qw-ref-color-brand-500-a20: rgba(66, 110, 255, 0.2);
308
- --qw-ref-color-blue-600-a20: rgba(38, 111, 255, 0.2);
309
- --qw-ref-color-blue-600-a40: rgba(38, 111, 255, 0.4);
310
- --qw-ref-color-red-400-a10: rgba(255, 87, 69, 0.1);
311
- --qw-ref-color-red-400-a20: rgba(255, 87, 69, 0.2);
312
- --qw-ref-color-black-pure: #000000;
313
307
  --qw-ref-size-spacing-1: calc(var(--qw-seed-size-spacing-step) * 1);
314
308
  --qw-ref-size-spacing-2: calc(var(--qw-seed-size-spacing-step) * 2);
315
309
  --qw-ref-size-spacing-3: calc(var(--qw-seed-size-spacing-step) * 3);
@@ -525,7 +519,7 @@
525
519
  --qw-sem-color-control-action-brand-subtle: var(--qw-ref-color-brand-a10);
526
520
  --qw-sem-color-control-action-product-subtle: var(--qw-ref-color-blue-a10);
527
521
  --qw-sem-color-control-action-danger-default: var(--qw-ref-color-red-400);
528
- --qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-400-a10);
522
+ --qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-a10);
529
523
  --qw-sem-color-control-action-neutral-subtle: var(--qw-ref-color-black-a5);
530
524
  --qw-sem-color-control-selection-brand: var(--qw-ref-color-brand-a10);
531
525
  --qw-sem-color-control-selection-product: var(--qw-ref-color-blue-a10);
@@ -536,7 +530,7 @@
536
530
  --qw-sem-color-status-info: var(--qw-ref-color-blue-base);
537
531
  --qw-sem-color-status-success-subtle: var(--qw-ref-color-green-a10);
538
532
  --qw-sem-color-status-warning-subtle: var(--qw-ref-color-yellow-a20);
539
- --qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-400-a10);
533
+ --qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-a10);
540
534
  --qw-sem-color-status-info-subtle: var(--qw-ref-color-blue-a10);
541
535
  --qw-sem-color-overlay-scrim: var(--qw-ref-color-black-a50);
542
536
  --qw-sem-color-overlay-guide: var(--qw-ref-color-blue-a10);
@@ -557,10 +551,10 @@
557
551
  --qw-sem-color-surface-elevated: var(--qw-ref-color-gray-800);
558
552
  --qw-sem-color-surface-header: var(--qw-ref-color-gray-700);
559
553
  --qw-sem-color-surface-brand-subtle: var(--qw-ref-color-blue-800);
560
- --qw-sem-color-surface-canvas: var(--qw-ref-color-black-pure);
554
+ --qw-sem-color-surface-canvas: var(--qw-ref-color-black-900);
561
555
  --qw-sem-color-surface-sunken: var(--qw-ref-color-gray-800);
562
556
  --qw-sem-color-surface-selected: var(--qw-ref-color-white-a10);
563
- --qw-sem-color-surface-canvas-subtle: var(--qw-ref-color-black-pure);
557
+ --qw-sem-color-surface-canvas-subtle: var(--qw-ref-color-black-900);
564
558
  --qw-sem-color-content-primary: var(--qw-ref-color-white-base);
565
559
  --qw-sem-color-content-secondary: var(--qw-ref-color-gray-base);
566
560
  --qw-sem-color-content-tertiary: var(--qw-ref-color-gray-600);
@@ -583,21 +577,21 @@
583
577
  --qw-sem-color-fill-track: var(--qw-ref-color-white-a20);
584
578
  --qw-sem-color-action-brand: var(--qw-ref-color-brand-500);
585
579
  --qw-sem-color-action-product: var(--qw-ref-color-blue-600);
586
- --qw-sem-color-action-selected: var(--qw-ref-color-blue-600-a40);
580
+ --qw-sem-color-action-selected: var(--qw-ref-color-blue-a40);
587
581
  --qw-sem-color-action-inverse: var(--qw-ref-color-black-base);
588
- --qw-sem-color-control-action-brand-subtle: var(--qw-ref-color-brand-500-a20);
589
- --qw-sem-color-control-action-product-subtle: var(--qw-ref-color-blue-600-a20);
590
- --qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-400-a20);
582
+ --qw-sem-color-control-action-brand-subtle: var(--qw-ref-color-brand-a20);
583
+ --qw-sem-color-control-action-product-subtle: var(--qw-ref-color-blue-a20);
584
+ --qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-a20);
591
585
  --qw-sem-color-control-action-neutral-subtle: var(--qw-ref-color-white-a10);
592
- --qw-sem-color-control-selection-brand: var(--qw-ref-color-brand-500-a20);
593
- --qw-sem-color-control-selection-product: var(--qw-ref-color-blue-600-a20);
594
- --qw-sem-color-selection-text-background: var(--qw-ref-color-blue-600-a40);
586
+ --qw-sem-color-control-selection-brand: var(--qw-ref-color-brand-a20);
587
+ --qw-sem-color-control-selection-product: var(--qw-ref-color-blue-a20);
588
+ --qw-sem-color-selection-text-background: var(--qw-ref-color-blue-a40);
595
589
  --qw-sem-color-status-info: var(--qw-ref-color-blue-600);
596
590
  --qw-sem-color-status-success-subtle: var(--qw-ref-color-green-a20);
597
- --qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-400-a20);
598
- --qw-sem-color-status-info-subtle: var(--qw-ref-color-blue-600-a20);
591
+ --qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-a20);
592
+ --qw-sem-color-status-info-subtle: var(--qw-ref-color-blue-a20);
599
593
  --qw-sem-color-overlay-scrim: var(--qw-ref-color-black-a70);
600
- --qw-sem-color-overlay-guide: var(--qw-ref-color-blue-600-a20);
594
+ --qw-sem-color-overlay-guide: var(--qw-ref-color-blue-a20);
601
595
  --qw-sem-color-shadow: var(--qw-ref-color-black-a50);
602
596
  --qw-sem-effect-shadow-card-color: var(--qw-ref-color-black-a50);
603
597
  --qw-sem-effect-shadow-floating-color: var(--qw-ref-color-black-a50);
package/dist/tokens.ts CHANGED
@@ -264,12 +264,6 @@ export const lightTokens = {
264
264
  "--qw-ref-color-brown-800": "#542800",
265
265
  "--qw-ref-color-brown-900": "#200B00",
266
266
  "--qw-ref-color-brown-base": "#b45e06",
267
- "--qw-ref-color-brand-500-a20": "rgba(66, 110, 255, 0.2)",
268
- "--qw-ref-color-blue-600-a20": "rgba(38, 111, 255, 0.2)",
269
- "--qw-ref-color-blue-600-a40": "rgba(38, 111, 255, 0.4)",
270
- "--qw-ref-color-red-400-a10": "rgba(255, 87, 69, 0.1)",
271
- "--qw-ref-color-red-400-a20": "rgba(255, 87, 69, 0.2)",
272
- "--qw-ref-color-black-pure": "#000000",
273
267
  "--qw-ref-size-spacing-1": "4px",
274
268
  "--qw-ref-size-spacing-2": "8px",
275
269
  "--qw-ref-size-spacing-3": "12px",
@@ -485,7 +479,7 @@ export const lightTokens = {
485
479
  "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.1)",
486
480
  "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.1)",
487
481
  "--qw-sem-color-control-action-danger-default": "#FF5745",
488
- "--qw-sem-color-control-action-danger-subtle": "rgba(255, 87, 69, 0.1)",
482
+ "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.1)",
489
483
  "--qw-sem-color-control-action-neutral-subtle": "rgba(34, 34, 34, 0.05)",
490
484
  "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.1)",
491
485
  "--qw-sem-color-control-selection-product": "rgba(13, 83, 255, 0.1)",
@@ -496,7 +490,7 @@ export const lightTokens = {
496
490
  "--qw-sem-color-status-info": "#0d53ff",
497
491
  "--qw-sem-color-status-success-subtle": "rgba(31, 153, 63, 0.1)",
498
492
  "--qw-sem-color-status-warning-subtle": "rgba(255, 213, 117, 0.2)",
499
- "--qw-sem-color-status-danger-subtle": "rgba(255, 87, 69, 0.1)",
493
+ "--qw-sem-color-status-danger-subtle": "rgba(255, 64, 64, 0.1)",
500
494
  "--qw-sem-color-status-info-subtle": "rgba(13, 83, 255, 0.1)",
501
495
  "--qw-sem-color-overlay-scrim": "rgba(34, 34, 34, 0.5)",
502
496
  "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.1)",
@@ -775,12 +769,6 @@ export const darkTokens = {
775
769
  "--qw-ref-color-brown-800": "#542800",
776
770
  "--qw-ref-color-brown-900": "#200B00",
777
771
  "--qw-ref-color-brown-base": "#b45e06",
778
- "--qw-ref-color-brand-500-a20": "rgba(66, 110, 255, 0.2)",
779
- "--qw-ref-color-blue-600-a20": "rgba(38, 111, 255, 0.2)",
780
- "--qw-ref-color-blue-600-a40": "rgba(38, 111, 255, 0.4)",
781
- "--qw-ref-color-red-400-a10": "rgba(255, 87, 69, 0.1)",
782
- "--qw-ref-color-red-400-a20": "rgba(255, 87, 69, 0.2)",
783
- "--qw-ref-color-black-pure": "#000000",
784
772
  "--qw-ref-size-spacing-1": "4px",
785
773
  "--qw-ref-size-spacing-2": "8px",
786
774
  "--qw-ref-size-spacing-3": "12px",
@@ -962,11 +950,11 @@ export const darkTokens = {
962
950
  "--qw-sem-color-surface-elevated": "#2D2D2D",
963
951
  "--qw-sem-color-surface-header": "#3A3A3A",
964
952
  "--qw-sem-color-surface-brand-subtle": "#001D66",
965
- "--qw-sem-color-surface-canvas": "#000000",
953
+ "--qw-sem-color-surface-canvas": "#121212",
966
954
  "--qw-sem-color-surface-sunken": "#2D2D2D",
967
955
  "--qw-sem-color-surface-selected": "rgba(255, 255, 255, 0.1)",
968
956
  "--qw-sem-color-surface-inverse": "#353535",
969
- "--qw-sem-color-surface-canvas-subtle": "#000000",
957
+ "--qw-sem-color-surface-canvas-subtle": "#121212",
970
958
  "--qw-sem-color-content-primary": "#ffffff",
971
959
  "--qw-sem-color-content-secondary": "#999999",
972
960
  "--qw-sem-color-content-tertiary": "#666666",
@@ -991,26 +979,26 @@ export const darkTokens = {
991
979
  "--qw-sem-color-fill-track": "rgba(255, 255, 255, 0.2)",
992
980
  "--qw-sem-color-action-brand": "#426EFF",
993
981
  "--qw-sem-color-action-product": "#266FFF",
994
- "--qw-sem-color-action-selected": "rgba(38, 111, 255, 0.4)",
982
+ "--qw-sem-color-action-selected": "rgba(13, 83, 255, 0.4)",
995
983
  "--qw-sem-color-action-inverse": "#222222",
996
- "--qw-sem-color-control-action-brand-subtle": "rgba(66, 110, 255, 0.2)",
997
- "--qw-sem-color-control-action-product-subtle": "rgba(38, 111, 255, 0.2)",
984
+ "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.2)",
985
+ "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.2)",
998
986
  "--qw-sem-color-control-action-danger-default": "#FF5745",
999
- "--qw-sem-color-control-action-danger-subtle": "rgba(255, 87, 69, 0.2)",
987
+ "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.2)",
1000
988
  "--qw-sem-color-control-action-neutral-subtle": "rgba(255, 255, 255, 0.1)",
1001
- "--qw-sem-color-control-selection-brand": "rgba(66, 110, 255, 0.2)",
1002
- "--qw-sem-color-control-selection-product": "rgba(38, 111, 255, 0.2)",
1003
- "--qw-sem-color-selection-text-background": "rgba(38, 111, 255, 0.4)",
989
+ "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.2)",
990
+ "--qw-sem-color-control-selection-product": "rgba(13, 83, 255, 0.2)",
991
+ "--qw-sem-color-selection-text-background": "rgba(13, 83, 255, 0.4)",
1004
992
  "--qw-sem-color-status-success": "#1f993f",
1005
993
  "--qw-sem-color-status-warning": "#ffd575",
1006
994
  "--qw-sem-color-status-danger": "#FF5745",
1007
995
  "--qw-sem-color-status-info": "#266FFF",
1008
996
  "--qw-sem-color-status-success-subtle": "rgba(31, 153, 63, 0.2)",
1009
997
  "--qw-sem-color-status-warning-subtle": "rgba(255, 213, 117, 0.2)",
1010
- "--qw-sem-color-status-danger-subtle": "rgba(255, 87, 69, 0.2)",
1011
- "--qw-sem-color-status-info-subtle": "rgba(38, 111, 255, 0.2)",
998
+ "--qw-sem-color-status-danger-subtle": "rgba(255, 64, 64, 0.2)",
999
+ "--qw-sem-color-status-info-subtle": "rgba(13, 83, 255, 0.2)",
1012
1000
  "--qw-sem-color-overlay-scrim": "rgba(34, 34, 34, 0.7)",
1013
- "--qw-sem-color-overlay-guide": "rgba(38, 111, 255, 0.2)",
1001
+ "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.2)",
1014
1002
  "--qw-sem-color-overlay-media-subtle": "rgba(34, 34, 34, 0.4)",
1015
1003
  "--qw-sem-color-overlay-media-strong": "rgba(34, 34, 34, 0.5)",
1016
1004
  "--qw-sem-color-shadow": "rgba(34, 34, 34, 0.5)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qw-ui/tokens",
3
- "version": "0.3.0-next.6",
3
+ "version": "0.3.0-next.8",
4
4
  "description": "QW token pipeline: Figma Color variables are the color source of truth; code validates snapshots and builds CSS / TS exits.",
5
5
  "license": "MIT",
6
6
  "author": "qw-ui contributors",