@daikin-oss/dds-tokens 0.2.1 → 0.3.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 (45) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/css/aaf/Dark/variables.css +17 -88
  3. package/build/css/aaf/Light/variables.css +17 -88
  4. package/build/css/daikin/Dark/variables.css +21 -111
  5. package/build/css/daikin/Light/variables.css +17 -107
  6. package/build/js/aaf/Dark/variables.cjs +16 -87
  7. package/build/js/aaf/Dark/variables.d.cts +16 -107
  8. package/build/js/aaf/Dark/variables.d.ts +16 -107
  9. package/build/js/aaf/Dark/variables.js +17 -88
  10. package/build/js/aaf/Light/variables.cjs +16 -87
  11. package/build/js/aaf/Light/variables.d.cts +16 -107
  12. package/build/js/aaf/Light/variables.d.ts +16 -107
  13. package/build/js/aaf/Light/variables.js +17 -88
  14. package/build/js/daikin/Dark/variables.cjs +20 -110
  15. package/build/js/daikin/Dark/variables.d.cts +16 -127
  16. package/build/js/daikin/Dark/variables.d.ts +16 -127
  17. package/build/js/daikin/Dark/variables.js +21 -111
  18. package/build/js/daikin/Light/variables.cjs +16 -106
  19. package/build/js/daikin/Light/variables.d.cts +16 -127
  20. package/build/js/daikin/Light/variables.d.ts +16 -127
  21. package/build/js/daikin/Light/variables.js +17 -107
  22. package/build/json/aaf/Dark/tokens.json +36 -320
  23. package/build/json/aaf/Light/tokens.json +36 -320
  24. package/build/json/daikin/Dark/tokens.json +40 -400
  25. package/build/json/daikin/Light/tokens.json +36 -396
  26. package/build/scss/aaf/Dark/_mixins.scss +17 -88
  27. package/build/scss/aaf/Light/_mixins.scss +17 -88
  28. package/build/scss/daikin/Dark/_mixins.scss +21 -111
  29. package/build/scss/daikin/Light/_mixins.scss +17 -107
  30. package/package.json +1 -1
  31. package/themes/aaf/dark/component.json +1 -113
  32. package/themes/aaf/dark/system.json +1 -49
  33. package/themes/aaf/light/component.json +1 -113
  34. package/themes/aaf/light/system.json +1 -49
  35. package/themes/component.json +1 -184
  36. package/themes/dkn/dark/component.json +0 -237
  37. package/themes/dkn/dark/system.json +4 -77
  38. package/themes/dkn/light/component.json +0 -237
  39. package/themes/dkn/light/system.json +0 -73
  40. package/themes/reference.json +131 -200
  41. package/themes/system.json +1 -31
  42. package/build/css/aaf/Dark/buttons.css +0 -22
  43. package/build/css/aaf/Light/buttons.css +0 -22
  44. package/build/css/daikin/Dark/buttons.css +0 -22
  45. package/build/css/daikin/Light/buttons.css +0 -22
package/build/json/daikin/Dark/tokens.json CHANGED
@@ -239,30 +239,6 @@
239
239
  "#3e0307",
240
240
  "color"
241
241
  ],
242
- "color-red-aaf-100": [
243
- "#fcecea",
244
- "color"
245
- ],
246
- "color-red-aaf-200": [
247
- "#f5c0b8",
248
- "color"
249
- ],
250
- "color-red-aaf-300": [
251
- "#f8aeba",
252
- "color"
253
- ],
254
- "color-red-aaf-400": [
255
- "#db4f66",
256
- "color"
257
- ],
258
- "color-red-aaf-500": [
259
- "#d2324c",
260
- "color"
261
- ],
262
- "color-red-aaf-600": [
263
- "#c8102e",
264
- "color"
265
- ],
266
242
  "color-gray-10": [
267
243
  "#f2f2f2",
268
244
  "color"
@@ -319,14 +295,6 @@
319
295
  "#ffffff",
320
296
  "color"
321
297
  ],
322
- "color-black-shadow": [
323
- "rgba(0, 0, 0, 0.1)",
324
- "color"
325
- ],
326
- "color-white-shadow": [
327
- "rgba(255, 255, 255, 0.1)",
328
- "color"
329
- ],
330
298
  "color-blue-gray-10": [
331
299
  "#eef0f2",
332
300
  "color"
@@ -435,62 +403,6 @@
435
403
  "#250e29",
436
404
  "color"
437
405
  ],
