@itcase/tokens-am 1.0.28 → 1.1.0

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 +203 -184
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -1,161 +1,166 @@
1
- :root {
2
- --color-accent-primary: hsla(92, 49%, 47%, 1);
3
- --color-accent-primary-hover: hsla(92, 70%, 47%, 1);
4
- --color-accent-secondary: hsla(92, 29%, 62%, 1);
5
- --color-accent-secondary-hover: hsla(90, 28%, 88%, 1);
6
- --color-accent-tertiary: hsla(93, 53%, 93%, 1);
7
- --color-accent-active: hsla(92, 46%, 41%, 1);
8
- --color-accent-disabled: hsla(93, 45%, 80%, 1);
9
-
10
- --color-accent-text-primary: hsla(0, 0%, 100%, 1);
11
- --color-accent-text-secondary: hsla(92, 49%, 47%, 1);
12
- --color-accent-text-disable: hsla(92, 49%, 47%, 1);
13
-
14
- --color-accent-item-primary: hsla(0, 0%, 100%, 1);
15
- --color-accent-item-secondary: hsla(92, 49%, 47%, 1);
16
- --color-accent-item-disabled: hsla(92, 49%, 47%, 1);
17
-
18
- --color-accent-border-primary: hsla(0, 0%, 100%, 1);
19
- --color-accent-border-secondary: hsla(92, 50%, 42%, 1);
20
- --color-accent-border-tertiary: hsla(94, 53%, 68%, 1);
21
- --color-accent-border-hover: hsla(92, 70%, 47%, 1);
22
- --color-accent-border-quaternary: hsla(92, 37%, 35%, 1);
23
- --color-accent-border-disabled: hsla(93, 45%, 80%, 1);
24
-
25
- --color-primary-primary: hsla(36, 95%, 45%, 1);
26
- --color-primary-primary-hover: hsla(36, 94%, 60%, 1);
27
- --color-primary-secondary: hsla(36, 95%, 45%, 1);
28
- --color-primary-secondary-hover: hsla(36, 88%, 87%, 1);
29
- --color-primary-disabled: hsla(32, 13%, 81%, 1);
30
- --color-primary-active: hsla(36, 95%, 40%, 1);
31
-
32
- --color-primary-text-primary: hsla(0, 0%, 100%, 1);
33
- --color-primary-text-secondary: hsla(36, 95%, 45%, 1);
34
- --color-primary-text-disabled: hsla(36, 60%, 65%, 1);
35
-
36
- --color-primary-item-primary: hsla(0, 0%, 100%, 1);
37
- --color-primary-item-secondary: hsla(36, 95%, 45%, 1);
38
- --color-primary-item-disabled: hsla(36, 60%, 65%, 1);
39
-
40
- --color-primary-border-primary: hsla(0, 0%, 100%, 1);
41
- --color-primary-border-secondary: hsla(36, 95%, 45%, 1);
42
- --color-primary-border-tertiary: hsla(36, 96%, 70%, 1);
43
- --color-primary-border-quaternary: hsla(36, 95%, 36%, 1);
44
- --color-primary-border-hover: hsla(36, 94%, 60%, 1);
45
- --color-primary-border-disabled: hsla(32, 13%, 81%, 1);
46
-
47
- --color-secondary-primary: hsla(349, 96%, 44%, 1);
48
- --color-secondary-primary-hover: hsla(349, 100%, 51%, 1);
49
- --color-secondary-secondary: hsla(349, 70%, 74%, 1);
50
- --color-secondary-secondary-hover: hsla(348, 68%, 85%, 1);
51
- --color-secondary-disabled: hsla(348, 59%, 90%, 1);
52
- --color-secondary-active: hsla(349, 95%, 34%, 1);
53
-
54
- --color-secondary-item-primary: hsla(0, 0%, 100%, 1);
55
- --color-secondary-item-secondary: hsla(349, 96%, 44%, 1);
56
- --color-secondary-item-disabled: hsla(348, 53%, 68%, 1);
57
-
58
- --color-secondary-text-primary: hsla(0, 0%, 100%, 1);
59
- --color-secondary-text-secondary: hsla(349, 96%, 44%, 1);
60
- --color-secondary-text-disabled: hsla(348, 53%, 68%, 1);
61
-
62
- --color-secondary-border-primary: hsla(0, 0%, 100%, 1);
63
- --color-secondary-border-secondary: hsla(349, 90%, 54%, 1);
64
- --color-secondary-border-tertiary: hsla(349, 94%, 72%, 1);
65
- --color-secondary-border-quaternary: hsla(349, 87%, 28%, 1);
66
- --color-secondary-border-hover: hsla(349, 100%, 51%, 1);
67
- --color-secondary-border-disabled: hsla(348, 59%, 90%, 1);
68
-
69
- --color-surface-primary: hsla(0, 0%, 100%, 1);
70
- --color-surface-primary-hover: hsla(0, 0%, 82%, 1);
71
- --color-surface-secondary: hsla(220, 14%, 96%, 1);
72
- --color-surface-secondary-hover: hsla(0, 0%, 78%, 1);
73
- --color-surface-tertiary: hsla(0, 0%, 85%, 1);
74
- --color-surface-tertiary-hover: hsla(0, 0%, 73%, 1);
75
- --color-surface-quaternary: hsla(0, 0%, 45%, 1);
76
- --color-surface-quaternary-50: hsla(0, 0%, 45%, 0.5);
77
- --color-surface-disabled: hsla(0, 0%, 79%, 1);
78
- --color-surface-active: hsla(0, 0%, 64%, 1);
79
-
80
- --color-surface-text-primary: hsla(0, 0%, 9%, 1);
81
- --color-surface-text-secondary: hsla(0, 0%, 46%, 1);
82
- --color-surface-text-tertiary: hsla(213, 5%, 45%, 1);
83
- --color-surface-text-quaternary: hsla(0, 0%, 45%, 1);
84
- --color-surface-text-disabled: hsla(0, 0%, 47%, 1);
85
- --color-surface-text-accent: hsla(92, 49%, 47%, 1);
86
- --color-surface-text-accent-hover: hsla(92, 70%, 47%, 1);
87
- --color-surface-text-active: hsla(40, 75%, 58%, 1);
88
- --color-surface-text-inverse: hsla(0, 0%, 100%, 1);
89
-
90
- --color-surface-item-primary: hsla(36, 71%, 13%, 1);
91
- --color-surface-item-secondary: hsla(0, 0%, 93%, 1);
92
- --color-surface-item-tertiary: hsla(0, 0%, 85%, 1);
93
- --color-surface-item-quaternary: hsla(0, 0%, 45%, 1);
94
- --color-surface-item-disabled: hsla(0, 0%, 85%, 1);
95
- --color-surface-item-inverse: hsla(0, 0%, 100%, 1);
96
- --color-surface-item-accent: hsla(92, 49%, 47%, 1);
97
-
98
- --color-surface-border-primary: hsla(36, 71%, 13%, 1);
99
- --color-surface-border-secondary: hsla(0, 0%, 93%, 1);
100
- --color-surface-border-tertiary: hsla(0, 0%, 85%, 1);
101
- --color-surface-border-quaternary: hsla(0, 0%, 45%, 1);
102
- --color-surface-border-hover: hsla(0, 0%, 31%, 1);
103
- --color-surface-border-disabled: hsla(0, 0%, 61%, 1);
104
- --color-surface-border-accent: hsla(92, 49%, 47%, 1);
105
- --color-surface-border-active: hsla(40, 75%, 58%, 1);
106
-
107
- --color-error-primary: hsla(0, 100%, 44%, 1);
108
- --color-error-tertiary: hsla(0, 100%, 92%, 1);
109
-
110
- --color-error-text-primary: hsla(0, 100%, 44%, 1);
111
- --color-error-text-secondary: hsla(0, 0%, 100%, 1);
112
-
113
- --color-error-border-primary: hsla(0, 100%, 44%, 1);
114
- --color-error-border-secondary: hsla(0, 0%, 100%, 1);
115
-
116
- --color-error-item-primary: hsla(0, 100%, 44%, 1);
117
- --color-error-item-secondary: hsla(0, 0%, 100%, 1);
118
-
119
- --color-success-primary: hsla(92, 56%, 38%, 1);
120
-
121
- --color-success-text-primary: hsla(92, 56%, 38%, 1);
122
- --color-success-text-secondary: hsla(0, 0%, 100%, 1);
123
-
124
- --color-success-item-primary: hsla(92, 56%, 38%, 1);
125
- --color-success-item-secondary: hsla(0, 0%, 100%, 1);
126
-
127
- --color-success-border-primary: hsla(92, 56%, 38%, 1);
128
- --color-success-border-secondary: hsla(0, 0%, 100%, 1);
129
-
130
- --color-warning-text-primary: hsla(43, 68%, 50%, 1);
131
- --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
132
-
133
- --color-warning-primary: hsla(43, 68%, 50%, 1);
134
-
135
- --color-warning-border-primary: hsla(43, 68%, 50%, 1);
136
-
137
- --color-warning-item-primary: hsla(43, 68%, 50%, 1);
138
-
139
- --color-info-primary: hsla(211, 83%, 47%, 1);
140
- --color-info-text-primary: hsla(0, 0%, 100%, 1);
141
-
142
- --color-danger-primary: hsla(349, 96%, 44%, 1);
143
- --color-danger-text-primary: hsla(0, 0%, 100%, 1);
1
+ :root.am {
2
+ --color-accent-primary: hsl(92, 49%, 47%, 1);
3
+ --color-accent-primary-hover: hsl(92, 70%, 47%, 1);
4
+ --color-accent-secondary: hsl(92, 29%, 62%, 1);
5
+ --color-accent-secondary-hover: hsl(90, 28%, 88%, 1);
6
+ --color-accent-tertiary: hsl(93, 53%, 93%, 1);
7
+ --color-accent-active: hsl(92, 46%, 41%, 1);
8
+ --color-accent-disabled: hsl(93, 45%, 80%, 1);
9
+
10
+ --color-accent-text-primary: hsl(0, 0%, 100%, 1);
11
+ --color-accent-text-secondary: hsl(92, 49%, 47%, 1);
12
+ --color-accent-text-disable: hsl(92, 49%, 47%, 1);
13
+
14
+ --color-accent-item-primary: hsl(0, 0%, 100%, 1);
15
+ --color-accent-item-secondary: hsl(92, 49%, 47%, 1);
16
+ --color-accent-item-disabled: hsl(92, 49%, 47%, 1);
17
+
18
+ --color-accent-border-primary: hsl(0, 0%, 100%, 1);
19
+ --color-accent-border-secondary: hsl(92, 50%, 42%, 1);
20
+ --color-accent-border-tertiary: hsl(94, 53%, 68%, 1);
21
+ --color-accent-border-hover: hsl(92, 70%, 47%, 1);
22
+ --color-accent-border-quaternary: hsl(92, 37%, 35%, 1);
23
+ --color-accent-border-disabled: hsl(93, 45%, 80%, 1);
24
+
25
+ --color-primary-primary: hsl(36, 95%, 45%, 1);
26
+ --color-primary-primary-hover: hsl(36, 94%, 60%, 1);
27
+ --color-primary-secondary: hsl(36, 95%, 45%, 1);
28
+ --color-primary-secondary-hover: hsl(36, 88%, 87%, 1);
29
+ --color-primary-disabled: hsl(32, 13%, 81%, 1);
30
+ --color-primary-active: hsl(36, 95%, 40%, 1);
31
+
32
+ --color-primary-text-primary: hsl(0, 0%, 100%, 1);
33
+ --color-primary-text-secondary: hsl(36, 95%, 45%, 1);
34
+ --color-primary-text-disabled: hsl(36, 60%, 65%, 1);
35
+
36
+ --color-primary-item-primary: hsl(0, 0%, 100%, 1);
37
+ --color-primary-item-secondary: hsl(36, 95%, 45%, 1);
38
+ --color-primary-item-disabled: hsl(36, 60%, 65%, 1);
39
+
40
+ --color-primary-border-primary: hsl(0, 0%, 100%, 1);
41
+ --color-primary-border-secondary: hsl(36, 95%, 45%, 1);
42
+ --color-primary-border-tertiary: hsl(36, 96%, 70%, 1);
43
+ --color-primary-border-quaternary: hsl(36, 95%, 36%, 1);
44
+ --color-primary-border-hover: hsl(36, 94%, 60%, 1);
45
+ --color-primary-border-disabled: hsl(32, 13%, 81%, 1);
46
+
47
+ --color-secondary-primary: hsl(349, 96%, 44%, 1);
48
+ --color-secondary-primary-hover: hsl(349, 100%, 51%, 1);
49
+ --color-secondary-secondary: hsl(349, 70%, 74%, 1);
50
+ --color-secondary-secondary-hover: hsl(348, 68%, 85%, 1);
51
+ --color-secondary-disabled: hsl(348, 59%, 90%, 1);
52
+ --color-secondary-active: hsl(349, 95%, 34%, 1);
53
+
54
+ --color-secondary-item-primary: hsl(0, 0%, 100%, 1);
55
+ --color-secondary-item-secondary: hsl(349, 96%, 44%, 1);
56
+ --color-secondary-item-disabled: hsl(348, 53%, 68%, 1);
57
+
58
+ --color-secondary-text-primary: hsl(0, 0%, 100%, 1);
59
+ --color-secondary-text-secondary: hsl(349, 96%, 44%, 1);
60
+ --color-secondary-text-disabled: hsl(348, 53%, 68%, 1);
61
+
62
+ --color-secondary-border-primary: hsl(0, 0%, 100%, 1);
63
+ --color-secondary-border-secondary: hsl(349, 90%, 54%, 1);
64
+ --color-secondary-border-tertiary: hsl(349, 94%, 72%, 1);
65
+ --color-secondary-border-quaternary: hsl(349, 87%, 28%, 1);
66
+ --color-secondary-border-hover: hsl(349, 100%, 51%, 1);
67
+ --color-secondary-border-disabled: hsl(348, 59%, 90%, 1);
68
+
69
+ --color-surface-primary: hsl(0, 0%, 100%, 1);
70
+ --color-surface-primary-hover: hsl(0, 0%, 82%, 1);
71
+ --color-surface-secondary: hsl(220, 14%, 96%, 1);
72
+ --color-surface-secondary-hover: hsl(0, 0%, 78%, 1);
73
+ --color-surface-tertiary: hsl(0, 0%, 85%, 1);
74
+ --color-surface-tertiary-hover: hsl(0, 0%, 73%, 1);
75
+ --color-surface-quaternary: hsl(0, 0%, 45%, 1);
76
+ --color-surface-quaternary-50: hsl(0, 0%, 45%, 0.5);
77
+ --color-surface-disabled: hsl(0, 0%, 79%, 1);
78
+ --color-surface-active: hsl(0, 0%, 64%, 1);
79
+
80
+ --color-surface-text-primary: hsl(0, 0%, 9%, 1);
81
+ --color-surface-text-secondary: hsl(0, 0%, 46%, 1);
82
+ --color-surface-text-tertiary: hsl(213, 5%, 45%, 1);
83
+ --color-surface-text-quaternary: hsl(0, 0%, 45%, 1);
84
+ --color-surface-text-disabled: hsl(0, 0%, 47%, 1);
85
+ --color-surface-text-accent: hsl(92, 49%, 47%, 1);
86
+ --color-surface-text-accent-hover: hsl(92, 70%, 47%, 1);
87
+ --color-surface-text-active: hsl(40, 75%, 58%, 1);
88
+ --color-surface-text-inverse: hsl(0, 0%, 100%, 1);
89
+
90
+ --color-surface-item-primary: hsl(36, 71%, 13%, 1);
91
+ --color-surface-item-secondary: hsl(0, 0%, 93%, 1);
92
+ --color-surface-item-tertiary: hsl(0, 0%, 85%, 1);
93
+ --color-surface-item-quaternary: hsl(0, 0%, 45%, 1);
94
+ --color-surface-item-disabled: hsl(0, 0%, 85%, 1);
95
+ --color-surface-item-inverse: hsl(0, 0%, 100%, 1);
96
+ --color-surface-item-accent: hsl(92, 49%, 47%, 1);
97
+
98
+ --color-surface-border-primary: hsl(36, 71%, 13%, 1);
99
+ --color-surface-border-secondary: hsl(0, 0%, 93%, 1);
100
+ --color-surface-border-tertiary: hsl(0, 0%, 85%, 1);
101
+ --color-surface-border-quaternary: hsl(0, 0%, 45%, 1);
102
+ --color-surface-border-hover: hsl(0, 0%, 31%, 1);
103
+ --color-surface-border-disabled: hsl(0, 0%, 61%, 1);
104
+ --color-surface-border-accent: hsl(92, 49%, 47%, 1);
105
+ --color-surface-border-active: hsl(40, 75%, 58%, 1);
106
+
107
+ --color-error-primary: hsl(0, 100%, 44%, 1);
108
+ --color-error-tertiary: hsl(0, 100%, 92%, 1);
109
+
110
+ --color-error-text-primary: hsl(0, 100%, 44%, 1);
111
+ --color-error-text-secondary: hsl(0, 0%, 100%, 1);
112
+
113
+ --color-error-border-primary: hsl(0, 100%, 44%, 1);
114
+ --color-error-border-secondary: hsl(0, 0%, 100%, 1);
115
+
116
+ --color-error-item-primary: hsl(0, 100%, 44%, 1);
117
+ --color-error-item-secondary: hsl(0, 0%, 100%, 1);
118
+
119
+ --color-success-primary: hsl(92, 56%, 38%, 1);
120
+
121
+ --color-success-text-primary: hsl(92, 56%, 38%, 1);
122
+ --color-success-text-secondary: hsl(0, 0%, 100%, 1);
123
+
124
+ --color-success-item-primary: hsl(92, 56%, 38%, 1);
125
+ --color-success-item-secondary: hsl(0, 0%, 100%, 1);
126
+
127
+ --color-success-border-primary: hsl(92, 56%, 38%, 1);
128
+ --color-success-border-secondary: hsl(0, 0%, 100%, 1);
129
+
130
+ --color-warning-text-primary: hsl(43, 68%, 50%, 1);
131
+ --color-warning-text-secondary: hsl(0, 0%, 100%, 1);
132
+
133
+ --color-warning-primary: hsl(43, 68%, 50%, 1);
134
+
135
+ --color-warning-border-primary: hsl(43, 68%, 50%, 1);
136
+
137
+ --color-warning-item-primary: hsl(43, 68%, 50%, 1);
138
+
139
+ --color-info-primary: hsl(211, 83%, 47%, 1);
140
+ --color-info-text-primary: hsl(0, 0%, 100%, 1);
141
+
142
+ --color-danger-primary: hsl(349, 96%, 44%, 1);
143
+ --color-danger-text-primary: hsl(0, 0%, 100%, 1);
144
+
145
+ --color-disabled-primary: hsl(0, 0%, 93%, 1);
146
+ --color-disabled-text-primary: hsl(0, 0%, 47%, 1);
147
+ --color-disabled-item-primary: hsl(0, 0%, 47%, 1);
148
+ --color-disabled-border-primary: hsl(0, 0%, 47%, 1);
144
149
 
145
150
  --color-gradient-primary: linear-gradient(
146
151
  to right,
147
- hsla(0, 100%, 44%, 1) 0%,
148
- hsla(27, 78%, 54%, 1) 50%,
149
- hsla(92, 56%, 38%, 1) 100%
152
+ hsl(0, 100%, 44%, 1) 0%,
153
+ hsl(27, 78%, 54%, 1) 50%,
154
+ hsl(92, 56%, 38%, 1) 100%
150
155
  );
151
- --elevation-1: 0px 1px 1px rgba(0, 0, 0, 0.24);
152
- --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
153
- --elevation-4: 0px 2px 6px rgba(0, 0, 0, 0.24);
154
- --elevation-6: 0px 2px 6px rgba(0, 0, 0, 0.24);
155
- --elevation-8: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
156
- --elevation-12: 0px 6px 12px rgba(0, 0, 0, 0.16);
157
- --elevation-16: 0px 8px 16px rgba(0, 0, 0, 0.16);
158
- --elevation-24: 0px 16px 24px rgba(0, 0, 0, 0.12);
156
+ --elevation-1: 0px 1px 1px rgb(0, 0, 0, 0.24);
157
+ --elevation-2: 0px 2px 8px 0px rgb(0, 0, 0, 0.1);
158
+ --elevation-4: 0px 2px 6px rgb(0, 0, 0, 0.24);
159
+ --elevation-6: 0px 2px 6px rgb(0, 0, 0, 0.24);
160
+ --elevation-8: 0px 4px 12px 0px rgb(0, 0, 0, 0.2);
161
+ --elevation-12: 0px 6px 12px rgb(0, 0, 0, 0.16);
162
+ --elevation-16: 0px 8px 16px rgb(0, 0, 0, 0.16);
163
+ --elevation-24: 0px 16px 24px rgb(0, 0, 0, 0.12);
159
164
  --min-max: 360px 1440px;
160
165
  --min: 360px;
161
166
  --max: 1440px;
@@ -287,67 +292,80 @@
287
292
 
288
293
  --typography-email-text-xxs: 10px;
289
294
  --typography-email-text-xxs-line-height: 14px;
290
- --font-primary: 'Wix Madefor Display', sans-serif;
291
- --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
292
- Cantarell, 'Helvetica Neue', sans-serif;
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;
293
297
  }
294
- /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
295
- /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
298
+ /* stylelint-disable prettier/prettier */
299
+ /* stylelint-disable at-rule-descriptor-no-unknown */
300
+ /* stylelint-disable value-keyword-case */
296
301
  @font-face {
297
302
  font-family: 'Wix Madefor Display';
298
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
303
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
299
304
  src:
300
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
305
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
301
306
  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');
307
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
308
+ format('woff2'),
309
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
310
+ format('woff'),
311
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
312
+ format('truetype');
305
313
  font-weight: 700;
306
314
  font-style: normal;
307
315
  font-optical-sizing: auto;
308
316
  }
309
317
  @font-face {
310
318
  font-family: 'Wix Madefor Display';
311
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
319
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
312
320
  src:
313
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
321
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
314
322
  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');
323
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
324
+ format('woff2'),
325
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
326
+ format('woff'),
327
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
328
+ format('truetype');
318
329
  font-weight: 600;
319
330
  font-style: normal;
320
331
  font-optical-sizing: auto;
321
332
  }
322
333
  @font-face {
323
334
  font-family: 'Wix Madefor Display';
324
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
335
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
325
336
  src:
326
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
337
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
327
338
  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');
339
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
340
+ format('woff2'),
341
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
342
+ format('woff'),
343
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
344
+ format('truetype');
331
345
  font-weight: 500;
332
346
  font-style: normal;
333
347
  font-optical-sizing: auto;
334
348
  }
335
349
  @font-face {
336
350
  font-family: 'Wix Madefor Display';
337
- src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
351
+ src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
338
352
  src:
339
- url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
353
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
340
354
  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');
355
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
356
+ format('woff2'),
357
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
358
+ format('woff'),
359
+ url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
360
+ format('truetype');
344
361
  font-weight: 400;
345
362
  font-style: normal;
346
363
  font-optical-sizing: auto;
347
364
  }
348
365
  @media (--desktop) {
349
- :root {
366
+ :root.am {
350
367
  --wrapper-margin: 40px;
368
+
351
369
  /* Warning first column 1fr by default */
352
370
  --grid-system-columns: 23;
353
371
  --grid-system-gutter: 12px;
@@ -355,8 +373,9 @@
355
373
  }
356
374
  }
357
375
  @media (--mobile) {
358
- :root {
376
+ :root.am {
359
377
  --wrapper-margin: 12px;
378
+
360
379
  /* Warning first column 1fr by default */
361
380
  --grid-system-columns: 11;
362
381
  --grid-system-gutter: 12px;
@@ -364,12 +383,12 @@
364
383
  }
365
384
  }
366
385
  @media (--tablet) {
367
- :root {
386
+ :root.am {
368
387
  --wrapper-margin: 24px;
388
+
369
389
  /* Warning first column 1fr by default */
370
390
  --grid-system-columns: 15;
371
391
  --grid-system-gutter: 12px;
372
392
  --grid-system-margin: 24px;
373
393
  }
374
- }
375
-
394
+ }
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.1.0",
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": "da3e790bf979d37e08e66e89436d50f403eec6f3"
29
29
  }