@itcase/tokens-am 1.1.43 → 1.1.45

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 (4) hide show
  1. package/dist/css/styles/typography.css +224 -0
  2. package/dist/fonts/fonts.css +0 -2
  3. package/dist/fonts/fonts_standalone.css +119 -0
  4. package/package.json +3 -3
package/dist/css/styles/typography.css ADDED
@@ -0,0 +1,224 @@
1
+ /* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo */
2
+
3
+ :root {
4
+ --typography-min-viewport: 360px;
5
+ --typography-max-viewport: 1920px;
6
+
7
+ --typography-hero1-max: 128px;
8
+ --typography-hero1-min: 72px;
9
+ --typography-hero1-max-line-height: 156px;
10
+ --typography-hero1-min-line-height: 88px;
11
+ --typography-hero1-font: var(--font-primary);
12
+
13
+ --typography-hero2-max: 96px;
14
+ --typography-hero2-min: 56px;
15
+ --typography-hero2-max-line-height: 112px;
16
+ --typography-hero2-min-line-height: 72px;
17
+ --typography-hero2-font: var(--font-primary);
18
+
19
+ --typography-hero3-max: 72px;
20
+ --typography-hero3-min: 48px;
21
+ --typography-hero3-max-line-height: 88px;
22
+ --typography-hero3-min-line-height: 56px;
23
+ --typography-hero3-font: var(--font-primary);
24
+
25
+ --typography-hero4-max: 56px;
26
+ --typography-hero4-min: 40px;
27
+ --typography-hero4-max-line-height: 72px;
28
+ --typography-hero4-min-line-height: 48px;
29
+ --typography-hero4-font: var(--font-primary);
30
+
31
+ --typography-hero5-max: 40px;
32
+ --typography-hero5-min: 32px;
33
+ --typography-hero5-max-line-height: 48px;
34
+ --typography-hero5-min-line-height: 40px;
35
+ --typography-hero5-font: var(--font-primary);
36
+
37
+ --typography-hero6-max: 32px;
38
+ --typography-hero6-min: 28px;
39
+ --typography-hero6-max-line-height: 40px;
40
+ --typography-hero6-min-line-height: 32px;
41
+ --typography-hero6-font: var(--font-primary);
42
+
43
+ --typography-h1-max: 64px;
44
+ --typography-h1-min: 56px;
45
+ --typography-h1-max-line-height: 80px;
46
+ --typography-h1-min-line-height: 60px;
47
+ --typography-h1-font: var(--font-primary);
48
+
49
+ --typography-h2-max: 48px;
50
+ --typography-h2-min: 40px;
51
+ --typography-h2-max-line-height: 56px;
52
+ --typography-h2-min-line-height: 48px;
53
+ --typography-h2-font: var(--font-primary);
54
+
55
+ --typography-h3-max: 32px;
56
+ --typography-h3-min: 28px;
57
+ --typography-h3-max-line-height: 40px;
58
+ --typography-h3-min-line-height: 32px;
59
+ --typography-h3-font: var(--font-primary);
60
+
61
+ --typography-h4-max: 24px;
62
+ --typography-h4-min: 24px;
63
+ --typography-h4-max-line-height: 32px;
64
+ --typography-h4-min-line-height: 32px;
65
+ --typography-h4-font: var(--font-primary);
66
+
67
+ --typography-h5-max: 18px;
68
+ --typography-h5-min: 18px;
69
+ --typography-h5-max-line-height: 18px;
70
+ --typography-h5-min-line-height: 18px;
71
+ --typography-h5-font: var(--font-primary);
72
+
73
+ --typography-h6-max: 16px;
74
+ --typography-h6-min: 16px;
75
+ --typography-h6-max-line-height: 20px;
76
+ --typography-h6-min-line-height: 20px;
77
+ --typography-h6-font: var(--font-primary);
78
+
79
+ --typography-p-max: 24px;
80
+ --typography-p-min: 20px;
81
+ --typography-p-max-line-height: 24px;
82
+ --typography-p-min-line-height: 28px;
83
+ --typography-p-font: var(--font-primary);
84
+
85
+ --typography-text-xxl-max: 24px;
86
+ --typography-text-xxl-min: 20px;
87
+ --typography-text-xxl-max-line-height: 28px;
88
+ --typography-text-xxl-min-line-height: 24px;
89
+ --typography-text-xxl-font: var(--font-primary);
90
+
91
+ --typography-text-xl-max: 20px;
92
+ --typography-text-xl-min: 18px;
93
+ --typography-text-xl-min-line-height: 24px;
94
+ --typography-text-xl-max-line-height: 20px;
95
+ --typography-text-xl-font: var(--font-primary);
96
+
97
+ --typography-text-l-max: 18px;
98
+ --typography-text-l-min: 16px;
99
+ --typography-text-l-max-line-height: 20px;
100
+ --typography-text-l-min-line-height: 18px;
101
+ --typography-text-l-font: var(--font-primary);
102
+
103
+ --typography-text-m-max: 16px;
104
+ --typography-text-m-min: 14px;
105
+ --typography-text-m-max-line-height: 18px;
106
+ --typography-text-m-min-line-height: 16px;
107
+ --typography-text-m-font: var(--font-primary);
108
+
109
+ --typography-text-s-min: 14px;
110
+ --typography-text-s-max: 14px;
111
+ --typography-text-s-min-line-height: 16px;
112
+ --typography-text-s-max-line-height: 18px;
113
+ --typography-text-s-font: var(--font-primary);
114
+
115
+ --typography-text-xs-max: 12px;
116
+ --typography-text-xs-min: 10px;
117
+ --typography-text-xs-max-line-height: 12px;
118
+ --typography-text-xs-min-line-height: 12px;
119
+ --typography-text-xs-font: var(--font-primary);
120
+
121
+ --typography-text-xxs-max: 10px;
122
+ --typography-text-xxs-min: 8px;
123
+ --typography-text-xxs-max-line-height: 10px;
124
+ --typography-text-xxs-min-line-height: 10px;
125
+ --typography-text-xxs-font: var(--font-primary);
126
+
127
+ --typography-email-h1: 32px;
128
+ --typography-email-h1-line-height: 38px;
129
+
130
+ --typography-email-h2: 26px;
131
+ --typography-email-h2-line-height: 32px;
132
+
133
+ --typography-email-h3: 18px;
134
+ --typography-email-h3-line-height: 24px;
135
+
136
+ --typography-email-h4: 24px;
137
+ --typography-email-h4-line-height: 30px;
138
+
139
+ --typography-email-h5: 18px;
140
+ --typography-email-h5-line-height: 24px;
141
+
142
+ --typography-email-h6: 12px;
143
+ --typography-email-h6-line-height: 18px;
144
+
145
+ --typography-email-p: 16px;
146
+ --typography-email-p-line-height: 24px;
147
+
148
+ --typography-email-text-xxl: 24px;
149
+ --typography-email-text-xxl-line-height: 28px;
150
+
151
+ --typography-email-text-xl: 20px;
152
+ --typography-email-text-xl-line-height: 24px;
153
+
154
+ --typography-email-text-l: 18px;
155
+ --typography-email-text-l-line-height: 24px;
156
+
157
+ --typography-email-text-m: 16px;
158
+ --typography-email-text-m-line-height: 18px;
159
+
160
+ --typography-email-text-s: 14px;
161
+ --typography-email-text-s-line-height: 18px;
162
+
163
+ --typography-email-text-xs: 12px;
164
+ --typography-email-text-xs-line-height: 16px;
165
+
166
+ --typography-email-text-xxs: 10px;
167
+ --typography-email-text-xxs-line-height: 14px;
168
+
169
+ --typography-h1-print: 22px;
170
+ --typography-h1-line-height-print: 22px;
171
+ --typography-h1-font-print: var(--font-print);
172
+
173
+ --typography-h2-print: 20px;
174
+ --typography-h2-line-height-print: 20px;
175
+ --typography-h2-font-print: var(--font-print);
176
+
177
+ --typography-h3-print: 18px;
178
+ --typography-h3-line-height-print: 18px;
179
+ --typography-h3-font-print: var(--font-print);
180
+
181
+ --typography-h4-print: 16px;
182
+ --typography-h4-line-height-print: 16px;
183
+ --typography-h4-font-print: var(--font-print);
184
+
185
+ --typography-h5-print: 14px;
186
+ --typography-h5-line-height-print: 14px;
187
+ --typography-h5-font-print: var(--font-print);
188
+
189
+ --typography-h6-print: 12px;
190
+ --typography-h6-line-height-print: 12px;
191
+ --typography-h6-font-print: var(--font-print);
192
+
193
+ --typography-p-print: 12px;
194
+ --typography-p-line-height-print: 12px;
195
+ --typography-p-font-print: var(--font-print);
196
+
197
+ --typography-text-xxl-print: 12px;
198
+ --typography-text-xxl-line-height-print: 12px;
199
+ --typography-text-xxl-font-print: var(--font-print);
200
+
201
+ --typography-text-xl-print: 11px;
202
+ --typography-text-xl-line-height-print: 11px;
203
+ --typography-text-xl-font-print: var(--font-print);
204
+
205
+ --typography-text-l-print: 10px;
206
+ --typography-text-l-line-height-print: 10px;
207
+ --typography-text-l-font-print: var(--font-print);
208
+
209
+ --typography-text-m-print: 9px;
210
+ --typography-text-m-line-height-print: 9px;
211
+ --typography-text-m-font-print: var(--font-print);
212
+
213
+ --typography-text-s-print: 8px;
214
+ --typography-text-s-line-height-print: 8px;
215
+ --typography-text-s-font-print: var(--font-print);
216
+
217
+ --typography-text-xs-print: 7px;
218
+ --typography-text-xs-line-height-print: 7px;
219
+ --typography-text-xs-font-print: var(--font-print);
220
+
221
+ --typography-text-xxs-print: 6px;
222
+ --typography-text-xxs-line-height-print: 6px;
223
+ --typography-text-xxs-font-print: var(--font-print);
224
+ }
package/dist/fonts/fonts.css CHANGED
@@ -10,8 +10,6 @@
10
10
  --font-tertiary: system-ui;