438
- "color-feedback-positive": [
439
- "#00c3ac",
440
- "color"
441
- ],
442
- "color-feedback-warning": [
443
- "#ffbf0e",
444
- "color"
445
- ],
446
- "color-feedback-negative": [
447
- "#f21a27",
448
- "color"
449
- ],
450
- "color-feedback-alarm": [
451
- "#fa7a12",
452
- "color"
453
- ],
454
- "color-feedback-information": [
455
- "#30ade9",
456
- "color"
457
- ],
458
- "color-brand-primary": [
459
- "#30ade9",
460
- "color"
461
- ],
462
- "color-brand-secondary": [
463
- "#76cff4",
464
- "color"
465
- ],
466
- "color-text-brand-primary": [
467
- "#30ade9",
468
- "color"
469
- ],
470
- "color-text-theme": [
471
- "#ffffff",
472
- "color"
473
- ],
474
- "color-text-default": [
475
- "#414141",
476
- "color"
477
- ],
478
- "color-text-default-sub": [
479
- "#616161",
480
- "color"
481
- ],
482
- "color-background-theme": [
483
- "#ffffff",
484
- "color"
485
- ],
486
- "color-background-component": [
487
- "#ffffff",
488
- "color"
489
- ],
490
- "color-background-object": [
491
- "#414141",
492
- "color"
493
- ],
494
406
  "color-common-brand-default": [
495
407
  "#30ade9",
496
408
  "color"
@@ -512,11 +424,11 @@
512
424
  "color"
513
425
  ],
514
426
  "color-common-surface-neutral-hover": [
515
- "#313131",
427
+ "#282828",
516
428
  "color"
517
429
  ],
518
430
  "color-common-surface-neutral-press": [
519
- "#414141",
431
+ "#313131",
520
432
  "color"
521
433
  ],
522
434
  "color-common-surface-danger-hover": [
@@ -532,11 +444,11 @@
532
444
  "color"
533
445
  ],
534
446
  "color-common-surface-hover": [
535
- "#313131",
447
+ "#282828",
536
448
  "color"
537
449
  ],
538
450
  "color-common-surface-press": [
539
- "#414141",
451
+ "#313131",
540
452
  "color"
541
453
  ],
542
454
  "color-common-surface-selected-default": [
@@ -723,356 +635,84 @@
723
635
  "2px",
724
636
  "dimension"
725
637
  ],
