@itcase/tokens-am 1.0.25 → 1.0.27

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 +125 -123
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -1,144 +1,146 @@
1
1
  :root {
2
- --color-accent-primary: hsla(195, 96%, 59%, 1);
3
- --color-accent-primary-hover: hsla(197, 100%, 47%, 1);
4
- --color-accent-secondary: hsla(194, 99%, 36%, 1);
5
- --color-accent-secondary-hover: hsla(197, 100%, 47%, 1);
6
- --color-accent-tertiary: hsla(219, 61%, 34%, 1);
7
- --color-accent-active: hsla(195, 96%, 59%, 1);
8
- --color-accent-disabled: hsla(195, 100%, 94%, 1);
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
9
 
10
10
  --color-accent-text-primary: hsla(0, 0%, 100%, 1);
11
- --color-accent-text-secondary: hsla(194, 99%, 36%, 1);
12
- --color-accent-text-disable: hsla(240, 53%, 33%, 1);
11
+ --color-accent-text-secondary: hsla(92, 49%, 47%, 1);
12
+ --color-accent-text-disable: hsla(92, 49%, 47%, 1);
13
13
 
14
14
  --color-accent-item-primary: hsla(0, 0%, 100%, 1);
15
- --color-accent-item-secondary: hsla(197, 100%, 47%, 1);
16
- --color-accent-item-tertiary: hsla(219, 61%, 34%, 1);
17
- --color-accent-item-quaternary: hsla(194, 99%, 36%, 1);
18
- --color-accent-item-active: hsla(197, 100%, 47%, 1);
19
- --color-accent-item-disabled: hsla(195, 100%, 94%, 1);
15
+ --color-accent-item-secondary: hsla(92, 49%, 47%, 1);
16
+ --color-accent-item-disabled: hsla(92, 49%, 47%, 1);
20
17
 
21
18
  --color-accent-border-primary: hsla(0, 0%, 100%, 1);
22
- --color-accent-border-secondary: hsla(197, 100%, 47%, 1);
23
- --color-accent-border-disabled: hsla(195, 100%, 94%, 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
24
 
25
25
  --color-primary-primary: hsla(36, 95%, 45%, 1);
26
-
27
- --color-secondary-primary: hsla(334, 88%, 64%, 1);
28
- --color-secondary-primary-hover: hsla(334, 88%, 64%, 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);
29
49
  --color-secondary-secondary: hsla(349, 70%, 74%, 1);
30
50
  --color-secondary-secondary-hover: hsla(348, 68%, 85%, 1);
31
- --color-secondary-disabled: hsla(348, 58%, 90%, 1);
51
+ --color-secondary-disabled: hsla(348, 59%, 90%, 1);
32
52
  --color-secondary-active: hsla(349, 95%, 34%, 1);
33
53
 
34
- --color-secondary-text-hover: hsla(349, 95%, 34%, 1);
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);
35
68
 
36
69
  --color-surface-primary: hsla(0, 0%, 100%, 1);
37
- --color-surface-primary-hover: hsla(0, 0%, 85%, 1);
70
+ --color-surface-primary-hover: hsla(0, 0%, 82%, 1);
38
71
  --color-surface-secondary: hsla(220, 14%, 96%, 1);
39
72
  --color-surface-secondary-hover: hsla(0, 0%, 78%, 1);
40
73
  --color-surface-tertiary: hsla(0, 0%, 85%, 1);
41
74
  --color-surface-tertiary-hover: hsla(0, 0%, 73%, 1);
42
- --color-surface-quaternary: hsla(216, 2%, 51%, 1);
43
- --color-surface-quaternary-50: hsla(0, 0%, 100%, 0.5);
44
- --color-surface-disabled: hsla(0, 0%, 93%, 1);
45
- --color-surface-quinary: hsla(195, 96%, 59%, 1);
46
- --color-surface-accent: hsla(195, 95%, 85%, 1);
47
- --color-surface-inverse: hsla(0, 0%, 0%, 1);
48
- --color-surface-inverse-50: hsla(0, 0%, 0%, 0.5);
49
-
50
- --color-surface-text-primary: hsla(0, 0%, 0%, 1);
51
- --color-surface-text-secondary: hsla(0, 0%, 93%, 1);
52
- --color-surface-text-tertiary: hsla(219, 61%, 34%, 1);
53
- --color-surface-text-quaternary: hsla(216, 2%, 51%, 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);
54
84
  --color-surface-text-disabled: hsla(0, 0%, 47%, 1);
55
- --color-surface-text-hover: hsla(0, 0%, 31%, 1);
56
- --color-surface-text-accent: hsla(194, 99%, 36%, 1);
57
- --color-surface-text-accent-hover: hsla(195, 96%, 59%, 1);
58
- --color-surface-text-active: hsla(197, 100%, 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);
59
88
  --color-surface-text-inverse: hsla(0, 0%, 100%, 1);
60
89
 
61
- --color-surface-item-primary: hsla(0, 0%, 0%, 1);
90
+ --color-surface-item-primary: hsla(36, 71%, 13%, 1);
62
91
  --color-surface-item-secondary: hsla(0, 0%, 93%, 1);
63
- --color-surface-item-tertiary: hsla(219, 61%, 34%, 1);
64
- --color-surface-item-quaternary: hsla(194, 99%, 36%, 1);
65
- --color-surface-item-hover: hsla(0, 0%, 31%, 1);
66
- --color-surface-item-disabled: hsla(0, 0%, 47%, 1);
67
- --color-surface-item-accent: hsla(197, 100%, 47%, 1);
68
- --color-surface-item-active: hsla(195, 96%, 59%, 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);
69
95
  --color-surface-item-inverse: hsla(0, 0%, 100%, 1);
96
+ --color-surface-item-accent: hsla(92, 49%, 47%, 1);
70
97
 
71
- --color-surface-border-primary: hsla(0, 0%, 0%, 1);
72
- --color-surface-border-secondary: hsla(220, 14%, 96%, 1);
73
- --color-surface-border-tertiary: hsla(219, 61%, 34%, 1);
74
- --color-surface-border-quaternary: hsla(216, 2%, 51%, 1);
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);
75
102
  --color-surface-border-hover: hsla(0, 0%, 31%, 1);
