@itcase/tokens-am 1.1.35 → 1.1.37

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 (2) hide show
  1. package/dist/css/styles/main.css +242 -249
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -1,246 +1,4 @@
1
- /* Empty *//* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo */
2
-
3
- :root {
4
- --elevation-1: 0px 1px 1px rgb(0, 0, 0, 0.24);
5
- --elevation-2: 0px 2px 8px 0px rgb(0, 0, 0, 0.1);
6
- --elevation-4: 0px 2px 6px rgb(0, 0, 0, 0.24);
7
- --elevation-6: 0px 2px 6px rgb(0, 0, 0, 0.24);
8
- --elevation-8: 0px 4px 12px 0px rgb(0, 0, 0, 0.2);
9
- --elevation-12: 0px 6px 12px rgb(0, 0, 0, 0.16);
10
- --elevation-16: 0px 8px 16px rgb(0, 0, 0, 0.16);
11
- --elevation-24: 0px 16px 24px rgb(0, 0, 0, 0.12);
12
- --min-max: 360px 1440px;
13
- --min: 360px;
14
- --max: 1440px;
15
- --typography-min-viewport: 360px;
16
- --typography-max-viewport: 1920px;
17
-
18
- --typography-hero1-max: 128px;
19
- --typography-hero1-min: 72px;
20
- --typography-hero1-max-line-height: 156px;
21
- --typography-hero1-min-line-height: 88px;
22
- --typography-hero1-font: var(--font-primary);
23
-
24
- --typography-hero2-max: 96px;
25
- --typography-hero2-min: 56px;
26
- --typography-hero2-max-line-height: 112px;
27
- --typography-hero2-min-line-height: 72px;
28
- --typography-hero2-font: var(--font-primary);
29
-
30
- --typography-hero3-max: 72px;
31
- --typography-hero3-min: 48px;
32
- --typography-hero3-max-line-height: 88px;
33
- --typography-hero3-min-line-height: 56px;
34
- --typography-hero3-font: var(--font-primary);
35
-
36
- --typography-hero4-max: 56px;
37
- --typography-hero4-min: 40px;
38
- --typography-hero4-max-line-height: 72px;
39
- --typography-hero4-min-line-height: 48px;
40
- --typography-hero4-font: var(--font-primary);
41
-
42
- --typography-hero5-max: 40px;
43
- --typography-hero5-min: 32px;
44
- --typography-hero5-max-line-height: 48px;
45
- --typography-hero5-min-line-height: 40px;
46
- --typography-hero5-font: var(--font-primary);
47
-
48
- --typography-hero6-max: 32px;
49
- --typography-hero6-min: 28px;
50
- --typography-hero6-max-line-height: 40px;
51
- --typography-hero6-min-line-height: 32px;
52
- --typography-hero6-font: var(--font-primary);
53
-
54
- --typography-h1-max: 64px;
55
- --typography-h1-min: 56px;
56
- --typography-h1-max-line-height: 80px;
57
- --typography-h1-min-line-height: 60px;
58
- --typography-h1-font: var(--font-primary);
59
-
60
- --typography-h2-max: 48px;
61
- --typography-h2-min: 40px;
62
- --typography-h2-max-line-height: 56px;
63
- --typography-h2-min-line-height: 48px;
64
- --typography-h2-font: var(--font-primary);
65
-
66
- --typography-h3-max: 32px;
67
- --typography-h3-min: 28px;
68
- --typography-h3-max-line-height: 40px;
69
- --typography-h3-min-line-height: 32px;
70
- --typography-h3-font: var(--font-primary);
71
-
72
- --typography-h4-max: 24px;
73
- --typography-h4-min: 24px;
74
- --typography-h4-max-line-height: 32px;
75
- --typography-h4-min-line-height: 32px;
76
- --typography-h4-font: var(--font-primary);
77
-
78
- --typography-h5-max: 18px;
79
- --typography-h5-min: 18px;
80
- --typography-h5-max-line-height: 18px;
81
- --typography-h5-min-line-height: 16px;
82
- --typography-h5-font: var(--font-primary);
83
-
84
- --typography-h6-max: 16px;
85
- --typography-h6-min: 16px;
86
- --typography-h6-max-line-height: 24px;
87
- --typography-h6-min-line-height: 24px;
88
- --typography-h6-font: var(--font-primary);
89
-
90
- --typography-p-max: 24px;
91
- --typography-p-min: 20px;
92
- --typography-p-max-line-height: 24px;
93
- --typography-p-min-line-height: 28px;
94
- --typography-p-font: var(--font-primary);
95
-
96
- --typography-text-xxl-max: 24px;
97
- --typography-text-xxl-min: 20px;
98
- --typography-text-xxl-max-line-height: 28px;
99
- --typography-text-xxl-min-line-height: 24px;
100
- --typography-text-xxl-font: var(--font-primary);
101
-
102
- --typography-text-xl-max: 20px;
103
- --typography-text-xl-min: 18px;
104
- --typography-text-xl-min-line-height: 24px;
105
- --typography-text-xl-max-line-height: 20px;
106
- --typography-text-xl-font: var(--font-primary);
107
-
108
- --typography-text-l-max: 18px;
109
- --typography-text-l-min: 16px;
110
- --typography-text-l-max-line-height: 20px;
111
- --typography-text-l-min-line-height: 18px;
112
- --typography-text-l-font: var(--font-primary);
113
-
114
- --typography-text-m-max: 16px;
115
- --typography-text-m-min: 14px;
116
- --typography-text-m-max-line-height: 18px;
117
- --typography-text-m-min-line-height: 16px;
118
- --typography-text-m-font: var(--font-primary);
119
-
120
- --typography-text-s-min: 14px;
121
- --typography-text-s-max: 14px;
122
- --typography-text-s-min-line-height: 16px;
123
- --typography-text-s-max-line-height: 18px;
124
- --typography-text-s-font: var(--font-primary);
125
-
126
- --typography-text-xs-max: 12px;
127
- --typography-text-xs-min: 10px;
128
- --typography-text-xs-max-line-height: 12px;
129
- --typography-text-xs-min-line-height: 12px;
130
- --typography-text-xs-font: var(--font-primary);
131
-
132
- --typography-text-xxs-max: 10px;
133
- --typography-text-xxs-min: 8px;
134
- --typography-text-xxs-max-line-height: 10px;
135
- --typography-text-xxs-min-line-height: 10px;
136
- --typography-text-xxs-font: var(--font-primary);
137
-
138
- --typography-email-h1: 32px;
139
- --typography-email-h1-line-height: 38px;
140
-
141
- --typography-email-h2: 26px;
142
- --typography-email-h2-line-height: 32px;
143
-
144
- --typography-email-h3: 18px;
145
- --typography-email-h3-line-height: 24px;
146
-
147
- --typography-email-h4: 24px;
148
- --typography-email-h4-line-height: 30px;
149
-
150
- --typography-email-h5: 18px;
151
- --typography-email-h5-line-height: 24px;
152
-
153
- --typography-email-h6: 12px;
154
- --typography-email-h6-line-height: 18px;
155
-
156
- --typography-email-p: 16px;
157
- --typography-email-p-line-height: 24px;
158
-
159
- --typography-email-text-xxl: 24px;
160
- --typography-email-text-xxl-line-height: 28px;
161
-
162
- --typography-email-text-xl: 20px;
163
- --typography-email-text-xl-line-height: 24px;
164
-
165
- --typography-email-text-l: 18px;
166
- --typography-email-text-l-line-height: 24px;
167
-
168
- --typography-email-text-m: 16px;
169
- --typography-email-text-m-line-height: 18px;
170
-
171
- --typography-email-text-s: 14px;
172
- --typography-email-text-s-line-height: 18px;
173
-
174
- --typography-email-text-xs: 12px;
175
- --typography-email-text-xs-line-height: 16px;
176
-
177
- --typography-email-text-xxs: 10px;
178
- --typography-email-text-xxs-line-height: 14px;
179
-
180
- --typography-h1-print: 22px;
181
- --typography-h1-line-height-print: 22px;
182
- --typography-h1-font-print: var(--font-print);
183
-
184
- --typography-h2-print: 20px;
185
- --typography-h2-line-height-print: 20px;
186
- --typography-h2-font-print: var(--font-print);
187
-
188
- --typography-h3-print: 18px;
189
- --typography-h3-line-height-print: 18px;
190
- --typography-h3-font-print: var(--font-print);
191
-
192
- --typography-h4-print: 16px;
193
- --typography-h4-line-height-print: 16px;
194
- --typography-h4-font-print: var(--font-print);
195
-
196
- --typography-h5-print: 14px;
197
- --typography-h5-line-height-print: 14px;
198
- --typography-h5-font-print: var(--font-print);
199
-
200
- --typography-h6-print: 12px;
201
- --typography-h6-line-height-print: 12px;
202
- --typography-h6-font-print: var(--font-print);
203
-
204
- --typography-p-print: 12px;
205
- --typography-p-line-height-print: 12px;
206
- --typography-p-font-print: var(--font-print);
207
-
208
- --typography-text-xxl-print: 12px;
209
- --typography-text-xxl-line-height-print: 12px;
210
- --typography-text-xxl-font-print: var(--font-print);
211
-
212
- --typography-text-xl-print: 11px;
213
- --typography-text-xl-line-height-print: 11px;
214
- --typography-text-xl-font-print: var(--font-print);
215
-
216
- --typography-text-l-print: 10px;
217
- --typography-text-l-line-height-print: 10px;
218
- --typography-text-l-font-print: var(--font-print);
219
-
220
- --typography-text-m-print: 9px;
221
- --typography-text-m-line-height-print: 9px;
222
- --typography-text-m-font-print: var(--font-print);
223
-
224
- --typography-text-s-print: 8px;
225
- --typography-text-s-line-height-print: 8px;
226
- --typography-text-s-font-print: var(--font-print);
227
-
228
- --typography-text-xs-print: 7px;
229
- --typography-text-xs-line-height-print: 7px;
230
- --typography-text-xs-font-print: var(--font-print);
231
-
232
- --typography-text-xxs-print: 6px;
233
- --typography-text-xxs-line-height-print: 6px;
234
- --typography-text-xxs-font-print: var(--font-print);
235
- }
236
-
237
- :root:where(.am) {
238
- --color-gradient-primary: #e00000, #e5802d, #5e982b;
239
- }/* DO NOT SET :root:where(.am) this will breaks postCSSFluid Typo *//* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo *//* Empty */
240
-
241
- @media screen {
242
-
243
- /**
1
+ /* Empty *//**
244
2
  * Do not edit directly, this file was auto-generated.
245
3
  */
246
4
 
@@ -523,9 +281,7 @@
523
281
  --color-danger-border-active: hsl(349, 92%, 51%);
524
282
  --color-danger-border-focus: hsl(349, 94%, 32%);
525
283
  --color-danger-border-disabled: hsl(349, 74%, 26%);
526
- }
527
-
528
- /**
284
+ }/**
529
285
  * Do not edit directly, this file was auto-generated.
530
286
  */
