@daikin-oss/dds-tokens 0.2.0 → 0.2.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 (35) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/build/css/aaf/Dark/variables.css +12 -0
  3. package/build/css/aaf/Light/variables.css +12 -0
  4. package/build/css/daikin/Dark/buttons.css +16 -16
  5. package/build/css/daikin/Dark/variables.css +101 -43
  6. package/build/css/daikin/Light/variables.css +18 -1
  7. package/build/js/aaf/Dark/variables.cjs +12 -0
  8. package/build/js/aaf/Dark/variables.d.cts +12 -0
  9. package/build/js/aaf/Dark/variables.d.ts +12 -0
  10. package/build/js/aaf/Dark/variables.js +12 -0
  11. package/build/js/aaf/Light/variables.cjs +12 -0
  12. package/build/js/aaf/Light/variables.d.cts +12 -0
  13. package/build/js/aaf/Light/variables.d.ts +12 -0
  14. package/build/js/aaf/Light/variables.js +12 -0
  15. package/build/js/daikin/Dark/variables.cjs +101 -43
  16. package/build/js/daikin/Dark/variables.d.cts +58 -0
  17. package/build/js/daikin/Dark/variables.d.ts +58 -0
  18. package/build/js/daikin/Dark/variables.js +101 -43
  19. package/build/js/daikin/Light/variables.cjs +18 -1
  20. package/build/js/daikin/Light/variables.d.cts +17 -0
  21. package/build/js/daikin/Light/variables.d.ts +17 -0
  22. package/build/js/daikin/Light/variables.js +18 -1
  23. package/build/json/aaf/Dark/tokens.json +48 -0
  24. package/build/json/aaf/Light/tokens.json +48 -0
  25. package/build/json/daikin/Dark/tokens.json +275 -43
  26. package/build/json/daikin/Light/tokens.json +69 -1
  27. package/build/scss/aaf/Dark/_mixins.scss +12 -0
  28. package/build/scss/aaf/Light/_mixins.scss +12 -0
  29. package/build/scss/daikin/Dark/_mixins.scss +101 -43
  30. package/build/scss/daikin/Light/_mixins.scss +18 -1
  31. package/package.json +1 -1
  32. package/themes/dkn/dark/component.json +92 -16
  33. package/themes/dkn/dark/system.json +168 -8
  34. package/themes/dkn/light/component.json +27 -1
  35. package/themes/reference.json +50 -0
package/build/json/daikin/Dark/tokens.json CHANGED
@@ -387,6 +387,54 @@
387
387
  "#1a1a1a",
388
388
  "color"
389
389
  ],
390
+ "color-purple-10": [
391
+ "#f0ddf3",
392
+ "color"
393
+ ],
394
+ "color-purple-20": [
395
+ "#e1bbe8",
396
+ "color"
397
+ ],
398
+ "color-purple-30": [
399
+ "#d399dc",
400
+ "color"
401
+ ],
402
+ "color-purple-40": [
403
+ "#c477d0",
404
+ "color"
405
+ ],
406
+ "color-purple-50": [
407
+ "#b556c5",
408
+ "color"
409
+ ],
410
+ "color-purple-60": [
411
+ "#a03db0",
412
+ "color"
413
+ ],
414
+ "color-purple-70": [
415
+ "#81318e",
416
+ "color"
417
+ ],
418
+ "color-purple-80": [
419
+ "#6f2a7a",
420
+ "color"
421
+ ],
422
+ "color-purple-90": [
423
+ "#5c2365",
424
+ "color"
425
+ ],
426
+ "color-purple-100": [
427
+ "#4a1c51",
428
+ "color"
429
+ ],
430
+ "color-purple-110": [
431
+ "#37153d",
432
+ "color"
433
+ ],
434
+ "color-purple-120": [
435
+ "#250e29",
436
+ "color"
437
+ ],
390
438
  "color-feedback-positive": [
391
439
  "#00c3ac",
392
440
  "color"
@@ -408,39 +456,207 @@
408
456
  "color"
409
457
  ],
410
458
  "color-brand-primary": [
411
- "#76cff4",
459
+ "#30ade9",
412
460
  "color"
413
461
  ],