76
- --color-surface-border-disabled: hsla(0, 0%, 47%, 1);
77
- --color-surface-border-accent: hsla(0, 0%, 85%, 1);
78
- --color-surface-border-active: hsla(195, 96%, 59%, 1);
79
- --color-surface-border-inverse: hsla(0, 0%, 100%, 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);
80
106
 
81
- --color-error-primary: hsla(0, 100%, 44%);
107
+ --color-error-primary: hsla(0, 100%, 44%, 1);
108
+ --color-error-tertiary: hsla(0, 100%, 92%, 1);
82
109
 
83
110
  --color-error-text-primary: hsla(0, 100%, 44%, 1);
84
111
  --color-error-text-secondary: hsla(0, 0%, 100%, 1);
85
112
 
86
- --color-error-border-primary: hsla(0, 0%, 100%, 1);
87
- --color-error-border-secondary: hsla(0, 100%, 44%);
88
- --color-error-border-disabled: hsla(0, 31%, 65%);
113
+ --color-error-border-primary: hsla(0, 100%, 44%, 1);
114
+ --color-error-border-secondary: hsla(0, 0%, 100%, 1);
89
115
 
90
- --color-error-item-primary: hsla(0, 0%, 100%, 1);
91
- --color-error-item-secondary: hsla(0, 100%, 44%);
92
- --color-error-item-disabled: hsla(0, 31%, 65%);
116
+ --color-error-item-primary: hsla(0, 100%, 44%, 1);
117
+ --color-error-item-secondary: hsla(0, 0%, 100%, 1);
93
118
 
94
- --color-success-primary: hsla(92, 56%, 38%);
95
- --color-success-secondary: hsla(92, 68%, 48%);
96
- --color-success-tertiary: hsla(90, 53%, 93%);
97
- --color-success-disabled: hsla(92, 43%, 80%);
119
+ --color-success-primary: hsla(92, 56%, 38%, 1);
98
120
 
99
- --color-success-text-primary: hsla(0, 0%, 100%, 1);
100
- --color-success-text-secondary: hsla(92, 56%, 38%);
101
- --color-success-text-disabled: hsla(92, 22%, 54%);
121
+ --color-success-text-primary: hsla(92, 56%, 38%, 1);
122
+ --color-success-text-secondary: hsla(0, 0%, 100%, 1);
102
123
 
103
- --color-success-item-primary: hsla(92, 56%, 38%);
124
+ --color-success-item-primary: hsla(92, 56%, 38%, 1);
104
125
  --color-success-item-secondary: hsla(0, 0%, 100%, 1);
105
- --color-success-item-disabled: hsla(92, 22%, 54%);
106
126
 