531
287
 
@@ -854,10 +610,247 @@
854
610
  --color-danger-border-active: hsl(349, 94%, 32%);
855
611
  --color-danger-border-disabled: hsl(349, 43%, 75%);
856
612
  --color-disabled-item-disabled: hsl(0, 0%, 47%);
613
+ }/* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo */
614
+
615
+ :root {
616
+ --elevation-1: 0px 1px 1px rgb(0, 0, 0, 0.24);
617
+ --elevation-2: 0px 2px 8px 0px rgb(0, 0, 0, 0.1);
618
+ --elevation-4: 0px 2px 6px rgb(0, 0, 0, 0.24);
619
+ --elevation-6: 0px 2px 6px rgb(0, 0, 0, 0.24);
620
+ --elevation-8: 0px 4px 12px 0px rgb(0, 0, 0, 0.2);
621
+ --elevation-12: 0px 6px 12px rgb(0, 0, 0, 0.16);
622
+ --elevation-16: 0px 8px 16px rgb(0, 0, 0, 0.16);
623
+ --elevation-24: 0px 16px 24px rgb(0, 0, 0, 0.12);
624
+ --min-max: 360px 1440px;
625
+ --min: 360px;
626
+ --max: 1440px;
627
+ --typography-min-viewport: 360px;
628
+ --typography-max-viewport: 1920px;
629
+
630
+ --typography-hero1-max: 128px;
631
+ --typography-hero1-min: 72px;
632
+ --typography-hero1-max-line-height: 156px;
633
+ --typography-hero1-min-line-height: 88px;
634
+ --typography-hero1-font: var(--font-primary);
635
+
636
+ --typography-hero2-max: 96px;
637
+ --typography-hero2-min: 56px;
638
+ --typography-hero2-max-line-height: 112px;
639
+ --typography-hero2-min-line-height: 72px;
640
+ --typography-hero2-font: var(--font-primary);
641
+
642
+ --typography-hero3-max: 72px;
643
+ --typography-hero3-min: 48px;
644
+ --typography-hero3-max-line-height: 88px;
645
+ --typography-hero3-min-line-height: 56px;
646
+ --typography-hero3-font: var(--font-primary);
647
+
648
+ --typography-hero4-max: 56px;
649
+ --typography-hero4-min: 40px;
650
+ --typography-hero4-max-line-height: 72px;
651
+ --typography-hero4-min-line-height: 48px;
652
+ --typography-hero4-font: var(--font-primary);
653
+
654
+ --typography-hero5-max: 40px;
655
+ --typography-hero5-min: 32px;
656
+ --typography-hero5-max-line-height: 48px;
657
+ --typography-hero5-min-line-height: 40px;
658
+ --typography-hero5-font: var(--font-primary);
659
+
660
+ --typography-hero6-max: 32px;
661
+ --typography-hero6-min: 28px;
662
+ --typography-hero6-max-line-height: 40px;
663
+ --typography-hero6-min-line-height: 32px;
664
+ --typography-hero6-font: var(--font-primary);
665
+
666
+ --typography-h1-max: 64px;
667
+ --typography-h1-min: 56px;
668
+ --typography-h1-max-line-height: 80px;
669
+ --typography-h1-min-line-height: 60px;
670
+ --typography-h1-font: var(--font-primary);
671
+
672
+ --typography-h2-max: 48px;
673
+ --typography-h2-min: 40px;
674
+ --typography-h2-max-line-height: 56px;
675
+ --typography-h2-min-line-height: 48px;
676
+ --typography-h2-font: var(--font-primary);
677
+
678
+ --typography-h3-max: 32px;
679
+ --typography-h3-min: 28px;
680
+ --typography-h3-max-line-height: 40px;
681
+ --typography-h3-min-line-height: 32px;
682
+ --typography-h3-font: var(--font-primary);
683
+
684
+ --typography-h4-max: 24px;
685
+ --typography-h4-min: 24px;
686
+ --typography-h4-max-line-height: 32px;
687
+ --typography-h4-min-line-height: 32px;
688
+ --typography-h4-font: var(--font-primary);
689
+
690
+ --typography-h5-max: 18px;
691
+ --typography-h5-min: 18px;
692
+ --typography-h5-max-line-height: 18px;
693
+ --typography-h5-min-line-height: 16px;
694
+ --typography-h5-font: var(--font-primary);
695
+
696
+ --typography-h6-max: 16px;
697
+ --typography-h6-min: 16px;
698
+ --typography-h6-max-line-height: 24px;
699
+ --typography-h6-min-line-height: 24px;
700
+ --typography-h6-font: var(--font-primary);
701
+
702
+ --typography-p-max: 24px;
703
+ --typography-p-min: 20px;
704
+ --typography-p-max-line-height: 24px;
705
+ --typography-p-min-line-height: 28px;
706
+ --typography-p-font: var(--font-primary);
707
+
708
+ --typography-text-xxl-max: 24px;
709
+ --typography-text-xxl-min: 20px;
710
+ --typography-text-xxl-max-line-height: 28px;
711
+ --typography-text-xxl-min-line-height: 24px;
712
+ --typography-text-xxl-font: var(--font-primary);
713
+
714
+ --typography-text-xl-max: 20px;
715
+ --typography-text-xl-min: 18px;
716
+ --typography-text-xl-min-line-height: 24px;
717
+ --typography-text-xl-max-line-height: 20px;
718
+ --typography-text-xl-font: var(--font-primary);
719
+
720
+ --typography-text-l-max: 18px;
721
+ --typography-text-l-min: 16px;
722
+ --typography-text-l-max-line-height: 20px;
723
+ --typography-text-l-min-line-height: 18px;
724
+ --typography-text-l-font: var(--font-primary);
725
+
726
+ --typography-text-m-max: 16px;
727
+ --typography-text-m-min: 14px;
728
+ --typography-text-m-max-line-height: 18px;
729
+ --typography-text-m-min-line-height: 16px;
730
+ --typography-text-m-font: var(--font-primary);
731
+
732
+ --typography-text-s-min: 14px;
733
+ --typography-text-s-max: 14px;
734
+ --typography-text-s-min-line-height: 16px;
735
+ --typography-text-s-max-line-height: 18px;
736
+ --typography-text-s-font: var(--font-primary);
737
+
738
+ --typography-text-xs-max: 12px;
739
+ --typography-text-xs-min: 10px;
740
+ --typography-text-xs-max-line-height: 12px;
741
+ --typography-text-xs-min-line-height: 12px;
742
+ --typography-text-xs-font: var(--font-primary);
743
+
744
+ --typography-text-xxs-max: 10px;
745
+ --typography-text-xxs-min: 8px;
746
+ --typography-text-xxs-max-line-height: 10px;
747
+ --typography-text-xxs-min-line-height: 10px;
748
+ --typography-text-xxs-font: var(--font-primary);
749
+
750
+ --typography-email-h1: 32px;
751
+ --typography-email-h1-line-height: 38px;
752
+
753
+ --typography-email-h2: 26px;
754
+ --typography-email-h2-line-height: 32px;
755
+
756
+ --typography-email-h3: 18px;
757
+ --typography-email-h3-line-height: 24px;
758
+
759
+ --typography-email-h4: 24px;
760
+ --typography-email-h4-line-height: 30px;
761
+
762
+ --typography-email-h5: 18px;
763
+ --typography-email-h5-line-height: 24px;
764
+
765
+ --typography-email-h6: 12px;
766
+ --typography-email-h6-line-height: 18px;
767
+
768
+ --typography-email-p: 16px;
769
+ --typography-email-p-line-height: 24px;
770
+
771
+ --typography-email-text-xxl: 24px;
772
+ --typography-email-text-xxl-line-height: 28px;
773
+
774
+ --typography-email-text-xl: 20px;
775
+ --typography-email-text-xl-line-height: 24px;
776
+
777
+ --typography-email-text-l: 18px;
778
+ --typography-email-text-l-line-height: 24px;
779
+
780
+ --typography-email-text-m: 16px;
781
+ --typography-email-text-m-line-height: 18px;
782
+
783
+ --typography-email-text-s: 14px;
784
+ --typography-email-text-s-line-height: 18px;
785
+
786
+ --typography-email-text-xs: 12px;
787
+ --typography-email-text-xs-line-height: 16px;
788
+
789
+ --typography-email-text-xxs: 10px;
790
+ --typography-email-text-xxs-line-height: 14px;
791
+
792
+ --typography-h1-print: 22px;
793
+ --typography-h1-line-height-print: 22px;
794
+ --typography-h1-font-print: var(--font-print);
795
+
796
+ --typography-h2-print: 20px;
797
+ --typography-h2-line-height-print: 20px;
798
+ --typography-h2-font-print: var(--font-print);
799
+
800
+ --typography-h3-print: 18px;
801
+ --typography-h3-line-height-print: 18px;
802
+ --typography-h3-font-print: var(--font-print);
803
+
804
+ --typography-h4-print: 16px;
805
+ --typography-h4-line-height-print: 16px;
806
+ --typography-h4-font-print: var(--font-print);
807
+
808
+ --typography-h5-print: 14px;
809
+ --typography-h5-line-height-print: 14px;
810
+ --typography-h5-font-print: var(--font-print);
811
+
812
+ --typography-h6-print: 12px;
813
+ --typography-h6-line-height-print: 12px;
814
+ --typography-h6-font-print: var(--font-print);
815
+
816
+ --typography-p-print: 12px;
817
+ --typography-p-line-height-print: 12px;
818
+ --typography-p-font-print: var(--font-print);
819
+
820
+ --typography-text-xxl-print: 12px;
821
+ --typography-text-xxl-line-height-print: 12px;
822
+ --typography-text-xxl-font-print: var(--font-print);
823
+
824
+ --typography-text-xl-print: 11px;
825
+ --typography-text-xl-line-height-print: 11px;
826
+ --typography-text-xl-font-print: var(--font-print);
827
+
828
+ --typography-text-l-print: 10px;
829
+ --typography-text-l-line-height-print: 10px;
830
+ --typography-text-l-font-print: var(--font-print);
831
+
832
+ --typography-text-m-print: 9px;
833
+ --typography-text-m-line-height-print: 9px;
834
+ --typography-text-m-font-print: var(--font-print);
835
+
836
+ --typography-text-s-print: 8px;
837
+ --typography-text-s-line-height-print: 8px;
838
+ --typography-text-s-font-print: var(--font-print);
839
+
840
+ --typography-text-xs-print: 7px;
841
+ --typography-text-xs-line-height-print: 7px;
842
+ --typography-text-xs-font-print: var(--font-print);
843
+
844
+ --typography-text-xxs-print: 6px;
845
+ --typography-text-xxs-line-height-print: 6px;
846
+ --typography-text-xxs-font-print: var(--font-print);
857
847
  }
858
- }
859
848
 
860
- @media screen and (prefers-color-scheme: dark) {
849
+ :root:where(.am) {
850
+ --color-gradient-primary: #e00000, #e5802d, #5e982b;
851
+ }/* DO NOT SET :root:where(.am) this will breaks postCSSFluid Typo *//* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo *//* Empty */
852
+
853
+ @media (prefers-color-scheme: dark) {
861
854
 
862
855
  /**
863
856
  * Do not edit directly, this file was auto-generated.
@@ -1145,7 +1138,7 @@
1145
1138
  }
1146
1139
  }
1147
1140
 
1148
- @media screen and (prefers-color-scheme: light) {
1141
+ @media (prefers-color-scheme: light) {
1149
1142
 
1150
1143
  /**
1151
1144
  * Do not edit directly, this file was auto-generated.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.1.35",
4
+ "version": "1.1.37",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -24,5 +24,5 @@
24
24
  "access": "public",
25
25
  "registry": "https://registry.npmjs.org/"
26
26
  },
27
- "gitHead": "f344e8630583803efd6038a150f2fcd1abdb09b3"
27
+ "gitHead": "e96bb779e7d4ab544ef1b167441b37539fdccb60"
28
28
  }