@itcase/tokens-am 1.1.0 → 1.1.1

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 +76 -38
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -164,73 +164,113 @@
164
164
  --min-max: 360px 1440px;
165
165
  --min: 360px;
166
166
  --max: 1440px;
167
+ --font-primary: 'Wix Madefor Display', sans-serif, system-ui;
168
+ --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
169
+ }
170
+ :root {
167
171
  --typography-min-viewport: 360px;
168
172
  --typography-max-viewport: 1920px;
169
173
 
174
+ --typography-hero1-max: 128px;
175
+ --typography-hero1-min: 72px;
176
+ --typography-hero1-max-line-height: 156px;
177
+ --typography-hero1-min-line-height: 88px;
178
+ --typography-hero1-font: var(--font-primary);
179
+
180
+ --typography-hero2-max: 96px;
181
+ --typography-hero2-min: 56px;
182
+ --typography-hero2-max-line-height: 112px;
183
+ --typography-hero2-min-line-height: 72px;
184
+ --typography-hero2-font: var(--font-primary);
185
+
186
+ --typography-hero3-max: 72px;
187
+ --typography-hero3-min: 48px;
188
+ --typography-hero3-max-line-height: 88px;
189
+ --typography-hero3-min-line-height: 56px;
190
+ --typography-hero3-font: var(--font-primary);
191
+
192
+ --typography-hero4-max: 56px;
193
+ --typography-hero4-min: 40px;
194
+ --typography-hero4-max-line-height: 72px;
195
+ --typography-hero4-min-line-height: 48px;
196
+ --typography-hero4-font: var(--font-primary);
197
+
198
+ --typography-hero5-max: 40px;
199
+ --typography-hero5-min: 32px;
200
+ --typography-hero5-max-line-height: 48px;
201
+ --typography-hero5-min-line-height: 40px;
202
+ --typography-hero5-font: var(--font-primary);
203
+
204
+ --typography-hero6-max: 32px;
205
+ --typography-hero6-min: 28px;
206
+ --typography-hero6-max-line-height: 40px;
207
+ --typography-hero6-min-line-height: 32px;
208
+ --typography-hero6-font: var(--font-primary);
209
+
170
210
  --typography-h1-max: 64px;
171
- --typography-h1-min: 32px;
172
- --typography-h1-max-line-height: 64px;
173
- --typography-h1-min-line-height: 40px;
211
+ --typography-h1-min: 56px;
212
+ --typography-h1-max-line-height: 80px;
213
+ --typography-h1-min-line-height: 60px;
174
214
  --typography-h1-font: var(--font-primary);
175
215
 
176
216
  --typography-h2-max: 48px;
177
- --typography-h2-min: 28px;
178
- --typography-h2-max-line-height: 48px;
179
- --typography-h2-min-line-height: 32px;
217
+ --typography-h2-min: 40px;
218
+ --typography-h2-max-line-height: 56px;
219
+ --typography-h2-min-line-height: 48px;
180
220
  --typography-h2-font: var(--font-primary);
181
221
 
182
222
  --typography-h3-max: 32px;
183
- --typography-h3-min: 18px;
184
- --typography-h3-max-line-height: 32px;
185
- --typography-h3-min-line-height: 24px;
223
+ --typography-h3-min: 28px;
224
+ --typography-h3-max-line-height: 40px;
225
+ --typography-h3-min-line-height: 32px;
186
226
  --typography-h3-font: var(--font-primary);
187
227
 
188
228
  --typography-h4-max: 24px;
189
- --typography-h4-min: 16px;
190
- --typography-h4-max-line-height: 24px;
191
- --typography-h4-min-line-height: 18px;
229
+ --typography-h4-min: 24px;
230
+ --typography-h4-max-line-height: 32px;
231
+ --typography-h4-min-line-height: 32px;
192
232
  --typography-h4-font: var(--font-primary);
193
233
 
194
234
  --typography-h5-max: 18px;
195
- --typography-h5-min: 14px;
235
+ --typography-h5-min: 18px;
196
236
  --typography-h5-max-line-height: 18px;
197
237
  --typography-h5-min-line-height: 16px;
198
238
  --typography-h5-font: var(--font-primary);
199
239
 
200
240
  --typography-h6-max: 16px;
201
- --typography-h6-min: 12px;
202
- --typography-h6-max-line-height: 16px;
203
- --typography-h6-min-line-height: 14px;
241
+ --typography-h6-min: 16px;
242
+ --typography-h6-max-line-height: 24px;
243
+ --typography-h6-min-line-height: 24px;
204
244
  --typography-h6-font: var(--font-primary);
205
245
 
206
- --typography-p-max: 16px;
207
- --typography-p-min: 14px;
208
- --typography-p-max-line-height: 20px;
209
- --typography-p-min-line-height: 18px;
246
+ --typography-p-max: 24px;
247
+ --typography-p-min: 20px;
248
+ --typography-p-max-line-height: 24px;
249
+ --typography-p-min-line-height: 28px;
210
250
  --typography-p-font: var(--font-primary);
211
251
 
212
- --typography-text-xxl-min: 20px;
213
252
  --typography-text-xxl-max: 24px;
214
- --typography-text-xxl-min-line-height: 24px;
253
+ --typography-text-xxl-min: 20px;
215
254
  --typography-text-xxl-max-line-height: 28px;
255
+ --typography-text-xxl-min-line-height: 24px;
216
256
  --typography-text-xxl-font: var(--font-primary);
217
257
 
218
- --typography-text-xl-min: 18px;
219
258
  --typography-text-xl-max: 20px;
220
- --typography-text-xl-min-line-height: 22px;
221
- --typography-text-xl-max-line-height: 24px;
259
+ --typography-text-xl-min: 18px;
260
+ --typography-text-xl-min-line-height: 24px;
261
+ --typography-text-xl-max-line-height: 20px;
222
262
  --typography-text-xl-font: var(--font-primary);
223
263
 
224
- --typography-text-l-min: 16px;
225
264
  --typography-text-l-max: 18px;
226
- --typography-text-l-min-line-height: 20px;
227
- --typography-text-l-max-line-height: 22px;
265
+ --typography-text-l-min: 16px;
266
+ --typography-text-l-max-line-height: 20px;
267
+ --typography-text-l-min-line-height: 18px;
228
268
  --typography-text-l-font: var(--font-primary);
229
269
 
230
- --typography-text-m-min: 14px;
231
270
  --typography-text-m-max: 16px;
232
- --typography-text-m-min-line-height: 18px;
233
- --typography-text-m-max-line-height: 20px;
271
+ --typography-text-m-min: 14px;
272
+ --typography-text-m-max-line-height: 18px;
273
+ --typography-text-m-min-line-height: 16px;
234
274
  --typography-text-m-font: var(--font-primary);
235
275
 
236
276
  --typography-text-s-min: 14px;
@@ -239,16 +279,16 @@
239
279
  --typography-text-s-max-line-height: 18px;
240
280
  --typography-text-s-font: var(--font-primary);
241
281
 
242
- --typography-text-xs-min: 12px;
243
282
  --typography-text-xs-max: 12px;
283
+ --typography-text-xs-min: 10px;
284
+ --typography-text-xs-max-line-height: 12px;
244
285
  --typography-text-xs-min-line-height: 12px;
245
- --typography-text-xs-max-line-height: 16px;
246
286
  --typography-text-xs-font: var(--font-primary);
247
287
 
248
- --typography-text-xxs-min: 10px;
249
288
  --typography-text-xxs-max: 10px;
250
- --typography-text-xxs-min-line-height: 12px;
251
- --typography-text-xxs-max-line-height: 12px;
289
+ --typography-text-xxs-min: 8px;
290
+ --typography-text-xxs-max-line-height: 10px;
291
+ --typography-text-xxs-min-line-height: 10px;
252
292
  --typography-text-xxs-font: var(--font-primary);
253
293
 
254
294
  --typography-email-h1: 32px;
@@ -292,8 +332,6 @@
292
332
 
293
333
  --typography-email-text-xxs: 10px;
294
334
  --typography-email-text-xxs-line-height: 14px;
295
- --font-primary: 'Wix Madefor Display', sans-serif, system-ui;
296
- --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
297
335
  }
298
336
  /* stylelint-disable prettier/prettier */
299
337
  /* stylelint-disable at-rule-descriptor-no-unknown */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.1.0",
4
+ "version": "1.1.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -25,5 +25,5 @@
25
25
  "access": "public",
26
26
  "registry": "https://registry.npmjs.org/"
27
27
  },
28
- "gitHead": "da3e790bf979d37e08e66e89436d50f403eec6f3"
28
+ "gitHead": "0cc85d6eee3ae3c9826454eca1d6042538ddf03c"
29
29
  }