@daikin-oss/dds-tokens 0.2.0 → 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 +16 -0
  2. package/build/css/aaf/Dark/variables.css +29 -88
  3. package/build/css/aaf/Light/variables.css +29 -88
  4. package/build/css/daikin/Dark/variables.css +71 -103
  5. package/build/css/daikin/Light/variables.css +35 -108
  6. package/build/js/aaf/Dark/variables.cjs +28 -87
  7. package/build/js/aaf/Dark/variables.d.cts +28 -107
  8. package/build/js/aaf/Dark/variables.d.ts +28 -107
  9. package/build/js/aaf/Dark/variables.js +29 -88
  10. package/build/js/aaf/Light/variables.cjs +28 -87
  11. package/build/js/aaf/Light/variables.d.cts +28 -107
  12. package/build/js/aaf/Light/variables.d.ts +28 -107
  13. package/build/js/aaf/Light/variables.js +29 -88
  14. package/build/js/daikin/Dark/variables.cjs +70 -102
  15. package/build/js/daikin/Dark/variables.d.cts +70 -123
  16. package/build/js/daikin/Dark/variables.d.ts +70 -123
  17. package/build/js/daikin/Dark/variables.js +71 -103
  18. package/build/js/daikin/Light/variables.cjs +34 -107
  19. package/build/js/daikin/Light/variables.d.cts +33 -127
  20. package/build/js/daikin/Light/variables.d.ts +33 -127
  21. package/build/js/daikin/Light/variables.js +35 -108
  22. package/build/json/aaf/Dark/tokens.json +60 -296
  23. package/build/json/aaf/Light/tokens.json +60 -296
  24. package/build/json/daikin/Dark/tokens.json +220 -348
  25. package/build/json/daikin/Light/tokens.json +81 -373
  26. package/build/scss/aaf/Dark/_mixins.scss +29 -88
  27. package/build/scss/aaf/Light/_mixins.scss +29 -88
  28. package/build/scss/daikin/Dark/_mixins.scss +71 -103
  29. package/build/scss/daikin/Light/_mixins.scss +35 -108
  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 +17 -178
  37. package/themes/dkn/dark/system.json +142 -55
  38. package/themes/dkn/light/component.json +17 -228
  39. package/themes/dkn/light/system.json +0 -73
  40. package/themes/reference.json +181 -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
@@ -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"
@@ -387,60 +355,52 @@
387
355
  "#1a1a1a",
388
356
  "color"
389
357
  ],
