sparkle-design-cli 1.1.4 → 1.1.6

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 (3) hide show
  1. package/package.json +1 -1
  2. package/templates/sparkle-variables/colors.json +24 -0
  3. package/templates/sparkle-variables/sparkle-design.template.css +24 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sparkle-design-cli",
3
- "version": "1.1.4",
3
+ "version": "1.1.6",
4
4
  "description": "Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール",
5
5
  "main": "lib/generate-css.js",
6
6
  "type": "module",
package/templates/sparkle-variables/colors.json CHANGED
@@ -85,6 +85,30 @@
85
85
  },
86
86
  "black": "#000000",
87
87
  "white": "#ffffff",
88
+ "black-alpha": {
89
+ "50": "#0000000D",
90
+ "100": "#0000001A",
91
+ "200": "#00000033",
92
+ "300": "#0000004D",
93
+ "400": "#00000066",
94
+ "500": "#00000080",
95
+ "600": "#00000099",
96
+ "700": "#000000B3",
97
+ "800": "#000000CC",
98
+ "900": "#000000E6"
99
+ },
100
+ "white-alpha": {
101
+ "50": "#FFFFFF0D",
102
+ "100": "#FFFFFF1A",
103
+ "200": "#FFFFFF33",
104
+ "300": "#FFFFFF4D",
105
+ "400": "#FFFFFF66",
106
+ "500": "#FFFFFF80",
107
+ "600": "#FFFFFF99",
108
+ "700": "#FFFFFFB3",
109
+ "800": "#FFFFFFCC",
110
+ "900": "#FFFFFFE6"
111
+ },
88
112
  "ring": {
89
113
  "normal": "#096cdc"
90
114
  }
package/templates/sparkle-variables/sparkle-design.template.css CHANGED
@@ -543,6 +543,7 @@
543
543
  font-family: var(--font-family-icon);
544
544
  font-size: var(--font-size-12);
545
545
  font-variation-settings: var(--font-weight-icon-fill-0);
546
+ font-display: optional;
546
547
  letter-spacing: var(--letter-spacing-normal);
547
548
  line-height: var(--line-height-leading-none);
548
549
  }
@@ -550,6 +551,7 @@
550
551
  font-family: var(--font-family-icon);
551
552
  font-size: var(--font-size-12);
552
553
  font-variation-settings: var(--font-weight-icon-fill-1);
554
+ font-display: optional;
553
555
  letter-spacing: var(--letter-spacing-normal);
554
556
  line-height: var(--line-height-leading-none);
555
557
  }
@@ -557,6 +559,7 @@
557
559
  font-family: var(--font-family-icon);
558
560
  font-size: var(--font-size-14);
559
561
  font-variation-settings: var(--font-weight-icon-fill-0);
562
+ font-display: optional;
560
563
  letter-spacing: var(--letter-spacing-normal);
561
564
  line-height: var(--line-height-leading-none);
562
565
  }
@@ -564,6 +567,7 @@
564
567
  font-family: var(--font-family-icon);
565
568
  font-size: var(--font-size-14);
566
569
  font-variation-settings: var(--font-weight-icon-fill-1);
570
+ font-display: optional;
567
571
  letter-spacing: var(--letter-spacing-normal);
568
572
  line-height: var(--line-height-leading-none);
569
573
  }
@@ -571,6 +575,7 @@
571
575
  font-family: var(--font-family-icon);
572
576
  font-size: var(--font-size-16);
573
577
  font-variation-settings: var(--font-weight-icon-fill-0);
578
+ font-display: optional;
574
579
  letter-spacing: var(--letter-spacing-normal);
575
580
  line-height: var(--line-height-leading-none);
576
581
  }
@@ -578,6 +583,7 @@
578
583
  font-family: var(--font-family-icon);
579
584
  font-size: var(--font-size-16);
580
585
  font-variation-settings: var(--font-weight-icon-fill-1);
586
+ font-display: optional;
581
587
  letter-spacing: var(--letter-spacing-normal);
582
588
  line-height: var(--line-height-leading-none);
583
589
  }
@@ -585,6 +591,7 @@
585
591
  font-family: var(--font-family-icon);
586
592
  font-size: var(--font-size-18);
587
593
  font-variation-settings: var(--font-weight-icon-fill-0);
594
+ font-display: optional;
588
595
  letter-spacing: var(--letter-spacing-normal);
589
596
  line-height: var(--line-height-leading-none);
590
597
  }
@@ -592,6 +599,7 @@
592
599
  font-family: var(--font-family-icon);
593
600
  font-size: var(--font-size-18);
594
601
  font-variation-settings: var(--font-weight-icon-fill-1);
602
+ font-display: optional;
595
603
  letter-spacing: var(--letter-spacing-normal);
596
604
  line-height: var(--line-height-leading-none);
597
605
  }
@@ -599,6 +607,7 @@
599
607
  font-family: var(--font-family-icon);
600
608
  font-size: var(--font-size-20);
601
609
  font-variation-settings: var(--font-weight-icon-fill-0);
610
+ font-display: optional;
602
611
  letter-spacing: var(--letter-spacing-normal);
603
612
  line-height: var(--line-height-leading-none);
604
613
  }
@@ -606,6 +615,7 @@
606
615
  font-family: var(--font-family-icon);
607
616
  font-size: var(--font-size-20);
608
617
  font-variation-settings: var(--font-weight-icon-fill-1);
618
+ font-display: optional;
609
619
  letter-spacing: var(--letter-spacing-normal);