414
462
  "color-brand-secondary": [
415
- "#30ade9",
463
+ "#76cff4",
416
464
  "color"
417
465
  ],
418
466
  "color-text-brand-primary": [
419
- "#76cff4",
467
+ "#30ade9",
420
468
  "color"
421
469
  ],
422
470
  "color-text-theme": [
423
- "#414141",
471
+ "#ffffff",
424
472
  "color"
425
473
  ],
426
474
  "color-text-default": [
427
- "#f2f2f2",
475
+ "#414141",
428
476
  "color"
429
477
  ],
430
478
  "color-text-default-sub": [
431
- "#ebebeb",
479
+ "#616161",
432
480
  "color"
433
481
  ],
434
482
  "color-background-theme": [
435
- "#000000",
483
+ "#ffffff",
436
484
  "color"
437
485
  ],
438
486
  "color-background-component": [
439
- "#414141",
487
+ "#ffffff",
440
488
  "color"
441
489
  ],
442
490
  "color-background-object": [
443
- "#f2f2f2",
491
+ "#414141",
492
+ "color"
493
+ ],
494
+ "color-common-brand-default": [
495
+ "#30ade9",
496
+ "color"
497
+ ],
498
+ "color-common-brand-hover": [
499
+ "#54c3f1",
500
+ "color"
501
+ ],
502
+ "color-common-brand-press": [
503
+ "#76cff4",
504
+ "color"
505
+ ],
506
+ "color-common-surface-brand-hover": [
507
+ "#002b40",
508
+ "color"
509
+ ],
510
+ "color-common-surface-brand-press": [
511
+ "#004160",
512
+ "color"
513
+ ],
514
+ "color-common-surface-neutral-hover": [
515
+ "#313131",
516
+ "color"
517
+ ],
518
+ "color-common-surface-neutral-press": [
519
+ "#414141",
520
+ "color"
521
+ ],
522
+ "color-common-surface-danger-hover": [
523
+ "#3e0307",
524
+ "color"
525
+ ],
526
+ "color-common-surface-danger-press": [
527
+ "#5d050a",
528
+ "color"
529
+ ],
530
+ "color-common-surface-default": [
531
+ "#212121",
532
+ "color"
533
+ ],
534
+ "color-common-surface-hover": [
535
+ "#313131",
536
+ "color"
537
+ ],
538
+ "color-common-surface-press": [
539
+ "#414141",
540
+ "color"
541
+ ],
542
+ "color-common-surface-selected-default": [
543
+ "#002b40",
544
+ "color"
545
+ ],
546
+ "color-common-surface-selected-hover": [
547
+ "#004160",
548
+ "color"
549
+ ],
550
+ "color-common-surface-selected-press": [
551
+ "#005077",
552
+ "color"
553
+ ],
554
+ "color-common-neutral-default": [
555
+ "#bfbfbf",
556
+ "color"
557
+ ],
558
+ "color-common-neutral-hover": [
559
+ "#cecece",
560
+ "color"
561
+ ],
562
+ "color-common-neutral-press": [
563
+ "#dcdcdc",
564
+ "color"
565
+ ],
566
+ "color-common-danger-default": [
567
+ "#f21a27",
568
+ "color"
569
+ ],
570
+ "color-common-danger-hover": [
571
+ "#f4404b",
572
+ "color"
573
+ ],
574
+ "color-common-danger-press": [
575
+ "#f7666f",
576
+ "color"
577
+ ],
578
+ "color-common-success": [
579
+ "#00c3ac",
580
+ "color"
581
+ ],
582
+ "color-common-warning": [
583
+ "#efb000",
584
+ "color"
585
+ ],
586
+ "color-common-alarm": [
587
+ "#fa7a12",
588
+ "color"
589
+ ],
590
+ "color-common-information": [
591
+ "#30ade9",
592
+ "color"
593
+ ],
594
+ "color-common-disabled": [
595
+ "#616161",
596
+ "color"
597
+ ],
598
+ "color-common-text-primary": [
599
+ "#dcdcdc",
600
+ "color"
601
+ ],
602
+ "color-common-text-secondary": [
603
+ "#bfbfbf",
604
+ "color"
605
+ ],
606
+ "color-common-text-inverse": [
607
+ "#212121",
608
+ "color"
609
+ ],
610
+ "color-common-border-focus": [
611
+ "#54c3f1",
612
+ "color"
613
+ ],
614
+ "color-common-border-empty": [
615
+ "#515151",
616
+ "color"
617
+ ],
618
+ "color-common-background-default": [
619
+ "#212121",
620
+ "color"
621
+ ],
622
+ "color-common-background-overlay": [
623
+ "#000000",
624
+ "color"
625
+ ],
626
+ "color-divider": [
627
+ "#515151",
628
+ "color"
629
+ ],
630
+ "color-link-text-default": [
631
+ "#76cff4",
632
+ "color"
633
+ ],
634
+ "color-link-text-hover": [
635
+ "#98dbf7",
636
+ "color"
637
+ ],
638
+ "color-link-text-press": [
639
+ "#bbe7f9",
640
+ "color"
641
+ ],
642
+ "color-link-text-visited-default": [
643
+ "#c477d0",
644
+ "color"
645
+ ],
646
+ "color-link-text-visited-hover": [
647
+ "#d399dc",
648
+ "color"
649
+ ],
650
+ "color-link-text-visited-press": [
651
+ "#e1bbe8",
652
+ "color"
653
+ ],
654
+ "color-link-surface-visited-hover": [
655
+ "#250e29",
656
+ "color"
657
+ ],
658
+ "color-link-surface-visited-press": [
659
+ "#37153d",
444
660
  "color"
445
661
  ],