390
- "color-feedback-positive": [
391
- "#00c3ac",
358
+ "color-purple-10": [
359
+ "#f0ddf3",
392
360
  "color"
393
361
  ],
394
- "color-feedback-warning": [
395
- "#ffbf0e",
362
+ "color-purple-20": [
363
+ "#e1bbe8",
396
364
  "color"
397
365
  ],
398
- "color-feedback-negative": [
399
- "#f21a27",
366
+ "color-purple-30": [
367
+ "#d399dc",
400
368
  "color"
401
369
  ],
402
- "color-feedback-alarm": [
403
- "#fa7a12",
370
+ "color-purple-40": [
371
+ "#c477d0",
404
372
  "color"
405
373
  ],
406
- "color-feedback-information": [
407
- "#30ade9",
374
+ "color-purple-50": [
375
+ "#b556c5",
408
376
  "color"
409
377
  ],
410
- "color-brand-primary": [
411
- "#db4f66",
378
+ "color-purple-60": [
379
+ "#a03db0",
412
380
  "color"
413
381
  ],
414
- "color-brand-secondary": [
415
- "#c8102e",
382
+ "color-purple-70": [
383
+ "#81318e",
416
384
  "color"
417
385
  ],
418
- "color-text-brand-primary": [
419
- "#db4f66",
386
+ "color-purple-80": [
387
+ "#6f2a7a",
420
388
  "color"
421
389
  ],
422
- "color-text-theme": [
423
- "#515151",
390
+ "color-purple-90": [
391
+ "#5c2365",
424
392
  "color"
425
393
  ],
426
- "color-text-default": [
427
- "#ffffff",
394
+ "color-purple-100": [
395
+ "#4a1c51",
428
396
  "color"
429
397
  ],
430
- "color-text-default-sub": [
431
- "#f2f2f2",
432
- "color"
433
- ],
434
- "color-background-theme": [
435
- "#000000",
398
+ "color-purple-110": [
399
+ "#37153d",
436
400
  "color"
437
401
  ],
438
- "color-background-component": [
439
- "#515151",
440
- "color"
441
- ],
442
- "color-background-object": [
443
- "#ffffff",
402
+ "color-purple-120": [
403
+ "#250e29",
444
404
  "color"
445
405
  ],
446
406
  "border-radius-100": [
@@ -507,280 +467,84 @@
507
467
  "2px",
508
468
  "dimension"
509
469
  ],
510
- "shadow-black": [
511
- "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
512
- "shadow"
513
- ],
514
- "shadow-white": [
515
- "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
516
- "shadow"
517
- ],
518
- "font-size-300": [
519
- "12px",
520
- "typography"
521
- ],
522
- "font-size-350": [
523
- "14px",
524
- "typography"
525
- ],
526
- "font-size-400": [
527
- "16px",
528
- "typography"
529
- ],
530
- "line-height-tight": [
531
- "130%",
532
- "typography"
533
- ],
534
- "line-height-normal": [
535
- "150%",
536
- "typography"
537
- ],
538
- "font-weight-bold": [
539
- "Bold",
540
- "typography"
541
- ],
542
- "font-weight-regular": [
543
- "Regular",
544
- "typography"
545
- ],
546
- "font-family-base": [
547
- "Roboto",
548
- "typography"
549
- ],
550
- "regular-normal-300": [
470
+ "font-regular-normal-300": [
551
471
  "400 12px/1.5 Roboto",
552
472
  "typography"
553
473
  ],
554
- "regular-normal-350": [
474
+ "font-regular-normal-350": [
555
475
  "400 14px/1.5 Roboto",
556
476
  "typography"
557
477
  ],
558
- "regular-normal-400": [
478
+ "font-regular-normal-400": [
559
479
  "400 16px/1.5 Roboto",
560
480
  "typography"
561
481
  ],
562
- "regular-tight-300": [
482
+ "font-regular-tight-300": [
563
483
  "400 12px/1.3 Roboto",
564
484
  "typography"
565
485
  ],
566
- "regular-tight-350": [
486
+ "font-regular-tight-350": [
567
487
  "400 14px/1.3 Roboto",
568
488
  "typography"
569
489
  ],
570
- "regular-tight-400": [
490
+ "font-regular-tight-400": [
571
491
  "400 16px/1.3 Roboto",
572
492
  "typography"
573
493
  ],
574
- "regular-bold-normal-300": [
494
+ "font-regular-bold-normal-300": [
575
495
  "700 12px/1.5 Roboto",
576
496
  "typography"
577
497
  ],
578
- "regular-bold-normal-350": [
498
+ "font-regular-bold-normal-350": [
579
499
  "700 14px/1.5 Roboto",
580
500
  "typography"
581
501
  ],
582
- "regular-bold-normal-400": [
502
+ "font-regular-bold-normal-400": [
583
503
  "700 16px/1.5 Roboto",
584
504
  "typography"
585
505
  ],
586
- "regular-bold-tight-300": [
506
+ "font-regular-bold-tight-300": [
587
507
  "700 12px/1.3 Roboto",
588
508
  "typography"
589
509
  ],
590
- "regular-bold-tight-350": [
510
+ "font-regular-bold-tight-350": [
591
511
  "700 14px/1.3 Roboto",
592
512
  "typography"
593
513
  ],
594
- "regular-bold-tight-400": [
514
+ "font-regular-bold-tight-400": [
595
515
  "700 16px/1.3 Roboto",
596
516
  "typography"
597
517
  ],
598
- "checkbox-border-unselected": [
599
- "2px solid #bfbfbf",
600
- "border"
601
- ],
602
- "checkbox-color-background": [
603
- "#30ade9",
604
- "color"
605
- ],
606
- "checkbox-color-icon": [
607
- "#ffffff",
608
- "color"
609
- ],
610
- "dropdown-color-background": [
611
- "#ffffff",
612
- "color"
613
- ],
614
- "dropdown-color-text": [
615
- "#515151",
616
- "color"
617
- ],
618
- "dropdown-tray-color-background-selected": [
619
- "#ebebeb",
620
- "color"
621
- ],
622
- "table-color-background": [
623
- "#ffffff",
624
- "color"
625
- ],
626
- "table-color-text": [
627
- "#515151",
628
- "color"
629
- ],
630
- "table-header-border": [
631
- "1px none #000000",
632
- "border"
633
- ],
634
- "table-cell-border": [
635
- "1px none #ebebeb",
636
- "border"
637
- ],
638
- "table-page-number-color-background-selected": [
639
- "#828282",
640
- "color"
641
- ],
642
- "table-page-number-color-text-default": [
643
- "#515151",
644
- "color"
645
- ],
646
- "table-page-number-color-text-selected": [
647
- "#ffffff",
648
- "color"
649
- ],
650
- "table-page-number-border-hover": [
651
- "1px none #828282",
652
- "border"
653
- ],
654
- "login-sso-button-border": [
655
- "1px none #616161",
656
- "border"
657
- ],
658
- "login-sso-button-color-text": [
659
- "#616161",
660
- "color"
661
- ],
662
- "form-color-background": [
663
- "#ffffff",
664
- "color"
665
- ],
666
- "form-color-text-default": [
667
- "#414141",
668
- "color"
669
- ],
670
- "form-color-text-placeholder": [
671
- "#828282",
672
- "color"
673
- ],
674
- "form-color-text-positive": [
675
- "#00c3ac",
676
- "color"
677
- ],
678
- "form-color-text-negative": [
679
- "#f21a27",
680
- "color"
681
- ],
682
- "notification-color-background-success": [
683
- "#00c3ac",
684
- "color"
685
- ],
686
- "notification-color-background-error": [
687
- "#f21a27",
688
- "color"
689
- ],
690
- "notification-color-background-warning": [
691
- "#ffbf0e",
692
- "color"
693
- ],
694
- "notification-color-background-alarm": [
695
- "#fa7a12",
696
- "color"
697
- ],
698
- "notification-color-background-information": [
699
- "#30ade9",
700
- "color"
701
- ],
702
- "icon-color-background": [
703
- "#ffffff",
704
- "color"
705
- ],
706
- "container-color-background": [
707
- "#515151",
708
- "color"
709
- ],
710
- "container-color-text-header": [
711
- "#ffffff",
712
- "color"
713
- ],
714
- "container-color-text-body": [
715
- "#f2f2f2",
716
- "color"
717
- ],
718
- "container-shadow": [
719
- "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
720
- "shadow"
721
- ],
722
- "button-color-background-primary-active": [
723
- "#db4f66",
724
- "color"
725
- ],
726
- "button-color-background-primary-hover": [
727
- "#c8102e",
728
- "color"
729
- ],
730
- "button-color-background-primary-press": [
731
- "#f8aeba",
732
- "color"
733
- ],
734
- "button-color-background-primary-focus": [
735
- "#f5c0b8",
736
- "color"
737
- ],
738
- "button-color-background-primary-disabled": [
739
- "#616161",
740
- "color"
741
- ],
742
- "button-color-border-secondary-active": [
743
- "#db4f66",
744
- "color"
745
- ],
746
- "button-color-border-secondary-hover": [
747
- "#c8102e",
748
- "color"
749
- ],
750
- "button-color-border-secondary-press": [
751
- "#f8aeba",
752
- "color"
753
- ],
754
- "button-color-border-secondary-focus": [
755
- "#f5c0b8",
756
- "color"
518
+ "font-size-300": [
519
+ "12px",
520
+ "fontSize"
757
521
  ],
758
- "button-color-border-secondary-disabled": [
759
- "#616161",
760
- "color"
522
+ "font-size-350": [
523
+ "14px",
524
+ "fontSize"
761
525
  ],
762
- "button-color-text-secondary-active": [
763
- "#db4f66",
764
- "color"
526
+ "font-size-400": [
527
+ "16px",
528
+ "fontSize"
765
529
  ],
766
- "button-color-text-secondary-hover": [
767
- "#c8102e",
768
- "color"
530
+ "font-line-height-tight": [
531
+ "1.3",
532
+ "lineHeight"
769
533
  ],
770
- "button-color-text-secondary-press": [
771
- "#f8aeba",
772
- "color"
534
+ "font-line-height-normal": [
535
+ "1.5",
536
+ "lineHeight"
773
537
  ],
774
- "button-color-text-secondary-focus": [
775
- "#f5c0b8",
776
- "color"
538
+ "font-weight-bold": [
539
+ "700",
540
+ "fontWeight"
777
541
  ],
778
- "button-color-text-secondary-disabled": [
779
- "#616161",
780
- "color"
542
+ "font-weight-regular": [
543
+ "400",
544
+ "fontWeight"
781
545
  ],
782
- "button-color-text-primary": [
783
- "#515151",
784
- "color"
546
+ "font-family-base": [
547
+ "Roboto",
548
+ "fontFamily"
785
549
  ]
786
550
  }