@haiilo/catalyst-tokens 6.2.1 → 6.2.3
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.
- package/dist/css/variables.css +12 -16
- package/dist/export/figma.json +900 -0
- package/dist/export/theme.json +306 -0
- package/dist/export/zeroheight.json +1064 -0
- package/dist/js/variables.d.ts +52 -56
- package/dist/js/variables.js +52 -56
- package/dist/json/variables.json +63 -67
- package/dist/scss/_variables.scss +18 -26
- package/package.json +3 -2
package/dist/js/variables.d.ts
CHANGED
|
@@ -2,13 +2,6 @@
|
|
|
2
2
|
* Auto-generated file. Do not edit directly.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const assetFontDmSansName : string;
|
|
6
|
-
export const assetFontDmSansWoff2Bold : string;
|
|
7
|
-
export const assetFontDmSansWoff2BoldItalic : string;
|
|
8
|
-
export const assetFontDmSansWoff2Italic : string;
|
|
9
|
-
export const assetFontDmSansWoff2Medium : string;
|
|
10
|
-
export const assetFontDmSansWoff2MediumItalic : string;
|
|
11
|
-
export const assetFontDmSansWoff2Regular : string;
|
|
12
5
|
export const assetFontLatoName : string;
|
|
13
6
|
export const assetFontLatoWoffBlack : string;
|
|
14
7
|
export const assetFontLatoWoff2Black : string;
|
|
@@ -190,54 +183,54 @@ export const fontDecorationLinkButtonHover : string;
|
|
|
190
183
|
export const opacityDisabled : number;
|
|
191
184
|
export const opacityBackdrop : number;
|
|
192
185
|
export const opacityTooltip : number;
|
|
193
|
-
export const sizeBorderRadiusL :
|
|
194
|
-
export const sizeBorderRadiusM :
|
|
195
|
-
export const sizeBorderRadiusS :
|
|
196
|
-
export const sizeFontHead1 :
|
|
197
|
-
export const sizeFontHead2 :
|
|
198
|
-
export const sizeFontHead3 :
|
|
199
|
-
export const sizeFontHead4 :
|
|
200
|
-
export const sizeFontHead5 :
|
|
201
|
-
export const sizeFontHead6 :
|
|
202
|
-
export const sizeFontBodyXl :
|
|
203
|
-
export const sizeFontBodyL :
|
|
204
|
-
export const sizeFontBodyM :
|
|
205
|
-
export const sizeFontBodyS :
|
|
206
|
-
export const sizeFontBodyXs :
|
|
207
|
-
export const sizeFontMonoXl :
|
|
208
|
-
export const sizeFontMonoL :
|
|
209
|
-
export const sizeFontMonoM :
|
|
210
|
-
export const sizeFontMonoS :
|
|
211
|
-
export const sizeFontMonoXs :
|
|
212
|
-
export const sizeLineHead1 :
|
|
213
|
-
export const sizeLineHead2 :
|
|
214
|
-
export const sizeLineHead3 :
|
|
215
|
-
export const sizeLineHead4 :
|
|
216
|
-
export const sizeLineHead5 :
|
|
217
|
-
export const sizeLineHead6 :
|
|
218
|
-
export const sizeLineBodyXl :
|
|
219
|
-
export const sizeLineBodyL :
|
|
220
|
-
export const sizeLineBodyM :
|
|
221
|
-
export const sizeLineBodyS :
|
|
222
|
-
export const sizeLineBodyXs :
|
|
223
|
-
export const sizeLineMonoXl :
|
|
224
|
-
export const sizeLineMonoL :
|
|
225
|
-
export const sizeLineMonoM :
|
|
226
|
-
export const sizeLineMonoS :
|
|
227
|
-
export const sizeLineMonoXs :
|
|
228
|
-
export const sizeModalS :
|
|
229
|
-
export const sizeModalM :
|
|
230
|
-
export const sizeModalL :
|
|
231
|
-
export const sizeScreenXs :
|
|
232
|
-
export const sizeScreenS :
|
|
233
|
-
export const sizeScreenM :
|
|
234
|
-
export const sizeScreenL :
|
|
235
|
-
export const sizeScreenXl :
|
|
236
|
-
export const sizeSpacingXl :
|
|
237
|
-
export const sizeSpacingL :
|
|
238
|
-
export const sizeSpacingM :
|
|
239
|
-
export const sizeSpacingS :
|
|
240
|
-
export const sizeSpacingXs :
|
|
186
|
+
export const sizeBorderRadiusL : number;
|
|
187
|
+
export const sizeBorderRadiusM : number;
|
|
188
|
+
export const sizeBorderRadiusS : number;
|
|
189
|
+
export const sizeFontHead1 : number;
|
|
190
|
+
export const sizeFontHead2 : number;
|
|
191
|
+
export const sizeFontHead3 : number;
|
|
192
|
+
export const sizeFontHead4 : number;
|
|
193
|
+
export const sizeFontHead5 : number;
|
|
194
|
+
export const sizeFontHead6 : number;
|
|
195
|
+
export const sizeFontBodyXl : number;
|
|
196
|
+
export const sizeFontBodyL : number;
|
|
197
|
+
export const sizeFontBodyM : number;
|
|
198
|
+
export const sizeFontBodyS : number;
|
|
199
|
+
export const sizeFontBodyXs : number;
|
|
200
|
+
export const sizeFontMonoXl : number;
|
|
201
|
+
export const sizeFontMonoL : number;
|
|
202
|
+
export const sizeFontMonoM : number;
|
|
203
|
+
export const sizeFontMonoS : number;
|
|
204
|
+
export const sizeFontMonoXs : number;
|
|
205
|
+
export const sizeLineHead1 : number;
|
|
206
|
+
export const sizeLineHead2 : number;
|
|
207
|
+
export const sizeLineHead3 : number;
|
|
208
|
+
export const sizeLineHead4 : number;
|
|
209
|
+
export const sizeLineHead5 : number;
|
|
210
|
+
export const sizeLineHead6 : number;
|
|
211
|
+
export const sizeLineBodyXl : number;
|
|
212
|
+
export const sizeLineBodyL : number;
|
|
213
|
+
export const sizeLineBodyM : number;
|
|
214
|
+
export const sizeLineBodyS : number;
|
|
215
|
+
export const sizeLineBodyXs : number;
|
|
216
|
+
export const sizeLineMonoXl : number;
|
|
217
|
+
export const sizeLineMonoL : number;
|
|
218
|
+
export const sizeLineMonoM : number;
|
|
219
|
+
export const sizeLineMonoS : number;
|
|
220
|
+
export const sizeLineMonoXs : number;
|
|
221
|
+
export const sizeModalS : number;
|
|
222
|
+
export const sizeModalM : number;
|
|
223
|
+
export const sizeModalL : number;
|
|
224
|
+
export const sizeScreenXs : number;
|
|
225
|
+
export const sizeScreenS : number;
|
|
226
|
+
export const sizeScreenM : number;
|
|
227
|
+
export const sizeScreenL : number;
|
|
228
|
+
export const sizeScreenXl : number;
|
|
229
|
+
export const sizeSpacingXl : number;
|
|
230
|
+
export const sizeSpacingL : number;
|
|
231
|
+
export const sizeSpacingM : number;
|
|
232
|
+
export const sizeSpacingS : number;
|
|
233
|
+
export const sizeSpacingXs : number;
|
|
241
234
|
export const timeTransitionL : number;
|
|
242
235
|
export const timeTransitionM : number;
|
|
243
236
|
export const timeTransitionS : number;
|
|
@@ -246,4 +239,7 @@ export const timeDelayM : number;
|
|
|
246
239
|
export const timeDelayS : number;
|
|
247
240
|
export const timeDurationL : number;
|
|
248
241
|
export const timeDurationM : number;
|
|
249
|
-
export const timeDurationS : number;
|
|
242
|
+
export const timeDurationS : number;
|
|
243
|
+
export const zIndexBase : number;
|
|
244
|
+
export const zIndexDropdown : number;
|
|
245
|
+
export const zIndexTooltip : number;
|
package/dist/js/variables.js
CHANGED
|
@@ -2,13 +2,6 @@
|
|
|
2
2
|
* Auto-generated file. Do not edit directly.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const assetFontDmSansName = "DM Sans";
|
|
6
|
-
export const assetFontDmSansWoff2Bold = "DMSans-Bold.woff2";
|
|
7
|
-
export const assetFontDmSansWoff2BoldItalic = "DMSans-BoldItalic.woff2";
|
|
8
|
-
export const assetFontDmSansWoff2Italic = "DMSans-Italic.woff2";
|
|
9
|
-
export const assetFontDmSansWoff2Medium = "DMSans-Medium.woff2";
|
|
10
|
-
export const assetFontDmSansWoff2MediumItalic = "DMSans-MediumItalic.woff2";
|
|
11
|
-
export const assetFontDmSansWoff2Regular = "DMSans-Regular.woff2";
|
|
12
5
|
export const assetFontLatoName = "Lato";
|
|
13
6
|
export const assetFontLatoWoffBlack = "Lato-Black.woff";
|
|
14
7
|
export const assetFontLatoWoff2Black = "Lato-Black.woff2";
|
|
@@ -190,54 +183,54 @@ export const fontDecorationLinkButtonHover = "none";
|
|
|
190
183
|
export const opacityDisabled = 0.65;
|
|
191
184
|
export const opacityBackdrop = 0.4;
|
|
192
185
|
export const opacityTooltip = 1;
|
|
193
|
-
export const sizeBorderRadiusL =
|
|
194
|
-
export const sizeBorderRadiusM =
|
|
195
|
-
export const sizeBorderRadiusS =
|
|
196
|
-
export const sizeFontHead1 =
|
|
197
|
-
export const sizeFontHead2 =
|
|
198
|
-
export const sizeFontHead3 =
|
|
199
|
-
export const sizeFontHead4 =
|
|
200
|
-
export const sizeFontHead5 =
|
|
201
|
-
export const sizeFontHead6 =
|
|
202
|
-
export const sizeFontBodyXl =
|
|
203
|
-
export const sizeFontBodyL =
|
|
204
|
-
export const sizeFontBodyM =
|
|
205
|
-
export const sizeFontBodyS =
|
|
206
|
-
export const sizeFontBodyXs =
|
|
207
|
-
export const sizeFontMonoXl =
|
|
208
|
-
export const sizeFontMonoL =
|
|
209
|
-
export const sizeFontMonoM =
|
|
210
|
-
export const sizeFontMonoS =
|
|
211
|
-
export const sizeFontMonoXs =
|
|
212
|
-
export const sizeLineHead1 =
|
|
213
|
-
export const sizeLineHead2 =
|
|
214
|
-
export const sizeLineHead3 =
|
|
215
|
-
export const sizeLineHead4 =
|
|
216
|
-
export const sizeLineHead5 =
|
|
217
|
-
export const sizeLineHead6 =
|
|
218
|
-
export const sizeLineBodyXl =
|
|
219
|
-
export const sizeLineBodyL =
|
|
220
|
-
export const sizeLineBodyM =
|
|
221
|
-
export const sizeLineBodyS =
|
|
222
|
-
export const sizeLineBodyXs =
|
|
223
|
-
export const sizeLineMonoXl =
|
|
224
|
-
export const sizeLineMonoL =
|
|
225
|
-
export const sizeLineMonoM =
|
|
226
|
-
export const sizeLineMonoS =
|
|
227
|
-
export const sizeLineMonoXs =
|
|
228
|
-
export const sizeModalS =
|
|
229
|
-
export const sizeModalM =
|
|
230
|
-
export const sizeModalL =
|
|
231
|
-
export const sizeScreenXs =
|
|
232
|
-
export const sizeScreenS =
|
|
233
|
-
export const sizeScreenM =
|
|
234
|
-
export const sizeScreenL =
|
|
235
|
-
export const sizeScreenXl =
|
|
236
|
-
export const sizeSpacingXl =
|
|
237
|
-
export const sizeSpacingL =
|
|
238
|
-
export const sizeSpacingM =
|
|
239
|
-
export const sizeSpacingS =
|
|
240
|
-
export const sizeSpacingXs =
|
|
186
|
+
export const sizeBorderRadiusL = 0.5;
|
|
187
|
+
export const sizeBorderRadiusM = 0.25;
|
|
188
|
+
export const sizeBorderRadiusS = 0.125;
|
|
189
|
+
export const sizeFontHead1 = 1.75;
|
|
190
|
+
export const sizeFontHead2 = 1.5;
|
|
191
|
+
export const sizeFontHead3 = 1.25;
|
|
192
|
+
export const sizeFontHead4 = 1.125;
|
|
193
|
+
export const sizeFontHead5 = 0.9375;
|
|
194
|
+
export const sizeFontHead6 = 0.875;
|
|
195
|
+
export const sizeFontBodyXl = 1.25;
|
|
196
|
+
export const sizeFontBodyL = 1.125;
|
|
197
|
+
export const sizeFontBodyM = 0.9375;
|
|
198
|
+
export const sizeFontBodyS = 0.875;
|
|
199
|
+
export const sizeFontBodyXs = 0.75;
|
|
200
|
+
export const sizeFontMonoXl = 1.125;
|
|
201
|
+
export const sizeFontMonoL = 0.9375;
|
|
202
|
+
export const sizeFontMonoM = 0.875;
|
|
203
|
+
export const sizeFontMonoS = 0.75;
|
|
204
|
+
export const sizeFontMonoXs = 0.625;
|
|
205
|
+
export const sizeLineHead1 = 2;
|
|
206
|
+
export const sizeLineHead2 = 1.75;
|
|
207
|
+
export const sizeLineHead3 = 1.5;
|
|
208
|
+
export const sizeLineHead4 = 1.5;
|
|
209
|
+
export const sizeLineHead5 = 1.25;
|
|
210
|
+
export const sizeLineHead6 = 1;
|
|
211
|
+
export const sizeLineBodyXl = 1.5;
|
|
212
|
+
export const sizeLineBodyL = 1.5;
|
|
213
|
+
export const sizeLineBodyM = 1.25;
|
|
214
|
+
export const sizeLineBodyS = 1.125;
|
|
215
|
+
export const sizeLineBodyXs = 1;
|
|
216
|
+
export const sizeLineMonoXl = 1.5;
|
|
217
|
+
export const sizeLineMonoL = 1.25;
|
|
218
|
+
export const sizeLineMonoM = 1.125;
|
|
219
|
+
export const sizeLineMonoS = 1;
|
|
220
|
+
export const sizeLineMonoXs = 0.875;
|
|
221
|
+
export const sizeModalS = 400;
|
|
222
|
+
export const sizeModalM = 600;
|
|
223
|
+
export const sizeModalL = 800;
|
|
224
|
+
export const sizeScreenXs = 540;
|
|
225
|
+
export const sizeScreenS = 768;
|
|
226
|
+
export const sizeScreenM = 992;
|
|
227
|
+
export const sizeScreenL = 1200;
|
|
228
|
+
export const sizeScreenXl = 1400;
|
|
229
|
+
export const sizeSpacingXl = 2;
|
|
230
|
+
export const sizeSpacingL = 1.5;
|
|
231
|
+
export const sizeSpacingM = 1;
|
|
232
|
+
export const sizeSpacingS = 0.5;
|
|
233
|
+
export const sizeSpacingXs = 0.25;
|
|
241
234
|
export const timeTransitionL = 500;
|
|
242
235
|
export const timeTransitionM = 250;
|
|
243
236
|
export const timeTransitionS = 125;
|
|
@@ -246,4 +239,7 @@ export const timeDelayM = 250;
|
|
|
246
239
|
export const timeDelayS = 125;
|
|
247
240
|
export const timeDurationL = 1000;
|
|
248
241
|
export const timeDurationM = 500;
|
|
249
|
-
export const timeDurationS = 250;
|
|
242
|
+
export const timeDurationS = 250;
|
|
243
|
+
export const zIndexBase = 0;
|
|
244
|
+
export const zIndexDropdown = 100;
|
|
245
|
+
export const zIndexTooltip = 200;
|
package/dist/json/variables.json
CHANGED
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"asset": {
|
|
3
3
|
"font": {
|
|
4
|
-
"dmSans": {
|
|
5
|
-
"name": "DM Sans",
|
|
6
|
-
"woff2Bold": "DMSans-Bold.woff2",
|
|
7
|
-
"woff2BoldItalic": "DMSans-BoldItalic.woff2",
|
|
8
|
-
"woff2Italic": "DMSans-Italic.woff2",
|
|
9
|
-
"woff2Medium": "DMSans-Medium.woff2",
|
|
10
|
-
"woff2MediumItalic": "DMSans-MediumItalic.woff2",
|
|
11
|
-
"woff2Regular": "DMSans-Regular.woff2"
|
|
12
|
-
},
|
|
13
4
|
"lato": {
|
|
14
5
|
"name": "Lato",
|
|
15
6
|
"woffBlack": "Lato-Black.woff",
|
|
@@ -252,94 +243,99 @@
|
|
|
252
243
|
"size": {
|
|
253
244
|
"border": {
|
|
254
245
|
"radius": {
|
|
255
|
-
"l": 0.
|
|
256
|
-
"m": 0.
|
|
257
|
-
"s": 0.
|
|
246
|
+
"l": "0.5rem",
|
|
247
|
+
"m": "0.25rem",
|
|
248
|
+
"s": "0.125rem"
|
|
258
249
|
}
|
|
259
250
|
},
|
|
260
251
|
"font": {
|
|
261
252
|
"head": {
|
|
262
|
-
"1": 1.
|
|
263
|
-
"2": 1.
|
|
264
|
-
"3": 1.
|
|
265
|
-
"4": 1.
|
|
266
|
-
"5": 0.
|
|
267
|
-
"6": 0.
|
|
253
|
+
"1": "1.75rem",
|
|
254
|
+
"2": "1.5rem",
|
|
255
|
+
"3": "1.25rem",
|
|
256
|
+
"4": "1.125rem",
|
|
257
|
+
"5": "0.9375rem",
|
|
258
|
+
"6": "0.875rem"
|
|
268
259
|
},
|
|
269
260
|
"body": {
|
|
270
|
-
"xl": 1.
|
|
271
|
-
"l": 1.
|
|
272
|
-
"m": 0.
|
|
273
|
-
"s": 0.
|
|
274
|
-
"xs": 0.
|
|
261
|
+
"xl": "1.25rem",
|
|
262
|
+
"l": "1.125rem",
|
|
263
|
+
"m": "0.9375rem",
|
|
264
|
+
"s": "0.875rem",
|
|
265
|
+
"xs": "0.75rem"
|
|
275
266
|
},
|
|
276
267
|
"mono": {
|
|
277
|
-
"xl": 1.
|
|
278
|
-
"l": 0.
|
|
279
|
-
"m": 0.
|
|
280
|
-
"s": 0.
|
|
281
|
-
"xs": 0.
|
|
268
|
+
"xl": "1.125rem",
|
|
269
|
+
"l": "0.9375rem",
|
|
270
|
+
"m": "0.875rem",
|
|
271
|
+
"s": "0.75rem",
|
|
272
|
+
"xs": "0.625rem"
|
|
282
273
|
}
|
|
283
274
|
},
|
|
284
275
|
"line": {
|
|
285
276
|
"head": {
|
|
286
|
-
"1":
|
|
287
|
-
"2": 1.
|
|
288
|
-
"3": 1.
|
|
289
|
-
"4": 1.
|
|
290
|
-
"5": 1.
|
|
291
|
-
"6":
|
|
277
|
+
"1": "2rem",
|
|
278
|
+
"2": "1.75rem",
|
|
279
|
+
"3": "1.5rem",
|
|
280
|
+
"4": "1.5rem",
|
|
281
|
+
"5": "1.25rem",
|
|
282
|
+
"6": "1rem"
|
|
292
283
|
},
|
|
293
284
|
"body": {
|
|
294
|
-
"xl": 1.
|
|
295
|
-
"l": 1.
|
|
296
|
-
"m": 1.
|
|
297
|
-
"s": 1.
|
|
298
|
-
"xs":
|
|
285
|
+
"xl": "1.5rem",
|
|
286
|
+
"l": "1.5rem",
|
|
287
|
+
"m": "1.25rem",
|
|
288
|
+
"s": "1.125rem",
|
|
289
|
+
"xs": "1rem"
|
|
299
290
|
},
|
|
300
291
|
"mono": {
|
|
301
|
-
"xl": 1.
|
|
302
|
-
"l": 1.
|
|
303
|
-
"m": 1.
|
|
304
|
-
"s":
|
|
305
|
-
"xs": 0.
|
|
292
|
+
"xl": "1.5rem",
|
|
293
|
+
"l": "1.25rem",
|
|
294
|
+
"m": "1.125rem",
|
|
295
|
+
"s": "1rem",
|
|
296
|
+
"xs": "0.875rem"
|
|
306
297
|
}
|
|
307
298
|
},
|
|
308
299
|
"modal": {
|
|
309
|
-
"s":
|
|
310
|
-
"m":
|
|
311
|
-
"l":
|
|
300
|
+
"s": "400px",
|
|
301
|
+
"m": "600px",
|
|
302
|
+
"l": "800px"
|
|
312
303
|
},
|
|
313
304
|
"screen": {
|
|
314
|
-
"xs":
|
|
315
|
-
"s":
|
|
316
|
-
"m":
|
|
317
|
-
"l":
|
|
318
|
-
"xl":
|
|
305
|
+
"xs": "540px",
|
|
306
|
+
"s": "768px",
|
|
307
|
+
"m": "992px",
|
|
308
|
+
"l": "1200px",
|
|
309
|
+
"xl": "1400px"
|
|
319
310
|
},
|
|
320
311
|
"spacing": {
|
|
321
|
-
"xl":
|
|
322
|
-
"l": 1.
|
|
323
|
-
"m":
|
|
324
|
-
"s": 0.
|
|
325
|
-
"xs": 0.
|
|
312
|
+
"xl": "2rem",
|
|
313
|
+
"l": "1.5rem",
|
|
314
|
+
"m": "1rem",
|
|
315
|
+
"s": "0.5rem",
|
|
316
|
+
"xs": "0.25rem"
|
|
326
317
|
}
|
|
327
318
|
},
|
|
328
319
|
"time": {
|
|
329
320
|
"transition": {
|
|
330
|
-
"l":
|
|
331
|
-
"m":
|
|
332
|
-
"s":
|
|
321
|
+
"l": "500ms",
|
|
322
|
+
"m": "250ms",
|
|
323
|
+
"s": "125ms"
|
|
333
324
|
},
|
|
334
325
|
"delay": {
|
|
335
|
-
"l":
|
|
336
|
-
"m":
|
|
337
|
-
"s":
|
|
326
|
+
"l": "500ms",
|
|
327
|
+
"m": "250ms",
|
|
328
|
+
"s": "125ms"
|
|
338
329
|
},
|
|
339
330
|
"duration": {
|
|
340
|
-
"l":
|
|
341
|
-
"m":
|
|
342
|
-
"s":
|
|
331
|
+
"l": "1000ms",
|
|
332
|
+
"m": "500ms",
|
|
333
|
+
"s": "250ms"
|
|
343
334
|
}
|
|
335
|
+
},
|
|
336
|
+
"z-index": {
|
|
337
|
+
"base": 0,
|
|
338
|
+
"dropdown": 100,
|
|
339
|
+
"tooltip": 200
|
|
344
340
|
}
|
|
345
|
-
}
|
|
341
|
+
}
|
|
@@ -3,15 +3,18 @@
|
|
|
3
3
|
* Auto-generated file. Do not edit directly.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
$cat-
|
|
7
|
-
$cat-
|
|
8
|
-
$cat-
|
|
9
|
-
$cat-time-
|
|
10
|
-
$cat-time-
|
|
11
|
-
$cat-time-
|
|
12
|
-
$cat-time-
|
|
13
|
-
$cat-time-
|
|
14
|
-
$cat-time-
|
|
6
|
+
$cat-z-index-tooltip: 200 !default;
|
|
7
|
+
$cat-z-index-dropdown: 100 !default;
|
|
8
|
+
$cat-z-index-base: var(--cat-z-index, 0) !default;
|
|
9
|
+
$cat-time-duration-s: 250ms !default;
|
|
10
|
+
$cat-time-duration-m: 500ms !default;
|
|
11
|
+
$cat-time-duration-l: 1000ms !default;
|
|
12
|
+
$cat-time-delay-s: 125ms !default;
|
|
13
|
+
$cat-time-delay-m: 250ms !default;
|
|
14
|
+
$cat-time-delay-l: 500ms !default;
|
|
15
|
+
$cat-time-transition-s: 125ms !default;
|
|
16
|
+
$cat-time-transition-m: 250ms !default;
|
|
17
|
+
$cat-time-transition-l: 500ms !default;
|
|
15
18
|
$cat-size-spacing-xs: 0.25rem !default;
|
|
16
19
|
$cat-size-spacing-s: 0.5rem !default;
|
|
17
20
|
$cat-size-spacing-m: 1rem !default;
|
|
@@ -154,13 +157,6 @@ $cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff" !default;
|
|
|
154
157
|
$cat-asset-font-lato-woff2-black: "Lato-Black.woff2" !default;
|
|
155
158
|
$cat-asset-font-lato-woff-black: "Lato-Black.woff" !default;
|
|
156
159
|
$cat-asset-font-lato-name: "Lato" !default;
|
|
157
|
-
$cat-asset-font-dm-sans-woff2-regular: "DMSans-Regular.woff2" !default;
|
|
158
|
-
$cat-asset-font-dm-sans-woff2-medium-italic: "DMSans-MediumItalic.woff2" !default;
|
|
159
|
-
$cat-asset-font-dm-sans-woff2-medium: "DMSans-Medium.woff2" !default;
|
|
160
|
-
$cat-asset-font-dm-sans-woff2-italic: "DMSans-Italic.woff2" !default;
|
|
161
|
-
$cat-asset-font-dm-sans-woff2-bold-italic: "DMSans-BoldItalic.woff2" !default;
|
|
162
|
-
$cat-asset-font-dm-sans-woff2-bold: "DMSans-Bold.woff2" !default;
|
|
163
|
-
$cat-asset-font-dm-sans-name: "DM Sans" !default;
|
|
164
160
|
$cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
|
|
165
161
|
$cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !default;
|
|
166
162
|
$cat-color-ui-font-tooltip: var(--cat-font-color-tooltip, $cat-color-base-white) !default;
|
|
@@ -211,7 +207,7 @@ $cat-color-theme-success-fill-hover: var(--cat-success-fill-hover, $cat-color-ba
|
|
|
211
207
|
$cat-color-theme-success-fill: var(--cat-success-fill, $cat-color-base-white) !default;
|
|
212
208
|
$cat-color-theme-success-bg-active: var(--cat-success-bg-active, $cat-color-base-green-600) !default;
|
|
213
209
|
$cat-color-theme-success-bg-hover: var(--cat-success-bg-hover, $cat-color-base-green-500) !default;
|
|
214
|
-
$cat-color-theme-success-bg: var(--cat-success-bg
|
|
210
|
+
$cat-color-theme-success-bg: var(--cat-success-bg, $cat-color-base-green-400) !default;
|
|
215
211
|
$cat-color-theme-secondary-inverted-text-active: $cat-color-base-white !default;
|
|
216
212
|
$cat-color-theme-secondary-inverted-text-hover: $cat-color-base-white !default;
|
|
217
213
|
$cat-color-theme-secondary-inverted-text: $cat-color-base-white !default;
|
|
@@ -252,15 +248,6 @@ $cat-color-theme-primary-bg: var(--cat-primary-bg, $cat-color-base-brand-400) !d
|
|
|
252
248
|
$tokens: (
|
|
253
249
|
'asset': (
|
|
254
250
|
'font': (
|
|
255
|
-
'dmSans': (
|
|
256
|
-
'name': $cat-asset-font-dm-sans-name,
|
|
257
|
-
'woff2Bold': $cat-asset-font-dm-sans-woff2-bold,
|
|
258
|
-
'woff2BoldItalic': $cat-asset-font-dm-sans-woff2-bold-italic,
|
|
259
|
-
'woff2Italic': $cat-asset-font-dm-sans-woff2-italic,
|
|
260
|
-
'woff2Medium': $cat-asset-font-dm-sans-woff2-medium,
|
|
261
|
-
'woff2MediumItalic': $cat-asset-font-dm-sans-woff2-medium-italic,
|
|
262
|
-
'woff2Regular': $cat-asset-font-dm-sans-woff2-regular
|
|
263
|
-
),
|
|
264
251
|
'lato': (
|
|
265
252
|
'name': $cat-asset-font-lato-name,
|
|
266
253
|
'woffBlack': $cat-asset-font-lato-woff-black,
|
|
@@ -592,5 +579,10 @@ $tokens: (
|
|
|
592
579
|
'm': $cat-time-duration-m,
|
|
593
580
|
's': $cat-time-duration-s
|
|
594
581
|
)
|
|
582
|
+
),
|
|
583
|
+
'z-index': (
|
|
584
|
+
'base': $cat-z-index-base,
|
|
585
|
+
'dropdown': $cat-z-index-dropdown,
|
|
586
|
+
'tooltip': $cat-z-index-tooltip
|
|
595
587
|
)
|
|
596
588
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haiilo/catalyst-tokens",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.3",
|
|
4
4
|
"description": "Design tokens for Catalyst Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"style-dictionary": "^3.
|
|
20
|
+
"style-dictionary": "^3.8.0",
|
|
21
|
+
"style-dictionary-utils": "^1.5.0",
|
|
21
22
|
"tinycolor2": "^1.6.0"
|
|
22
23
|
},
|
|
23
24
|
"scripts": {
|