446
662
  "border-radius-100": [
@@ -700,11 +916,11 @@
700
916
  "color"
701
917
  ],
702
918
  "notification-color-background-theme": [
703
- "#414141",
919
+ "#ffffff",
704
920
  "color"
705
921
  ],
706
922
  "notification-color-text": [
707
- "#f2f2f2",
923
+ "#414141",
708
924
  "color"
709
925
  ],
710
926
  "notification-shadow": [
@@ -716,131 +932,147 @@
716
932
  "color"
717
933
  ],
718
934
  "icon-color-background-default": [
719
- "#f2f2f2",
935
+ "#414141",
720
936
  "color"
721
937
  ],
722
938
  "icon-color-background-theme": [
723
- "#000000",
939
+ "#ffffff",
724
940
  "color"
725
941
  ],
726
942
  "container-color-background": [
727
- "#414141",
943
+ "#ffffff",
728
944
  "color"
729
945
  ],
730
946
  "container-color-text-header": [
731
- "#f2f2f2",
947
+ "#414141",
732
948
  "color"
733
949
  ],
734
950
  "container-color-text-body": [
735
- "#ebebeb",
951
+ "#616161",
736
952
  "color"
737
953
  ],
738
954
  "card-shadow": [
739
- "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
955
+ "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
740
956
  "shadow"
741
957
  ],
958
+ "card-color-background": [
959
+ "#ffffff",
960
+ "color"
961
+ ],
962
+ "card-border-hover": [
963
+ "2px solid #BFBFBF",
964
+ "border"
965
+ ],
966
+ "card-border-alert": [
967
+ "2px solid #f21a27",
968
+ "border"
969
+ ],
970
+ "card-border-underline": [
971
+ "1px solid #d8dde0",
972
+ "border"
973
+ ],
742
974
  "button-color-background-primary-active": [
743
- "#76cff4",
975
+ "#30ade9",
744
976
  "color"
745
977
  ],
746
978
  "button-color-background-primary-hover": [
747
- "#30ade9",
979
+ "#76cff4",
748
980
  "color"
749
981
  ],
750
982
  "button-color-background-primary-press": [
751
- "#98dbf7",
983
+ "#0097e0",
752
984
  "color"
753
985
  ],
754
986
  "button-color-background-primary-focus": [
755
- "#bbe7f9",
987
+ "#0081c0",
756
988
  "color"
757
989
  ],
