@itcase/tokens-am 1.0.28 → 1.0.30

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/dist/css/styles/main.css +51 -29
  2. package/dist/fonts/fonts.css +77 -0
  3. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ html:is(.am):root {
2
2
  --color-accent-primary: hsla(92, 49%, 47%, 1);
3
3
  --color-accent-primary-hover: hsla(92, 70%, 47%, 1);
4
4
  --color-accent-secondary: hsla(92, 29%, 62%, 1);
@@ -142,6 +142,11 @@
142
142
  --color-danger-primary: hsla(349, 96%, 44%, 1);
143
143
  --color-danger-text-primary: hsla(0, 0%, 100%, 1);
144
144
 
145
+ --color-disabled-primary: hsla(0, 0%, 93%, 1);
146
+ --color-disabled-text-primary: hsla(0, 0%, 47%, 1);
147
+ --color-disabled-item-primary: hsla(0, 0%, 47%, 1);
148
+ --color-disabled-border-primary: hsla(0, 0%, 47%, 1);
149
+
145
150
  --color-gradient-primary: linear-gradient(
146
151
  to right,
147
152
  hsla(0, 100%, 44%, 1) 0%,
@@ -287,67 +292,83 @@
287
292
 
288
293
  --typography-email-text-xxs: 10px;
289
294
  --typography-email-text-xxs-line-height: 14px;
295
+ }
296
+ /* stylelint-disable at-rule-descriptor-no-unknown */
297
+ /* stylelint-disable value-keyword-case */
298
+ :root {
290
299
  --font-primary: 'Wix Madefor Display', sans-serif;
291
- --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
300
+ --font-email:
301
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
292
302
  Cantarell, 'Helvetica Neue', sans-serif;
293
303
  }
294
- /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
295
- /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
296
304
  @font-face {
297
305
  font-family: 'Wix Madefor Display';
298
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
306
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
299
307
  src:
300
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
308
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
301
309
  format('embedded-opentype'),
302
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2') format('woff2'),
303
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff') format('woff'),
304
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf') format('truetype');
310
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
311
+ format('woff2'),
312
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
313
+ format('woff'),
314
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
315
+ format('truetype');
305
316
  font-weight: 700;
306
317
  font-style: normal;
307
318
  font-optical-sizing: auto;
308
319
  }
309
320
  @font-face {
310
321
  font-family: 'Wix Madefor Display';
311
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
322
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
312
323
  src:
313
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
324
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
314
325
  format('embedded-opentype'),
315
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2') format('woff2'),
316
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff') format('woff'),
317
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf') format('truetype');
326
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
327
+ format('woff2'),
328
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
329
+ format('woff'),
330
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
331
+ format('truetype');
318
332
  font-weight: 600;
319
333
  font-style: normal;
320
334
  font-optical-sizing: auto;
321
335
  }
322
336
  @font-face {
323
337
  font-family: 'Wix Madefor Display';
324
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
338
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
325
339
  src:
326
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
340
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
327
341
  format('embedded-opentype'),
328
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2') format('woff2'),
329
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff') format('woff'),
330
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf') format('truetype');
342
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
343
+ format('woff2'),
344
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
345
+ format('woff'),
346
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
347
+ format('truetype');
331
348
  font-weight: 500;
332
349
  font-style: normal;
333
350
  font-optical-sizing: auto;
334
351
  }
335
352
  @font-face {
336
353
  font-family: 'Wix Madefor Display';
337
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
354
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
338
355
  src:
339
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
356
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
340
357
  format('embedded-opentype'),
341
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2') format('woff2'),
342
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff') format('woff'),
343
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf') format('truetype');
358
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
359
+ format('woff2'),
360
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
361
+ format('woff'),
362
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
363
+ format('truetype');
344
364
  font-weight: 400;
345
365
  font-style: normal;
346
366
  font-optical-sizing: auto;
347
367
  }
348
368
  @media (--desktop) {
349
- :root {
369
+ html:is(.am):root {
350
370
  --wrapper-margin: 40px;
371
+
351
372
  /* Warning first column 1fr by default */
352
373
  --grid-system-columns: 23;
353
374
  --grid-system-gutter: 12px;
@@ -355,8 +376,9 @@
355
376
  }
356
377
  }
357
378
  @media (--mobile) {
358
- :root {
379
+ html:is(.am):root {
359
380
  --wrapper-margin: 12px;
381
+
360
382
  /* Warning first column 1fr by default */
361
383
  --grid-system-columns: 11;
362
384
  --grid-system-gutter: 12px;
@@ -364,12 +386,12 @@
364
386
  }
365
387
  }
366
388
  @media (--tablet) {
367
- :root {
389
+ html:is(.am):root {
368
390
  --wrapper-margin: 24px;
391
+
369
392
  /* Warning first column 1fr by default */
370
393
  --grid-system-columns: 15;
371
394
  --grid-system-gutter: 12px;
372
395
  --grid-system-margin: 24px;
373
396
  }
374
- }
375
-
397
+ }
package/dist/fonts/fonts.css ADDED
@@ -0,0 +1,77 @@
1
+ /* stylelint-disable at-rule-descriptor-no-unknown */
2
+ /* stylelint-disable value-keyword-case */
3
+
4
+ :root {
5
+ --font-primary: 'Wix Madefor Display', sans-serif;
6
+ --font-email:
7
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
8
+ Cantarell, 'Helvetica Neue', sans-serif;
9
+ }
10
+
11
+ @font-face {
12
+ font-family: 'Wix Madefor Display';
13
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
14
+ src:
15
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
16
+ format('embedded-opentype'),
17
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
18
+ format('woff2'),
19
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
20
+ format('woff'),
21
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
22
+ format('truetype');
23
+ font-weight: 700;
24
+ font-style: normal;
25
+ font-optical-sizing: auto;
26
+ }
27
+
28
+ @font-face {
29
+ font-family: 'Wix Madefor Display';
30
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
31
+ src:
32
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
33
+ format('embedded-opentype'),
34
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
35
+ format('woff2'),
36
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
37
+ format('woff'),
38
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
39
+ format('truetype');
40
+ font-weight: 600;
41
+ font-style: normal;
42
+ font-optical-sizing: auto;
43
+ }
44
+
45
+ @font-face {
46
+ font-family: 'Wix Madefor Display';
47
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
48
+ src:
49
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
50
+ format('embedded-opentype'),
51
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
52
+ format('woff2'),
53
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
54
+ format('woff'),
55
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
56
+ format('truetype');
57
+ font-weight: 500;
58
+ font-style: normal;
59
+ font-optical-sizing: auto;
60
+ }
61
+
62
+ @font-face {
63
+ font-family: 'Wix Madefor Display';
64
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
65
+ src:
66
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
67
+ format('embedded-opentype'),
68
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
69
+ format('woff2'),
70
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
71
+ format('woff'),
72
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
73
+ format('truetype');
74
+ font-weight: 400;
75
+ font-style: normal;
76
+ font-optical-sizing: auto;
77
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.0.28",
4
+ "version": "1.0.30",
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": "76949891e58d5ae092f9bdb943cc26da67cb32f7"
28
+ "gitHead": "3efa012e7219443262ce76c5ba5073308e9e92fe"
29
29
  }