610
620
  line-height: var(--line-height-leading-none);
611
621
  }
@@ -613,6 +623,7 @@
613
623
  font-family: var(--font-family-icon);
614
624
  font-size: var(--font-size-24);
615
625
  font-variation-settings: var(--font-weight-icon-fill-0);
626
+ font-display: optional;
616
627
  letter-spacing: var(--letter-spacing-normal);
617
628
  line-height: var(--line-height-leading-none);
618
629
  }
@@ -620,6 +631,7 @@
620
631
  font-family: var(--font-family-icon);
621
632
  font-size: var(--font-size-24);
622
633
  font-variation-settings: var(--font-weight-icon-fill-1);
634
+ font-display: optional;
623
635
  letter-spacing: var(--letter-spacing-normal);
624
636
  line-height: var(--line-height-leading-none);
625
637
  }
@@ -627,6 +639,7 @@
627
639
  font-family: var(--font-family-icon);
628
640
  font-size: var(--font-size-28);
629
641
  font-variation-settings: var(--font-weight-icon-fill-0);
642
+ font-display: optional;
630
643
  letter-spacing: var(--letter-spacing-normal);
631
644
  line-height: var(--line-height-leading-none);
632
645
  }
@@ -634,6 +647,7 @@
634
647
  font-family: var(--font-family-icon);
635
648
  font-size: var(--font-size-28);
636
649
  font-variation-settings: var(--font-weight-icon-fill-1);
650
+ font-display: optional;
637
651
  letter-spacing: var(--letter-spacing-normal);
638
652
  line-height: var(--line-height-leading-none);
639
653
  }
@@ -641,6 +655,7 @@
641
655
  font-family: var(--font-family-icon);
642
656
  font-size: var(--font-size-32);
643
657
  font-variation-settings: var(--font-weight-icon-fill-0);
658
+ font-display: optional;
644
659
  letter-spacing: var(--letter-spacing-normal);
645
660
  line-height: var(--line-height-leading-none);
646
661
  }
@@ -648,6 +663,7 @@
648
663
  font-family: var(--font-family-icon);
649
664
  font-size: var(--font-size-32);
650
665
  font-variation-settings: var(--font-weight-icon-fill-1);
666
+ font-display: optional;
651
667
  letter-spacing: var(--letter-spacing-normal);
652
668
  line-height: var(--line-height-leading-none);
653
669
  }
@@ -655,6 +671,7 @@
655
671
  font-family: var(--font-family-icon);
656
672
  font-size: var(--font-size-36);
657
673
  font-variation-settings: var(--font-weight-icon-fill-0);
674
+ font-display: optional;
658
675
  letter-spacing: var(--letter-spacing-normal);
659
676
  line-height: var(--line-height-leading-none);
660
677
  }
@@ -662,6 +679,7 @@
662
679
  font-family: var(--font-family-icon);
663
680
  font-size: var(--font-size-36);
664
681
  font-variation-settings: var(--font-weight-icon-fill-1);
682
+ font-display: optional;
665
683
  letter-spacing: var(--letter-spacing-normal);
666
684
  line-height: var(--line-height-leading-none);
667
685
  }
@@ -669,6 +687,7 @@
669
687
  font-family: var(--font-family-icon);
670
688
  font-size: var(--font-size-42);
671
689
  font-variation-settings: var(--font-weight-icon-fill-0);
690
+ font-display: optional;
672
691
  letter-spacing: var(--letter-spacing-normal);
673
692
  line-height: var(--line-height-leading-none);
674
693
  }
@@ -676,6 +695,7 @@
676
695
  font-family: var(--font-family-icon);
677
696
  font-size: var(--font-size-42);
678
697
  font-variation-settings: var(--font-weight-icon-fill-1);
698
+ font-display: optional;
679
699
  letter-spacing: var(--letter-spacing-normal);
680
700
  line-height: var(--line-height-leading-none);
681
701
  }
@@ -683,6 +703,7 @@
683
703
  font-family: var(--font-family-icon);
684
704
  font-size: var(--font-size-48);
685
705
  font-variation-settings: var(--font-weight-icon-fill-0);
706
+ font-display: optional;
686
707
  letter-spacing: var(--letter-spacing-normal);
687
708
  line-height: var(--line-height-leading-none);
688
709
  }
@@ -690,6 +711,7 @@
690
711
  font-family: var(--font-family-icon);
691
712
  font-size: var(--font-size-48);
692
713
  font-variation-settings: var(--font-weight-icon-fill-1);
714
+ font-display: optional;
693
715
  letter-spacing: var(--letter-spacing-normal);
694
716
  line-height: var(--line-height-leading-none);
695
717
  }
@@ -697,6 +719,7 @@
697
719
  font-family: var(--font-family-icon);
698
720
  font-size: var(--font-size-54);
699
721
  font-variation-settings: var(--font-weight-icon-fill-0);
722
+ font-display: optional;
700
723
  letter-spacing: var(--letter-spacing-normal);
701
724
  line-height: var(--line-height-leading-none);
702
725
  }
@@ -704,6 +727,7 @@
704
727
  font-family: var(--font-family-icon);
705
728
  font-size: var(--font-size-54);
706
729
  font-variation-settings: var(--font-weight-icon-fill-1);
730
+ font-display: optional;
707
731
  letter-spacing: var(--letter-spacing-normal);
708
732
  line-height: var(--line-height-leading-none);
709
733
  }