@haiilo/catalyst-tokens 6.2.1 → 6.2.2
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 +9 -16
- package/dist/js/variables.d.ts +49 -56
- package/dist/js/variables.js +49 -56
- package/dist/json/variables.json +58 -67
- package/dist/scss/_variables.scss +10 -26
- package/package.json +3 -2
package/dist/css/variables.css
CHANGED
|
@@ -3,13 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--cat-asset-font-dm-sans-name: "DM Sans";
|
|
7
|
-
--cat-asset-font-dm-sans-woff2-bold: "DMSans-Bold.woff2";
|
|
8
|
-
--cat-asset-font-dm-sans-woff2-bold-italic: "DMSans-BoldItalic.woff2";
|
|
9
|
-
--cat-asset-font-dm-sans-woff2-italic: "DMSans-Italic.woff2";
|
|
10
|
-
--cat-asset-font-dm-sans-woff2-medium: "DMSans-Medium.woff2";
|
|
11
|
-
--cat-asset-font-dm-sans-woff2-medium-italic: "DMSans-MediumItalic.woff2";
|
|
12
|
-
--cat-asset-font-dm-sans-woff2-regular: "DMSans-Regular.woff2";
|
|
13
6
|
--cat-asset-font-lato-name: "Lato";
|
|
14
7
|
--cat-asset-font-lato-woff-black: "Lato-Black.woff";
|
|
15
8
|
--cat-asset-font-lato-woff2-black: "Lato-Black.woff2";
|
|
@@ -239,13 +232,13 @@
|
|
|
239
232
|
--cat-size-spacing-m: 1rem;
|
|
240
233
|
--cat-size-spacing-s: 0.5rem;
|
|
241
234
|
--cat-size-spacing-xs: 0.25rem;
|
|
242
|
-
--cat-time-transition-l:
|
|
243
|
-
--cat-time-transition-m:
|
|
244
|
-
--cat-time-transition-s:
|
|
245
|
-
--cat-time-delay-l:
|
|
246
|
-
--cat-time-delay-m:
|
|
247
|
-
--cat-time-delay-s:
|
|
248
|
-
--cat-time-duration-l:
|
|
249
|
-
--cat-time-duration-m:
|
|
250
|
-
--cat-time-duration-s:
|
|
235
|
+
--cat-time-transition-l: 500ms;
|
|
236
|
+
--cat-time-transition-m: 250ms;
|
|
237
|
+
--cat-time-transition-s: 125ms;
|
|
238
|
+
--cat-time-delay-l: 500ms;
|
|
239
|
+
--cat-time-delay-m: 250ms;
|
|
240
|
+
--cat-time-delay-s: 125ms;
|
|
241
|
+
--cat-time-duration-l: 1000ms;
|
|
242
|
+
--cat-time-duration-m: 500ms;
|
|
243
|
+
--cat-time-duration-s: 250ms;
|
|
251
244
|
}
|
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,4 @@ 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;
|
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,4 @@ 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;
|
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,94 @@
|
|
|
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
|
}
|
|
344
335
|
}
|
|
345
|
-
}
|
|
336
|
+
}
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
* Auto-generated file. Do not edit directly.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
$cat-time-duration-s:
|
|
7
|
-
$cat-time-duration-m:
|
|
8
|
-
$cat-time-duration-l:
|
|
9
|
-
$cat-time-delay-s:
|
|
10
|
-
$cat-time-delay-m:
|
|
11
|
-
$cat-time-delay-l:
|
|
12
|
-
$cat-time-transition-s:
|
|
13
|
-
$cat-time-transition-m:
|
|
14
|
-
$cat-time-transition-l:
|
|
6
|
+
$cat-time-duration-s: 250ms !default;
|
|
7
|
+
$cat-time-duration-m: 500ms !default;
|
|
8
|
+
$cat-time-duration-l: 1000ms !default;
|
|
9
|
+
$cat-time-delay-s: 125ms !default;
|
|
10
|
+
$cat-time-delay-m: 250ms !default;
|
|
11
|
+
$cat-time-delay-l: 500ms !default;
|
|
12
|
+
$cat-time-transition-s: 125ms !default;
|
|
13
|
+
$cat-time-transition-m: 250ms !default;
|
|
14
|
+
$cat-time-transition-l: 500ms !default;
|
|
15
15
|
$cat-size-spacing-xs: 0.25rem !default;
|
|
16
16
|
$cat-size-spacing-s: 0.5rem !default;
|
|
17
17
|
$cat-size-spacing-m: 1rem !default;
|
|
@@ -154,13 +154,6 @@ $cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff" !default;
|
|
|
154
154
|
$cat-asset-font-lato-woff2-black: "Lato-Black.woff2" !default;
|
|
155
155
|
$cat-asset-font-lato-woff-black: "Lato-Black.woff" !default;
|
|
156
156
|
$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
157
|
$cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
|
|
165
158
|
$cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !default;
|
|
166
159
|
$cat-color-ui-font-tooltip: var(--cat-font-color-tooltip, $cat-color-base-white) !default;
|
|
@@ -211,7 +204,7 @@ $cat-color-theme-success-fill-hover: var(--cat-success-fill-hover, $cat-color-ba
|
|
|
211
204
|
$cat-color-theme-success-fill: var(--cat-success-fill, $cat-color-base-white) !default;
|
|
212
205
|
$cat-color-theme-success-bg-active: var(--cat-success-bg-active, $cat-color-base-green-600) !default;
|
|
213
206
|
$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
|
|
207
|
+
$cat-color-theme-success-bg: var(--cat-success-bg, $cat-color-base-green-400) !default;
|
|
215
208
|
$cat-color-theme-secondary-inverted-text-active: $cat-color-base-white !default;
|
|
216
209
|
$cat-color-theme-secondary-inverted-text-hover: $cat-color-base-white !default;
|
|
217
210
|
$cat-color-theme-secondary-inverted-text: $cat-color-base-white !default;
|
|
@@ -252,15 +245,6 @@ $cat-color-theme-primary-bg: var(--cat-primary-bg, $cat-color-base-brand-400) !d
|
|
|
252
245
|
$tokens: (
|
|
253
246
|
'asset': (
|
|
254
247
|
'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
248
|
'lato': (
|
|
265
249
|
'name': $cat-asset-font-lato-name,
|
|
266
250
|
'woffBlack': $cat-asset-font-lato-woff-black,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haiilo/catalyst-tokens",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.2",
|
|
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.3.1",
|
|
21
22
|
"tinycolor2": "^1.6.0"
|
|
22
23
|
},
|
|
23
24
|
"scripts": {
|