107
- --color-success-border-primary: hsla(92, 56%, 38%);
127
+ --color-success-border-primary: hsla(92, 56%, 38%, 1);
108
128
  --color-success-border-secondary: hsla(0, 0%, 100%, 1);
109
- --color-success-border-disabled: hsla(92, 22%, 54%);
110
129
 
111
- --color-warning-primary: hsla(36, 95%, 45%);
112
- --color-warning-secondary: hsla(36, 76%, 71%);
113
- --color-warning-tertiary: hsla(0, 0%, 100%, 1);
114
- --color-warning-disabled: hsla(36, 83%, 86%);
130
+ --color-warning-text-primary: hsla(43, 68%, 50%, 1);
131
+ --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
115
132
 
116
- --color-warning-text-primary: hsla(36, 95%, 45%);
117
- --color-warning-text-secondary: hsla(36, 76%, 71%);
118
- --color-warning-text-disabled: hsla(36, 31%, 57%);
133
+ --color-warning-primary: hsla(43, 68%, 50%, 1);
119
134
 
120
- --color-warning-border-primary: hsla(36, 95%, 45%);
121
- --color-warning-border-secondary: hsla(0, 0%, 100%, 1);
122
- --color-warning-border-disabled: hsla(36, 31%, 57%);
135
+ --color-warning-border-primary: hsla(43, 68%, 50%, 1);
123
136
 
124
- --color-warning-item-primary: hsla(36, 95%, 45%);
125
- --color-warning-item-secondary: hsla(0, 0%, 100%, 1);
126
- --color-warning-item-disabled: hsla(36, 31%, 57%);
137
+ --color-warning-item-primary: hsla(43, 68%, 50%, 1);
127
138
 
128
139
  --color-info-primary: hsla(211, 83%, 47%, 1);
129
140
  --color-info-text-primary: hsla(0, 0%, 100%, 1);
130
141
 
131
- --color-danger-text-primary: hsla(349, 68%, 50%);
132
- --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
133
- --color-danger-text-disabled: hsla(349, 43%, 75%);
134
-
135
- --color-danger-item-primary: hsla(349, 68%, 50%);
136
- --color-danger-item-secondary: hsla(0, 0%, 100%, 1);
137
- --color-danger-item-disabled: hsla(349, 43%, 75%);
138
-
139
- --color-danger-border-primary: hsla(349, 68%, 50%);
140
- --color-danger-border-secondary: hsla(0, 0%, 100%, 1);
141
- --color-danger-border-disabled: hsla(349, 43%, 75%);
142
+ --color-danger-primary: hsla(349, 96%, 44%, 1);
143
+ --color-danger-text-primary: hsla(0, 0%, 100%, 1);
142
144
 