11
11
  --font-print: 'Fira Sans Condensed', sans-serif;
12
12
 
13
- /* For remove */
14
- --font-map-print: 'Fira Sans Condensed', sans-serif;
15
13
  --font-email:
16
14
  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
17
15
  Cantarell, 'Helvetica Neue', sans-serif;
package/dist/fonts/fonts_standalone.css ADDED
@@ -0,0 +1,119 @@
1
+ /* stylelint-disable prettier/prettier */
2
+ /* stylelint-disable at-rule-descriptor-no-unknown */
3
+ /* stylelint-disable value-keyword-case */
4
+
5
+ :root {
6
+ --font-primary: 'Wix Madefor Display', sans-serif, system-ui;
7
+
8
+ --font-secondary: 'Fira Sans Condensed', sans-serif;
9
+ --font-tertiary: system-ui;
10
+ --font-print: 'Fira Sans Condensed', sans-serif;
11
+
12
+ --font-email:
13
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
14
+ Cantarell, 'Helvetica Neue', sans-serif;
15
+ }
16
+
17
+ @font-face {
18
+ font-family: 'Wix Madefor Display';
19
+ src:
20
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
21
+ format('woff2'),
22
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
23
+ format('woff');
24
+ font-weight: 700;
25
+ font-style: normal;
26
+ font-optical-sizing: auto;
27
+ font-display: swap;
28
+ }
29
+
30
+ @font-face {
31
+ font-family: 'Wix Madefor Display';
32
+ src:
33
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
34
+ format('woff2'),
35
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
36
+ format('woff');
37
+ font-weight: 600;
38
+ font-style: normal;
39
+ font-optical-sizing: auto;
40
+ font-display: swap;
41
+ }
42
+
43
+ @font-face {
44
+ font-family: 'Wix Madefor Display';
45
+ src:
46
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
47
+ format('woff2'),
48
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
49
+ format('woff');
50
+ font-weight: 500;
51
+ font-style: normal;
52
+ font-optical-sizing: auto;
53
+ font-display: swap;
54
+ }
55
+
56
+ @font-face {
57
+ font-family: 'Wix Madefor Display';
58
+ src:
59
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
60
+ format('woff2'),
61
+ url('/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
62
+ format('woff');
63
+ font-weight: 400;
64
+ font-style: normal;
65
+ font-optical-sizing: auto;
66
+ font-display: swap;
67
+ }
68
+
69
+ @font-face {
70
+ font-family: 'Fira Sans Condensed';
71
+ src:
72
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Regular.woff2')
73
+ format('woff2'),
74
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Regular.woff')
75
+ format('woff');
76
+ font-weight: 400;
77
+ font-style: normal;
78
+ font-optical-sizing: auto;
79
+ font-display: swap;
80
+ }
81
+
82
+ @font-face {
83
+ font-family: 'Fira Sans Condensed';
84
+ src:
85
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Medium.woff2')
86
+ format('woff2'),
87
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Medium.woff')
88
+ format('woff');
89
+ font-weight: 500;
90
+ font-style: normal;
91
+ font-optical-sizing: auto;
92
+ font-display: swap;
93
+ }
94
+
95
+ @font-face {
96
+ font-family: 'Fira Sans Condensed';
97
+ src:
98
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-SemiBold.woff2')
99
+ format('woff2'),
100
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-SemiBold.woff')
101
+ format('woff');
102
+ font-weight: 600;
103
+ font-style: normal;
104
+ font-optical-sizing: auto;
105
+ font-display: swap;
106
+ }
107
+
108
+ @font-face {
109
+ font-family: 'Fira Sans Condensed';
110
+ src:
111
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Bold.woff2')
112
+ format('woff2'),
113
+ url('/fonts/FiraSansCondensed/FiraSansCondensed-Bold.woff')
114
+ format('woff');
115
+ font-weight: 700;
116
+ font-style: normal;
117
+ font-optical-sizing: auto;
118
+ font-display: swap;
119
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.1.43",
4
+ "version": "1.1.45",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -12,7 +12,7 @@
12
12
  "scripts": {
13
13
  "build": "npm run build-css",
14
14
  "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
15
- "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts && postcss 'src/themes/*.css' --config src/themes/ --dir dist/css/styles/",
15
+ "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts && postcss 'src/themes/*.css' --config src/themes/ --dir dist/css/styles/ && cp -RP ./src/tokens/typography.css ./dist/css/styles/",
16
16
  "dev": "npm run dev-css",
17
17
  "dev-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts",
18
18
  "dev-js": "rollup -c -w"
@@ -24,5 +24,5 @@
24
24
  "access": "public",
25
25
  "registry": "https://registry.npmjs.org/"
26
26
  },
27
- "gitHead": "fbdbf07bdacbc789dc888155f65ccad3e93a51d3"
27
+ "gitHead": "bee8d2b4defb89107ef03cdcada76e451aa8483d"
28
28
  }