@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/aaf/Light/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
- "#c8102e",
460
- "color"
461
- ],
462
- "color-brand-secondary": [
463
- "#db4f66",
464
- "color"
465
- ],
466
- "color-text-brand-primary": [
467
- "#c8102e",
468
- "color"
469
- ],
470
- "color-text-theme": [
471
- "#ffffff",
472
- "color"
473
- ],
474
- "color-text-default": [
475
- "#515151",
476
- "color"
477
- ],
478
- "color-text-default-sub": [
479
- "#828282",
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
- "#515151",
492
- "color"
493
- ],
494
406
  "border-radius-100": [
495
407
  "4px",
496
408
  "dimension"
@@ -555,280 +467,84 @@
555
467
  "2px",
556
468
  "dimension"
557
469
  ],
558
- "shadow-black": [
559
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
560
- "shadow"
561
- ],
562
- "shadow-white": [
563
- "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
564
- "shadow"
565
- ],
566
- "font-size-300": [
567
- "12px",
568
- "typography"
569
- ],
570
- "font-size-350": [
571
- "14px",
572
- "typography"
573
- ],
574
- "font-size-400": [
575
- "16px",
576
- "typography"
577
- ],
578
- "line-height-tight": [
579
- "130%",
580
- "typography"
581
- ],
582
- "line-height-normal": [
583
- "150%",
584
- "typography"
585
- ],
586
- "font-weight-bold": [
587
- "Bold",
588
- "typography"
589
- ],
590
- "font-weight-regular": [
591
- "Regular",
592
- "typography"
593
- ],
594
- "font-family-base": [
595
- "Roboto",
596
- "typography"
597
- ],
598
- "regular-normal-300": [
470
+ "font-regular-normal-300": [
599
471
  "400 12px/1.5 Roboto",
600
472
  "typography"
601
473
  ],
602
- "regular-normal-350": [
474
+ "font-regular-normal-350": [
603
475
  "400 14px/1.5 Roboto",
604
476
  "typography"
605
477
  ],
606
- "regular-normal-400": [
478
+ "font-regular-normal-400": [
607
479
  "400 16px/1.5 Roboto",
608
480
  "typography"
609
481
  ],
610
- "regular-tight-300": [
482
+ "font-regular-tight-300": [
611
483
  "400 12px/1.3 Roboto",
612
484
  "typography"
613
485
  ],
614
- "regular-tight-350": [
486
+ "font-regular-tight-350": [
615
487
  "400 14px/1.3 Roboto",
616
488
  "typography"
617
489
  ],
618
- "regular-tight-400": [
490
+ "font-regular-tight-400": [
619
491
  "400 16px/1.3 Roboto",
620
492
  "typography"
621
493
  ],
622
- "regular-bold-normal-300": [
494
+ "font-regular-bold-normal-300": [
623
495
  "700 12px/1.5 Roboto",
624
496
  "typography"
625
497
  ],
626
- "regular-bold-normal-350": [
498
+ "font-regular-bold-normal-350": [
627
499
  "700 14px/1.5 Roboto",
628
500
  "typography"
629
501
  ],
630
- "regular-bold-normal-400": [
502
+ "font-regular-bold-normal-400": [
631
503
  "700 16px/1.5 Roboto",
632
504
  "typography"
633
505
  ],
634
- "regular-bold-tight-300": [
506
+ "font-regular-bold-tight-300": [
635
507
  "700 12px/1.3 Roboto",
636
508
  "typography"
637
509
  ],
638
- "regular-bold-tight-350": [
510
+ "font-regular-bold-tight-350": [
639
511
  "700 14px/1.3 Roboto",
640
512
  "typography"
641
513
  ],
642
- "regular-bold-tight-400": [
514
+ "font-regular-bold-tight-400": [
643
515
  "700 16px/1.3 Roboto",
644
516
  "typography"
645
517
  ],
646
- "checkbox-border-unselected": [
647
- "2px solid #bfbfbf",
648
- "border"
649
- ],
650
- "checkbox-color-background": [
651
- "#30ade9",
652
- "color"
653
- ],
654
- "checkbox-color-icon": [
655
- "#ffffff",
656
- "color"
657
- ],
658
- "dropdown-color-background": [
659
- "#ffffff",
660
- "color"
661
- ],
662
- "dropdown-color-text": [
663
- "#515151",
664
- "color"
665
- ],
666
- "dropdown-tray-color-background-selected": [
667
- "#ebebeb",
668
- "color"
669
- ],
670
- "table-color-background": [
671
- "#ffffff",
672
- "color"
673
- ],
674
- "table-color-text": [
675
- "#515151",
676
- "color"
677
- ],
678
- "table-header-border": [
679
- "1px none #000000",
680
- "border"
681
- ],
682
- "table-cell-border": [
683
- "1px none #ebebeb",
684
- "border"
685
- ],
686
- "table-page-number-color-background-selected": [
687
- "#828282",
688
- "color"
689
- ],
690
- "table-page-number-color-text-default": [
691
- "#515151",
692
- "color"
693
- ],
694
- "table-page-number-color-text-selected": [
695
- "#ffffff",
696
- "color"
697
- ],
698
- "table-page-number-border-hover": [
699
- "1px none #828282",
700
- "border"
701
- ],
702
- "login-sso-button-border": [
703
- "1px none #616161",
704
- "border"
705
- ],
706
- "login-sso-button-color-text": [
707
- "#616161",
708
- "color"
709
- ],
710
- "form-color-background": [
711
- "#ffffff",
712
- "color"
713
- ],
714
- "form-color-text-default": [
715
- "#414141",
716
- "color"
717
- ],
718
- "form-color-text-placeholder": [
719
- "#828282",
720
- "color"
721
- ],
722
- "form-color-text-positive": [
723
- "#00c3ac",
724
- "color"
725
- ],
726
- "form-color-text-negative": [
727
- "#f21a27",
728
- "color"
729
- ],
730
- "notification-color-background-success": [
731
- "#00c3ac",
732
- "color"
733
- ],
734
- "notification-color-background-error": [
735
- "#f21a27",
736
- "color"
737
- ],
738
- "notification-color-background-warning": [
739
- "#ffbf0e",
740
- "color"
741
- ],
742
- "notification-color-background-alarm": [
743
- "#fa7a12",
744
- "color"
745
- ],
746
- "notification-color-background-information": [
747
- "#30ade9",
748
- "color"
749
- ],
750
- "icon-color-background": [
751
- "#515151",
752
- "color"
753
- ],
754
- "container-color-background": [
755
- "#ffffff",
756
- "color"
757
- ],
758
- "container-color-text-header": [
759
- "#515151",
760
- "color"
761
- ],
762
- "container-color-text-body": [
763
- "#828282",
764
- "color"
765
- ],
766
- "container-shadow": [
767
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
768
- "shadow"
769
- ],
770
- "button-color-background-primary-active": [
771
- "#c8102e",
772
- "color"
773
- ],
774
- "button-color-background-primary-hover": [
775
- "#db4f66",
776
- "color"
777
- ],
778
- "button-color-background-primary-press": [
779
- "#d2324c",
780
- "color"
781
- ],
782
- "button-color-background-primary-focus": [
783
- "#f8aeba",
784
- "color"
785
- ],
786
- "button-color-background-primary-disabled": [
787
- "#dcdcdc",
788
- "color"
789
- ],
790
- "button-color-border-secondary-active": [
791
- "#c8102e",
792
- "color"
793
- ],
794
- "button-color-border-secondary-hover": [
795
- "#db4f66",
796
- "color"
797
- ],
798
- "button-color-border-secondary-press": [
799
- "#d2324c",
800
- "color"
801
- ],
802
- "button-color-border-secondary-focus": [
803
- "#f8aeba",
804
- "color"
518
+ "font-size-300": [
519
+ "12px",
520
+ "fontSize"
805
521
  ],
806
- "button-color-border-secondary-disabled": [
807
- "#dcdcdc",
808
- "color"
522
+ "font-size-350": [
523
+ "14px",
524
+ "fontSize"
809
525
  ],
810
- "button-color-text-secondary-active": [
811
- "#c8102e",
812
- "color"
526
+ "font-size-400": [
527
+ "16px",
528
+ "fontSize"
813
529
  ],
814
- "button-color-text-secondary-hover": [
815
- "#db4f66",
816
- "color"
530
+ "font-line-height-tight": [
531
+ "1.3",
532
+ "lineHeight"
817
533
  ],
818
- "button-color-text-secondary-press": [
819
- "#d2324c",
820
- "color"
534
+ "font-line-height-normal": [
535
+ "1.5",
536
+ "lineHeight"
821
537
  ],
822
- "button-color-text-secondary-focus": [
823
- "#f8aeba",
824
- "color"
538
+ "font-weight-bold": [
539
+ "700",
540
+ "fontWeight"
825
541
  ],
826
- "button-color-text-secondary-disabled": [
827
- "#dcdcdc",
828
- "color"
542
+ "font-weight-regular": [
543
+ "400",
544
+ "fontWeight"
829
545
  ],
830
- "button-color-text-primary": [
831
- "#ffffff",
832
- "color"
546
+ "font-family-base": [
547
+ "Roboto",
548
+ "fontFamily"
833
549
  ]
834
550
  }