143
145
  --color-gradient-primary: linear-gradient(
144
146
  to right,
@@ -150,7 +152,7 @@
150
152
  --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
151
153
  --elevation-4: 0px 2px 6px rgba(0, 0, 0, 0.24);
152
154
  --elevation-6: 0px 2px 6px rgba(0, 0, 0, 0.24);
153
- --elevation-8: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
155
+ --elevation-8: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
154
156
  --elevation-12: 0px 6px 12px rgba(0, 0, 0, 0.16);
155
157
  --elevation-16: 0px 8px 16px rgba(0, 0, 0, 0.16);
156
158
  --elevation-24: 0px 16px 24px rgba(0, 0, 0, 0.12);
@@ -162,38 +164,38 @@
162
164
 
163
165
  --typography-h1-min: 32px;
164
166
  --typography-h1-max: 64px;
165
- --typography-h1-min-line-height: 40px;
167
+ --typography-h1-min-line-height: 64px;
166
168
  --typography-h1-max-line-height: 80px;
167
169
  --typography-h1-font: var(--font-primary);
168
170
 
169
- --typography-h2-min: 28px;
170
- --typography-h2-max: 48px;
171
- --typography-h2-min-line-height: 32px;
172
- --typography-h2-max-line-height: 56px;
171
+ --typography-h2-min: 26px;
172
+ --typography-h2-max: 46px;
173
+ --typography-h2-min-line-height: 46px;
174
+ --typography-h2-max-line-height: 58px;
173
175
  --typography-h2-font: var(--font-primary);
174
176
 
175
177
  --typography-h3-min: 18px;
176
178
  --typography-h3-max: 32px;
177
- --typography-h3-min-line-height: 24px;
179
+ --typography-h3-min-line-height: 32px;
178
180
  --typography-h3-max-line-height: 40px;
179
181
  --typography-h3-font: var(--font-primary);
180
182
 
181
183
  --typography-h4-min: 16px;
182
184
  --typography-h4-max: 24px;
183
- --typography-h4-min-line-height: 18px;
184
- --typography-h4-max-line-height: 32px;
185
+ --typography-h4-min-line-height: 24px;
186
+ --typography-h4-max-line-height: 30px;
185
187
  --typography-h4-font: var(--font-primary);
186
188
 
187
189
  --typography-h5-min: 14px;
188
190
  --typography-h5-max: 18px;
189
- --typography-h5-min-line-height: 16px;
190
- --typography-h5-max-line-height: 24px;
191
+ --typography-h5-min-line-height: 18px;
192
+ --typography-h5-max-line-height: 26px;
191
193
  --typography-h5-font: var(--font-primary);
192
194
 
193
195
  --typography-h6-min: 12px;
194
196
  --typography-h6-max: 16px;
195
- --typography-h6-min-line-height: 14px;
196
- --typography-h6-max-line-height: 20px;
197
+ --typography-h6-min-line-height: 16px;
198
+ --typography-h6-max-line-height: 24px;
197
199
  --typography-h6-font: var(--font-primary);
198
200
 
199
201
  --typography-p-min: 14px;
@@ -202,45 +204,45 @@
202
204
  --typography-p-max-line-height: 20px;
203
205
  --typography-p-font: var(--font-primary);
204
206
 
205
- --typography-text-xxl-min: 24px;
207
+ --typography-text-xxl-min: 20px;
206
208
  --typography-text-xxl-max: 24px;
207
209
  --typography-text-xxl-min-line-height: 24px;
208
- --typography-text-xxl-max-line-height: 24px;
210
+ --typography-text-xxl-max-line-height: 28px;
209
211
  --typography-text-xxl-font: var(--font-primary);
210
212
 
211
- --typography-text-xl-min: 20px;
213
+ --typography-text-xl-min: 18px;
212
214
  --typography-text-xl-max: 20px;
213
- --typography-text-xl-min-line-height: 20px;
214
- --typography-text-xl-max-line-height: 20px;
215
+ --typography-text-xl-min-line-height: 22px;
216
+ --typography-text-xl-max-line-height: 24px;
215
217
  --typography-text-xl-font: var(--font-primary);
216
218
 
217
- --typography-text-l-min: 18px;
219
+ --typography-text-l-min: 16px;
218
220
  --typography-text-l-max: 18px;
219
221
  --typography-text-l-min-line-height: 18px;
220
- --typography-text-l-max-line-height: 18px;
222
+ --typography-text-l-max-line-height: 20px;
221
223
  --typography-text-l-font: var(--font-primary);
222
224
 
223
- --typography-text-m-min: 16px;
225
+ --typography-text-m-min: 14px;
224
226
  --typography-text-m-max: 16px;
225
227
  --typography-text-m-min-line-height: 16px;
226
- --typography-text-m-max-line-height: 16px;
228
+ --typography-text-m-max-line-height: 18px;
227
229
  --typography-text-m-font: var(--font-primary);
228
230
 
229
- --typography-text-s-min: 14px;
231
+ --typography-text-s-min: 12px;
230
232
  --typography-text-s-max: 14px;
231
- --typography-text-s-min-line-height: 14px;
233
+ --typography-text-s-min-line-height: 12px;
232
234
  --typography-text-s-max-line-height: 14px;
233
235
  --typography-text-s-font: var(--font-primary);
234
236
 
235
- --typography-text-xs-min: 12px;
237
+ --typography-text-xs-min: 10px;
236
238
  --typography-text-xs-max: 12px;
237
- --typography-text-xs-min-line-height: 12px;
239
+ --typography-text-xs-min-line-height: 10px;
238
240
  --typography-text-xs-max-line-height: 12px;
239
241
  --typography-text-xs-font: var(--font-primary);
240
242
 
241
- --typography-text-xxs-min: 10px;
243
+ --typography-text-xxs-min: 8px;
242
244
  --typography-text-xxs-max: 10px;
243
- --typography-text-xxs-min-line-height: 10px;
245
+ --typography-text-xxs-min-line-height: 8px;
244
246
  --typography-text-xxs-max-line-height: 10px;
245
247
  --typography-text-xxs-font: var(--font-primary);
246
248
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.0.25",
4
+ "version": "1.0.27",
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": "31c4cfe350c392aa849507cd638fa5a22f4d54d2"
28
+ "gitHead": "281851ad5bd75fa42a6d9bce1cbec59737acfe8b"
29
29
  }