758
990
  "button-color-background-primary-disabled": [
759
- "#616161",
991
+ "#dcdcdc",
760
992
  "color"
761
993
  ],
762
994
  "button-color-border-secondary-active": [
763
- "#76cff4",
995
+ "#30ade9",
764
996
  "color"
765
997
  ],
766
998
  "button-color-border-secondary-hover": [
767
- "#30ade9",
999
+ "#76cff4",
768
1000
  "color"
769
1001
  ],
770
1002
  "button-color-border-secondary-press": [
771
- "#98dbf7",
1003
+ "#0097e0",
772
1004
  "color"
773
1005
  ],
774
1006
  "button-color-border-secondary-focus": [
775
- "#bbe7f9",
1007
+ "#0081c0",
776
1008
  "color"
777
1009
  ],
778
1010
  "button-color-border-secondary-disabled": [
779
- "#616161",
1011
+ "#dcdcdc",
780
1012
  "color"
781
1013
  ],
782
1014
  "button-color-text-secondary-active": [
783
- "#76cff4",
1015
+ "#30ade9",
784
1016
  "color"
785
1017
  ],
786
1018
  "button-color-text-secondary-hover": [
787
- "#30ade9",
1019
+ "#76cff4",
788
1020
  "color"
789
1021
  ],
790
1022
  "button-color-text-secondary-press": [
791
- "#98dbf7",
1023
+ "#0097e0",
792
1024
  "color"
793
1025
  ],
794
1026
  "button-color-text-secondary-focus": [
795
- "#bbe7f9",
1027
+ "#0081c0",
796
1028
  "color"
797
1029
  ],
798
1030
  "button-color-text-secondary-disabled": [
799
- "#616161",
1031
+ "#dcdcdc",
800
1032
  "color"
801
1033
  ],
802
1034
  "button-color-text-primary": [
803
- "#414141",
1035
+ "#ffffff",
804
1036
  "color"
805
1037
  ],
806
1038
  "tab-color-line-active": [
807
- "#76cff4",
1039
+ "#30ade9",
808
1040
  "color"
809
1041
  ],
810
1042
  "tab-color-line-hover": [
811
- "#30ade9",
1043
+ "#76cff4",
812
1044
  "color"
813
1045
  ],
814
1046
  "tab-color-line-press": [
815
- "#98dbf7",
1047
+ "#0097e0",
816
1048
  "color"
817
1049
  ],
818
1050
  "tab-color-line-focus": [
819
- "#bbe7f9",
1051
+ "#0081c0",
820
1052
  "color"
821
1053
  ],
822
1054
  "tab-color-line-disabled": [
823
- "#616161",
1055
+ "#dcdcdc",
824
1056
  "color"
825
1057
  ],
826
1058
  "tab-color-text-active": [
827
- "#76cff4",
1059
+ "#30ade9",
828
1060
  "color"
829
1061
  ],
830
1062
  "tab-color-text-hover": [
831
- "#30ade9",
1063
+ "#76cff4",
832
1064
  "color"
833
1065
  ],
834
1066
  "tab-color-text-press": [
835
- "#98dbf7",
1067
+ "#0097e0",
836
1068
  "color"
837
1069
  ],
838
1070
  "tab-color-text-focus": [
839
- "#bbe7f9",
1071
+ "#0081c0",
840
1072
  "color"
841
1073
  ],
842
1074
  "tab-color-text-disabled": [
843
- "#616161",
1075
+ "#dcdcdc",
844
1076
  "color"
845
1077
  ]
846
1078
  }
package/build/json/daikin/Light/tokens.json CHANGED
@@ -387,6 +387,54 @@
387
387
  "#1a1a1a",
388
388
  "color"
389
389
  ],