726
- "shadow-black": [
727
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
728
- "shadow"
729
- ],
730
- "shadow-white": [
731
- "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
732
- "shadow"
733
- ],
734
- "font-size-300": [
735
- "12px",
736
- "typography"
737
- ],
738
- "font-size-350": [
739
- "14px",
740
- "typography"
741
- ],
742
- "font-size-400": [
743
- "16px",
744
- "typography"
745
- ],
746
- "line-height-tight": [
747
- "130%",
748
- "typography"
749
- ],
750
- "line-height-normal": [
751
- "150%",
752
- "typography"
753
- ],
754
- "font-weight-bold": [
755
- "Bold",
756
- "typography"
757
- ],
758
- "font-weight-regular": [
759
- "Regular",
760
- "typography"
761
- ],
762
- "font-family-base": [
763
- "Roboto",
764
- "typography"
765
- ],
766
- "regular-normal-300": [
638
+ "font-regular-normal-300": [
767
639
  "400 12px/1.5 Roboto",
768
640
  "typography"
769
641
  ],
770
- "regular-normal-350": [
642
+ "font-regular-normal-350": [
771
643
  "400 14px/1.5 Roboto",
772
644
  "typography"
773
645
  ],
774
- "regular-normal-400": [
646
+ "font-regular-normal-400": [
775
647
  "400 16px/1.5 Roboto",
776
648
  "typography"
777
649
  ],
778
- "regular-tight-300": [
650
+ "font-regular-tight-300": [
779
651
  "400 12px/1.3 Roboto",
780
652
  "typography"
781
653
  ],
782
- "regular-tight-350": [
654
+ "font-regular-tight-350": [
783
655
  "400 14px/1.3 Roboto",
784
656
  "typography"
785
657
  ],
786
- "regular-tight-400": [
658
+ "font-regular-tight-400": [
787
659
  "400 16px/1.3 Roboto",
788
660
  "typography"
789
661
  ],
790
- "regular-bold-normal-300": [
662
+ "font-regular-bold-normal-300": [
791
663
  "700 12px/1.5 Roboto",
792
664
  "typography"
793
665
  ],
794
- "regular-bold-normal-350": [
666
+ "font-regular-bold-normal-350": [
795
667
  "700 14px/1.5 Roboto",
796
668
  "typography"
797
669
  ],
798
- "regular-bold-normal-400": [
670
+ "font-regular-bold-normal-400": [
799
671
  "700 16px/1.5 Roboto",
800
672
  "typography"
801
673
  ],
802
- "regular-bold-tight-300": [
674
+ "font-regular-bold-tight-300": [
803
675
  "700 12px/1.3 Roboto",
804
676
  "typography"
805
677
  ],
806
- "regular-bold-tight-350": [
678
+ "font-regular-bold-tight-350": [
807
679
  "700 14px/1.3 Roboto",
808
680
  "typography"
809
681
  ],
810
- "regular-bold-tight-400": [
682
+ "font-regular-bold-tight-400": [
811
683
  "700 16px/1.3 Roboto",
812
684
  "typography"
813
685
  ],
814
- "checkbox-border-unselected": [
815
- "2px solid #bfbfbf",
816
- "border"
817
- ],
818
- "checkbox-color-background": [
819
- "#30ade9",
820
- "color"
821
- ],
822
- "checkbox-color-icon": [
823
- "#ffffff",
824
- "color"
825
- ],
826
- "dropdown-color-background": [
827
- "#ffffff",
828
- "color"
829
- ],
830
- "dropdown-color-text": [
831
- "#515151",
832
- "color"
833
- ],
834
- "dropdown-tray-color-background-selected": [
835
- "#ebebeb",
836
- "color"
837
- ],
838
- "table-color-background": [
839
- "#ffffff",
840
- "color"
841
- ],
842
- "table-color-text": [
843
- "#515151",
844
- "color"
845
- ],
846
- "table-header-border": [
847
- "1px none #000000",
848
- "border"
849
- ],
850
- "table-cell-border": [
851
- "1px none #ebebeb",
852
- "border"
853
- ],
854
- "table-page-number-color-background-selected": [
855
- "#828282",
856
- "color"
857
- ],
858
- "table-page-number-color-text-default": [
859
- "#515151",
860
- "color"
861
- ],
862
- "table-page-number-color-text-selected": [
863
- "#ffffff",
864
- "color"
865
- ],
866
- "table-page-number-border-hover": [
867
- "1px none #828282",
868
- "border"
869
- ],
870
- "login-sso-button-border": [
871
- "1px none #616161",
872
- "border"
873
- ],
874
- "login-sso-button-color-text": [
875
- "#616161",
876
- "color"
877
- ],
878
- "form-color-background": [
879
- "#ffffff",
880
- "color"
881
- ],
882
- "form-color-text-default": [
883
- "#414141",
884
- "color"
885
- ],
886
- "form-color-text-placeholder": [
887
- "#828282",
888
- "color"
889
- ],
890
- "form-color-text-positive": [
891
- "#00c3ac",
892
- "color"
893
- ],
894
- "form-color-text-negative": [
895
- "#f21a27",
896
- "color"
897
- ],
898
- "notification-color-background-success": [
899
- "#00c3ac",
900
- "color"
901
- ],
902
- "notification-color-background-error": [
903
- "#f21a27",
904
- "color"
905
- ],
906
- "notification-color-background-warning": [
907
- "#ffbf0e",
908
- "color"
909
- ],
910
- "notification-color-background-alarm": [
911
- "#fa7a12",
912
- "color"
913
- ],
914
- "notification-color-background-information": [
915
- "#30ade9",
916
- "color"
917
- ],
918
- "notification-color-background-theme": [
919
- "#ffffff",
920
- "color"
921
- ],
922
- "notification-color-text": [
923
- "#414141",
924
- "color"
925
- ],
926
- "notification-shadow": [
927
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
928
- "shadow"
929
- ],
930
- "icon-color-background-neutral": [
931
- "#a0a0a0",
932
- "color"
933
- ],
934
- "icon-color-background-default": [
935
- "#414141",
936
- "color"
937
- ],
938
- "icon-color-background-theme": [
939
- "#ffffff",
940
- "color"
941
- ],
942
- "container-color-background": [
943
- "#ffffff",
944
- "color"
945
- ],
946
- "container-color-text-header": [
947
- "#414141",
948
- "color"
949
- ],
950
- "container-color-text-body": [
951
- "#616161",
952
- "color"
953
- ],
954
- "card-shadow": [
955
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
956
- "shadow"
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
- ],
974
- "button-color-background-primary-active": [
975
- "#30ade9",
976
- "color"
977
- ],
978
- "button-color-background-primary-hover": [
979
- "#76cff4",
980
- "color"
981
- ],
982
- "button-color-background-primary-press": [
983
- "#0097e0",
984
- "color"
985
- ],
986
- "button-color-background-primary-focus": [
987
- "#0081c0",
988
- "color"
989
- ],
990
- "button-color-background-primary-disabled": [
991
- "#dcdcdc",
992
- "color"
993
- ],
994
- "button-color-border-secondary-active": [
995
- "#30ade9",
996
- "color"
997
- ],
998
- "button-color-border-secondary-hover": [
999
- "#76cff4",
1000
- "color"
1001
- ],
1002
- "button-color-border-secondary-press": [
1003
- "#0097e0",
1004
- "color"
1005
- ],
1006
- "button-color-border-secondary-focus": [
1007
- "#0081c0",
1008
- "color"
1009
- ],
1010
- "button-color-border-secondary-disabled": [
1011
- "#dcdcdc",
1012
- "color"
1013
- ],
1014
- "button-color-text-secondary-active": [
1015
- "#30ade9",
1016
- "color"
1017
- ],
1018
- "button-color-text-secondary-hover": [
1019
- "#76cff4",
1020
- "color"
1021
- ],
1022
- "button-color-text-secondary-press": [
1023
- "#0097e0",
1024
- "color"
1025
- ],
1026
- "button-color-text-secondary-focus": [
1027
- "#0081c0",
1028
- "color"
1029
- ],
1030
- "button-color-text-secondary-disabled": [
1031
- "#dcdcdc",
1032
- "color"
1033
- ],
1034
- "button-color-text-primary": [
1035
- "#ffffff",
1036
- "color"
1037
- ],
1038
- "tab-color-line-active": [
1039
- "#30ade9",
1040
- "color"
1041
- ],
1042
- "tab-color-line-hover": [
1043
- "#76cff4",
1044
- "color"
1045
- ],
1046
- "tab-color-line-press": [
1047
- "#0097e0",
1048
- "color"
686
+ "font-size-300": [
687
+ "12px",
688
+ "fontSize"
1049
689
  ],
1050
- "tab-color-line-focus": [
1051
- "#0081c0",
1052
- "color"
690
+ "font-size-350": [
691
+ "14px",
692
+ "fontSize"
1053
693
  ],
1054
- "tab-color-line-disabled": [
1055
- "#dcdcdc",
1056
- "color"
694
+ "font-size-400": [
695
+ "16px",
696
+ "fontSize"
1057
697
  ],
1058
- "tab-color-text-active": [
1059
- "#30ade9",
1060
- "color"
698
+ "font-line-height-tight": [
699
+ "1.3",
700
+ "lineHeight"
1061
701
  ],
1062
- "tab-color-text-hover": [
1063
- "#76cff4",
1064
- "color"
702
+ "font-line-height-normal": [
703
+ "1.5",
704
+ "lineHeight"
1065
705
  ],
1066
- "tab-color-text-press": [
1067
- "#0097e0",
1068
- "color"
706
+ "font-weight-bold": [
707
+ "700",
708
+ "fontWeight"
1069
709
  ],
1070
- "tab-color-text-focus": [
1071
- "#0081c0",
1072
- "color"
710
+ "font-weight-regular": [
711
+ "400",
712
+ "fontWeight"
1073
713
  ],
1074
- "tab-color-text-disabled": [
1075
- "#dcdcdc",
1076
- "color"
714
+ "font-family-base": [
715
+ "Roboto",
716
+ "fontFamily"
1077
717
  ]
1078
718
  }