390
+ "color-purple-10": [
391
+ "#f0ddf3",
392
+ "color"
393
+ ],
394
+ "color-purple-20": [
395
+ "#e1bbe8",
396
+ "color"
397
+ ],
398
+ "color-purple-30": [
399
+ "#d399dc",
400
+ "color"
401
+ ],
402
+ "color-purple-40": [
403
+ "#c477d0",
404
+ "color"
405
+ ],
406
+ "color-purple-50": [
407
+ "#b556c5",
408
+ "color"
409
+ ],
410
+ "color-purple-60": [
411
+ "#a03db0",
412
+ "color"
413
+ ],
414
+ "color-purple-70": [
415
+ "#81318e",
416
+ "color"
417
+ ],
418
+ "color-purple-80": [
419
+ "#6f2a7a",
420
+ "color"
421
+ ],
422
+ "color-purple-90": [
423
+ "#5c2365",
424
+ "color"
425
+ ],
426
+ "color-purple-100": [
427
+ "#4a1c51",
428
+ "color"
429
+ ],
430
+ "color-purple-110": [
431
+ "#37153d",
432
+ "color"
433
+ ],
434
+ "color-purple-120": [
435
+ "#250e29",
436
+ "color"
437
+ ],
390
438
  "color-feedback-positive": [
391
439
  "#00c3ac",
392
440
  "color"
@@ -588,7 +636,27 @@
588
636
  "color"
589
637
  ],
590
638
  "color-link-text-press": [
591
- "#005077",
639
+ "#004160",
640
+ "color"
641
+ ],
642
+ "color-link-text-visited-default": [
643
+ "#5c2365",
644
+ "color"
645
+ ],
646
+ "color-link-text-visited-hover": [
647
+ "#4a1c51",
648
+ "color"
649
+ ],
650
+ "color-link-text-visited-press": [
651
+ "#37153d",
652
+ "color"
653
+ ],
654
+ "color-link-surface-visited-hover": [
655
+ "#f0ddf3",
656
+ "color"
657
+ ],
658
+ "color-link-surface-visited-press": [
659
+ "#e1bbe8",
592
660
  "color"
593
661
  ],
594
662
  "border-radius-100": [
package/build/scss/aaf/Dark/_mixins.scss CHANGED
@@ -100,6 +100,18 @@
100
100
  --dds-color-dark-gray-105: #383838;
101
101
  --dds-color-dark-gray-115: #282828;
102
102
  --dds-color-dark-gray-125: #1a1a1a;
103
+ --dds-color-purple-10: #f0ddf3;
104
+ --dds-color-purple-20: #e1bbe8;
105
+ --dds-color-purple-30: #d399dc;
106
+ --dds-color-purple-40: #c477d0;
107
+ --dds-color-purple-50: #b556c5;
108
+ --dds-color-purple-60: #a03db0;
109
+ --dds-color-purple-70: #81318e;
110
+ --dds-color-purple-80: #6f2a7a;
111
+ --dds-color-purple-90: #5c2365;
112
+ --dds-color-purple-100: #4a1c51;
113
+ --dds-color-purple-110: #37153d;
114
+ --dds-color-purple-120: #250e29;
103
115
  --dds-color-feedback-positive: #00c3ac; /* System status is positive */
104
116
  --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
105
117
  --dds-color-feedback-negative: #f21a27; /* System status is warning */
package/build/scss/aaf/Light/_mixins.scss CHANGED
@@ -100,6 +100,18 @@
100
100
  --dds-color-dark-gray-105: #383838;
101
101
  --dds-color-dark-gray-115: #282828;
102
102
  --dds-color-dark-gray-125: #1a1a1a;
103
+ --dds-color-purple-10: #f0ddf3;
104
+ --dds-color-purple-20: #e1bbe8;
105
+ --dds-color-purple-30: #d399dc;
106
+ --dds-color-purple-40: #c477d0;
107
+ --dds-color-purple-50: #b556c5;
108
+ --dds-color-purple-60: #a03db0;
109
+ --dds-color-purple-70: #81318e;
110
+ --dds-color-purple-80: #6f2a7a;
111
+ --dds-color-purple-90: #5c2365;
112
+ --dds-color-purple-100: #4a1c51;
113
+ --dds-color-purple-110: #37153d;
114
+ --dds-color-purple-120: #250e29;
103
115
  --dds-color-feedback-positive: #00c3ac; /* System status is positive */
104
116
  --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
105
117
  --dds-color-feedback-negative: #f21a27; /* System status is warning */