@qasa/qds-ui 0.6.0 → 0.7.1
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/button/button-styles.d.ts +114 -0
- package/dist/cjs/types/components/heading/heading.d.ts +58 -10
- package/dist/cjs/types/components/icon/create-icon.d.ts +57 -0
- package/dist/cjs/types/components/icon-button/icon-button-styles.d.ts +114 -0
- package/dist/cjs/types/components/label/label.d.ts +57 -0
- package/dist/cjs/types/components/loading-dots/loading-dots.d.ts +57 -0
- package/dist/cjs/types/components/paragraph/paragraph.d.ts +57 -0
- package/dist/cjs/types/hooks/use-breakpoint.d.ts +4 -6
- package/dist/cjs/types/styles/common-styles.d.ts +57 -0
- package/dist/cjs/types/theme/foundations/index.d.ts +57 -0
- package/dist/cjs/types/theme/foundations/radius.d.ts +1 -0
- package/dist/cjs/types/theme/foundations/typography.d.ts +56 -0
- package/dist/cjs/types/theme/theme-tools.d.ts +57 -0
- package/dist/cjs/types/theme/theme.d.ts +57 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/button/button-styles.d.ts +114 -0
- package/dist/esm/types/components/heading/heading.d.ts +58 -10
- package/dist/esm/types/components/icon/create-icon.d.ts +57 -0
- package/dist/esm/types/components/icon-button/icon-button-styles.d.ts +114 -0
- package/dist/esm/types/components/label/label.d.ts +57 -0
- package/dist/esm/types/components/loading-dots/loading-dots.d.ts +57 -0
- package/dist/esm/types/components/paragraph/paragraph.d.ts +57 -0
- package/dist/esm/types/hooks/use-breakpoint.d.ts +4 -6
- package/dist/esm/types/styles/common-styles.d.ts +57 -0
- package/dist/esm/types/theme/foundations/index.d.ts +57 -0
- package/dist/esm/types/theme/foundations/radius.d.ts +1 -0
- package/dist/esm/types/theme/foundations/typography.d.ts +56 -0
- package/dist/esm/types/theme/theme-tools.d.ts +57 -0
- package/dist/esm/types/theme/theme.d.ts +57 -0
- package/dist/index.d.ts +689 -16
- package/package.json +14 -13
- package/dist/cjs/types/utils/test-utils.d.ts +0 -14
- package/dist/esm/types/utils/test-utils.d.ts +0 -14
|
@@ -192,6 +192,7 @@ export declare const getSizeStyles: (theme: {
|
|
|
192
192
|
};
|
|
193
193
|
radii: {
|
|
194
194
|
none: string;
|
|
195
|
+
'2xs': string;
|
|
195
196
|
xs: string;
|
|
196
197
|
sm: string;
|
|
197
198
|
md: string;
|
|
@@ -208,6 +209,30 @@ export declare const getSizeStyles: (theme: {
|
|
|
208
209
|
};
|
|
209
210
|
typography: {
|
|
210
211
|
display: {
|
|
212
|
+
'3xl': {
|
|
213
|
+
fontFamily: string;
|
|
214
|
+
fontWeight: string;
|
|
215
|
+
fontSize: string;
|
|
216
|
+
lineHeight: string;
|
|
217
|
+
letterSpacing: string;
|
|
218
|
+
fontFeatureSettings: string;
|
|
219
|
+
};
|
|
220
|
+
'2xl': {
|
|
221
|
+
fontFamily: string;
|
|
222
|
+
fontWeight: string;
|
|
223
|
+
fontSize: string;
|
|
224
|
+
lineHeight: string;
|
|
225
|
+
letterSpacing: string;
|
|
226
|
+
fontFeatureSettings: string;
|
|
227
|
+
};
|
|
228
|
+
xl: {
|
|
229
|
+
fontFamily: string;
|
|
230
|
+
fontWeight: string;
|
|
231
|
+
fontSize: string;
|
|
232
|
+
lineHeight: string;
|
|
233
|
+
letterSpacing: string;
|
|
234
|
+
fontFeatureSettings: string;
|
|
235
|
+
};
|
|
211
236
|
lg: {
|
|
212
237
|
fontFamily: string;
|
|
213
238
|
fontWeight: string;
|
|
@@ -224,6 +249,22 @@ export declare const getSizeStyles: (theme: {
|
|
|
224
249
|
letterSpacing: string;
|
|
225
250
|
fontFeatureSettings: string;
|
|
226
251
|
};
|
|
252
|
+
sm: {
|
|
253
|
+
fontFamily: string;
|
|
254
|
+
fontWeight: string;
|
|
255
|
+
fontSize: string;
|
|
256
|
+
lineHeight: string;
|
|
257
|
+
letterSpacing: string;
|
|
258
|
+
fontFeatureSettings: string;
|
|
259
|
+
};
|
|
260
|
+
xs: {
|
|
261
|
+
fontFamily: string;
|
|
262
|
+
fontWeight: string;
|
|
263
|
+
fontSize: string;
|
|
264
|
+
lineHeight: string;
|
|
265
|
+
letterSpacing: string;
|
|
266
|
+
fontFeatureSettings: string;
|
|
267
|
+
};
|
|
227
268
|
};
|
|
228
269
|
title: {
|
|
229
270
|
lg: {
|
|
@@ -322,6 +363,22 @@ export declare const getSizeStyles: (theme: {
|
|
|
322
363
|
letterSpacing: string;
|
|
323
364
|
};
|
|
324
365
|
};
|
|
366
|
+
button: {
|
|
367
|
+
md: {
|
|
368
|
+
fontFamily: string;
|
|
369
|
+
fontWeight: string;
|
|
370
|
+
fontSize: string;
|
|
371
|
+
lineHeight: string;
|
|
372
|
+
letterSpacing: string;
|
|
373
|
+
};
|
|
374
|
+
sm: {
|
|
375
|
+
fontFamily: string;
|
|
376
|
+
fontWeight: string;
|
|
377
|
+
fontSize: string;
|
|
378
|
+
lineHeight: string;
|
|
379
|
+
letterSpacing: string;
|
|
380
|
+
};
|
|
381
|
+
};
|
|
325
382
|
caption: {
|
|
326
383
|
md: {
|
|
327
384
|
fontFamily: string;
|
|
@@ -589,6 +646,7 @@ export declare const getVariantStyles: (theme: {
|
|
|
589
646
|
};
|
|
590
647
|
radii: {
|
|
591
648
|
none: string;
|
|
649
|
+
'2xs': string;
|
|
592
650
|
xs: string;
|
|
593
651
|
sm: string;
|
|
594
652
|
md: string;
|
|
@@ -605,6 +663,30 @@ export declare const getVariantStyles: (theme: {
|
|
|
605
663
|
};
|
|
606
664
|
typography: {
|
|
607
665
|
display: {
|
|
666
|
+
'3xl': {
|
|
667
|
+
fontFamily: string;
|
|
668
|
+
fontWeight: string;
|
|
669
|
+
fontSize: string;
|
|
670
|
+
lineHeight: string;
|
|
671
|
+
letterSpacing: string;
|
|
672
|
+
fontFeatureSettings: string;
|
|
673
|
+
};
|
|
674
|
+
'2xl': {
|
|
675
|
+
fontFamily: string;
|
|
676
|
+
fontWeight: string;
|
|
677
|
+
fontSize: string;
|
|
678
|
+
lineHeight: string;
|
|
679
|
+
letterSpacing: string;
|
|
680
|
+
fontFeatureSettings: string;
|
|
681
|
+
};
|
|
682
|
+
xl: {
|
|
683
|
+
fontFamily: string;
|
|
684
|
+
fontWeight: string;
|
|
685
|
+
fontSize: string;
|
|
686
|
+
lineHeight: string;
|
|
687
|
+
letterSpacing: string;
|
|
688
|
+
fontFeatureSettings: string;
|
|
689
|
+
};
|
|
608
690
|
lg: {
|
|
609
691
|
fontFamily: string;
|
|
610
692
|
fontWeight: string;
|
|
@@ -621,6 +703,22 @@ export declare const getVariantStyles: (theme: {
|
|
|
621
703
|
letterSpacing: string;
|
|
622
704
|
fontFeatureSettings: string;
|
|
623
705
|
};
|
|
706
|
+
sm: {
|
|
707
|
+
fontFamily: string;
|
|
708
|
+
fontWeight: string;
|
|
709
|
+
fontSize: string;
|
|
710
|
+
lineHeight: string;
|
|
711
|
+
letterSpacing: string;
|
|
712
|
+
fontFeatureSettings: string;
|
|
713
|
+
};
|
|
714
|
+
xs: {
|
|
715
|
+
fontFamily: string;
|
|
716
|
+
fontWeight: string;
|
|
717
|
+
fontSize: string;
|
|
718
|
+
lineHeight: string;
|
|
719
|
+
letterSpacing: string;
|
|
720
|
+
fontFeatureSettings: string;
|
|
721
|
+
};
|
|
624
722
|
};
|
|
625
723
|
title: {
|
|
626
724
|
lg: {
|
|
@@ -719,6 +817,22 @@ export declare const getVariantStyles: (theme: {
|
|
|
719
817
|
letterSpacing: string;
|
|
720
818
|
};
|
|
721
819
|
};
|
|
820
|
+
button: {
|
|
821
|
+
md: {
|
|
822
|
+
fontFamily: string;
|
|
823
|
+
fontWeight: string;
|
|
824
|
+
fontSize: string;
|
|
825
|
+
lineHeight: string;
|
|
826
|
+
letterSpacing: string;
|
|
827
|
+
};
|
|
828
|
+
sm: {
|
|
829
|
+
fontFamily: string;
|
|
830
|
+
fontWeight: string;
|
|
831
|
+
fontSize: string;
|
|
832
|
+
lineHeight: string;
|
|
833
|
+
letterSpacing: string;
|
|
834
|
+
};
|
|
835
|
+
};
|
|
722
836
|
caption: {
|
|
723
837
|
md: {
|
|
724
838
|
fontFamily: string;
|
|
@@ -195,6 +195,7 @@ declare const getSizeStyles: (theme: {
|
|
|
195
195
|
};
|
|
196
196
|
radii: {
|
|
197
197
|
none: string;
|
|
198
|
+
'2xs': string;
|
|
198
199
|
xs: string;
|
|
199
200
|
sm: string;
|
|
200
201
|
md: string;
|
|
@@ -211,6 +212,30 @@ declare const getSizeStyles: (theme: {
|
|
|
211
212
|
};
|
|
212
213
|
typography: {
|
|
213
214
|
display: {
|
|
215
|
+
'3xl': {
|
|
216
|
+
fontFamily: string;
|
|
217
|
+
fontWeight: string;
|
|
218
|
+
fontSize: string;
|
|
219
|
+
lineHeight: string;
|
|
220
|
+
letterSpacing: string;
|
|
221
|
+
fontFeatureSettings: string;
|
|
222
|
+
};
|
|
223
|
+
'2xl': {
|
|
224
|
+
fontFamily: string;
|
|
225
|
+
fontWeight: string;
|
|
226
|
+
fontSize: string;
|
|
227
|
+
lineHeight: string;
|
|
228
|
+
letterSpacing: string;
|
|
229
|
+
fontFeatureSettings: string;
|
|
230
|
+
};
|
|
231
|
+
xl: {
|
|
232
|
+
fontFamily: string;
|
|
233
|
+
fontWeight: string;
|
|
234
|
+
fontSize: string;
|
|
235
|
+
lineHeight: string;
|
|
236
|
+
letterSpacing: string;
|
|
237
|
+
fontFeatureSettings: string;
|
|
238
|
+
};
|
|
214
239
|
lg: {
|
|
215
240
|
fontFamily: string;
|
|
216
241
|
fontWeight: string;
|
|
@@ -227,6 +252,22 @@ declare const getSizeStyles: (theme: {
|
|
|
227
252
|
letterSpacing: string;
|
|
228
253
|
fontFeatureSettings: string;
|
|
229
254
|
};
|
|
255
|
+
sm: {
|
|
256
|
+
fontFamily: string;
|
|
257
|
+
fontWeight: string;
|
|
258
|
+
fontSize: string;
|
|
259
|
+
lineHeight: string;
|
|
260
|
+
letterSpacing: string;
|
|
261
|
+
fontFeatureSettings: string;
|
|
262
|
+
};
|
|
263
|
+
xs: {
|
|
264
|
+
fontFamily: string;
|
|
265
|
+
fontWeight: string;
|
|
266
|
+
fontSize: string;
|
|
267
|
+
lineHeight: string;
|
|
268
|
+
letterSpacing: string;
|
|
269
|
+
fontFeatureSettings: string;
|
|
270
|
+
};
|
|
230
271
|
};
|
|
231
272
|
title: {
|
|
232
273
|
lg: {
|
|
@@ -260,16 +301,10 @@ declare const getSizeStyles: (theme: {
|
|
|
260
301
|
'2xs': {
|
|
261
302
|
fontFamily: string;
|
|
262
303
|
fontWeight: string;
|
|
263
|
-
/**
|
|
264
|
-
* Truncates the heading after a specific number of lines
|
|
265
|
-
*/
|
|
266
304
|
fontSize: string;
|
|
267
305
|
lineHeight: string;
|
|
268
306
|
letterSpacing: string;
|
|
269
|
-
};
|
|
270
|
-
* Alignment of the heading
|
|
271
|
-
* @default 'left'
|
|
272
|
-
*/
|
|
307
|
+
};
|
|
273
308
|
'3xs': {
|
|
274
309
|
fontFamily: string;
|
|
275
310
|
fontWeight: string;
|
|
@@ -331,6 +366,22 @@ declare const getSizeStyles: (theme: {
|
|
|
331
366
|
letterSpacing: string;
|
|
332
367
|
};
|
|
333
368
|
};
|
|
369
|
+
button: {
|
|
370
|
+
md: {
|
|
371
|
+
fontFamily: string;
|
|
372
|
+
fontWeight: string;
|
|
373
|
+
fontSize: string;
|
|
374
|
+
lineHeight: string;
|
|
375
|
+
letterSpacing: string;
|
|
376
|
+
};
|
|
377
|
+
sm: {
|
|
378
|
+
fontFamily: string;
|
|
379
|
+
fontWeight: string;
|
|
380
|
+
fontSize: string;
|
|
381
|
+
lineHeight: string;
|
|
382
|
+
letterSpacing: string;
|
|
383
|
+
};
|
|
384
|
+
};
|
|
334
385
|
caption: {
|
|
335
386
|
md: {
|
|
336
387
|
fontFamily: string;
|
|
@@ -380,9 +431,6 @@ declare const getSizeStyles: (theme: {
|
|
|
380
431
|
'2xs': {
|
|
381
432
|
fontFamily: string;
|
|
382
433
|
fontWeight: string;
|
|
383
|
-
/**
|
|
384
|
-
* Truncates the heading after a specific number of lines
|
|
385
|
-
*/
|
|
386
434
|
fontSize: string;
|
|
387
435
|
lineHeight: string;
|
|
388
436
|
letterSpacing: string;
|
|
@@ -206,6 +206,7 @@ declare const getSizeStyles: (theme: {
|
|
|
206
206
|
};
|
|
207
207
|
radii: {
|
|
208
208
|
none: string;
|
|
209
|
+
'2xs': string;
|
|
209
210
|
xs: string;
|
|
210
211
|
sm: string;
|
|
211
212
|
md: string;
|
|
@@ -226,6 +227,30 @@ declare const getSizeStyles: (theme: {
|
|
|
226
227
|
};
|
|
227
228
|
typography: {
|
|
228
229
|
display: {
|
|
230
|
+
'3xl': {
|
|
231
|
+
fontFamily: string;
|
|
232
|
+
fontWeight: string;
|
|
233
|
+
fontSize: string;
|
|
234
|
+
lineHeight: string;
|
|
235
|
+
letterSpacing: string;
|
|
236
|
+
fontFeatureSettings: string;
|
|
237
|
+
};
|
|
238
|
+
'2xl': {
|
|
239
|
+
fontFamily: string;
|
|
240
|
+
fontWeight: string;
|
|
241
|
+
fontSize: string;
|
|
242
|
+
lineHeight: string;
|
|
243
|
+
letterSpacing: string;
|
|
244
|
+
fontFeatureSettings: string;
|
|
245
|
+
};
|
|
246
|
+
xl: {
|
|
247
|
+
fontFamily: string;
|
|
248
|
+
fontWeight: string;
|
|
249
|
+
fontSize: string;
|
|
250
|
+
lineHeight: string;
|
|
251
|
+
letterSpacing: string;
|
|
252
|
+
fontFeatureSettings: string;
|
|
253
|
+
};
|
|
229
254
|
lg: {
|
|
230
255
|
fontFamily: string;
|
|
231
256
|
fontWeight: string;
|
|
@@ -242,6 +267,22 @@ declare const getSizeStyles: (theme: {
|
|
|
242
267
|
letterSpacing: string;
|
|
243
268
|
fontFeatureSettings: string;
|
|
244
269
|
};
|
|
270
|
+
sm: {
|
|
271
|
+
fontFamily: string;
|
|
272
|
+
fontWeight: string;
|
|
273
|
+
fontSize: string;
|
|
274
|
+
lineHeight: string;
|
|
275
|
+
letterSpacing: string;
|
|
276
|
+
fontFeatureSettings: string;
|
|
277
|
+
};
|
|
278
|
+
xs: {
|
|
279
|
+
fontFamily: string;
|
|
280
|
+
fontWeight: string;
|
|
281
|
+
fontSize: string;
|
|
282
|
+
lineHeight: string;
|
|
283
|
+
letterSpacing: string;
|
|
284
|
+
fontFeatureSettings: string;
|
|
285
|
+
};
|
|
245
286
|
};
|
|
246
287
|
title: {
|
|
247
288
|
lg: {
|
|
@@ -340,6 +381,22 @@ declare const getSizeStyles: (theme: {
|
|
|
340
381
|
letterSpacing: string;
|
|
341
382
|
};
|
|
342
383
|
};
|
|
384
|
+
button: {
|
|
385
|
+
md: {
|
|
386
|
+
fontFamily: string;
|
|
387
|
+
fontWeight: string;
|
|
388
|
+
fontSize: string;
|
|
389
|
+
lineHeight: string;
|
|
390
|
+
letterSpacing: string;
|
|
391
|
+
};
|
|
392
|
+
sm: {
|
|
393
|
+
fontFamily: string;
|
|
394
|
+
fontWeight: string;
|
|
395
|
+
fontSize: string;
|
|
396
|
+
lineHeight: string;
|
|
397
|
+
letterSpacing: string;
|
|
398
|
+
};
|
|
399
|
+
};
|
|
343
400
|
caption: {
|
|
344
401
|
md: {
|
|
345
402
|
fontFamily: string;
|
|
@@ -192,6 +192,7 @@ export declare const getSizeStyles: (theme: {
|
|
|
192
192
|
};
|
|
193
193
|
radii: {
|
|
194
194
|
none: string;
|
|
195
|
+
'2xs': string;
|
|
195
196
|
xs: string;
|
|
196
197
|
sm: string;
|
|
197
198
|
md: string;
|
|
@@ -208,6 +209,30 @@ export declare const getSizeStyles: (theme: {
|
|
|
208
209
|
};
|
|
209
210
|
typography: {
|
|
210
211
|
display: {
|
|
212
|
+
'3xl': {
|
|
213
|
+
fontFamily: string;
|
|
214
|
+
fontWeight: string;
|
|
215
|
+
fontSize: string;
|
|
216
|
+
lineHeight: string;
|
|
217
|
+
letterSpacing: string;
|
|
218
|
+
fontFeatureSettings: string;
|
|
219
|
+
};
|
|
220
|
+
'2xl': {
|
|
221
|
+
fontFamily: string;
|
|
222
|
+
fontWeight: string;
|
|
223
|
+
fontSize: string;
|
|
224
|
+
lineHeight: string;
|
|
225
|
+
letterSpacing: string;
|
|
226
|
+
fontFeatureSettings: string;
|
|
227
|
+
};
|
|
228
|
+
xl: {
|
|
229
|
+
fontFamily: string;
|
|
230
|
+
fontWeight: string;
|
|
231
|
+
fontSize: string;
|
|
232
|
+
lineHeight: string;
|
|
233
|
+
letterSpacing: string;
|
|
234
|
+
fontFeatureSettings: string;
|
|
235
|
+
};
|
|
211
236
|
lg: {
|
|
212
237
|
fontFamily: string;
|
|
213
238
|
fontWeight: string;
|
|
@@ -224,6 +249,22 @@ export declare const getSizeStyles: (theme: {
|
|
|
224
249
|
letterSpacing: string;
|
|
225
250
|
fontFeatureSettings: string;
|
|
226
251
|
};
|
|
252
|
+
sm: {
|
|
253
|
+
fontFamily: string;
|
|
254
|
+
fontWeight: string;
|
|
255
|
+
fontSize: string;
|
|
256
|
+
lineHeight: string;
|
|
257
|
+
letterSpacing: string;
|
|
258
|
+
fontFeatureSettings: string;
|
|
259
|
+
};
|
|
260
|
+
xs: {
|
|
261
|
+
fontFamily: string;
|
|
262
|
+
fontWeight: string;
|
|
263
|
+
fontSize: string;
|
|
264
|
+
lineHeight: string;
|
|
265
|
+
letterSpacing: string;
|
|
266
|
+
fontFeatureSettings: string;
|
|
267
|
+
};
|
|
227
268
|
};
|
|
228
269
|
title: {
|
|
229
270
|
lg: {
|
|
@@ -322,6 +363,22 @@ export declare const getSizeStyles: (theme: {
|
|
|
322
363
|
letterSpacing: string;
|
|
323
364
|
};
|
|
324
365
|
};
|
|
366
|
+
button: {
|
|
367
|
+
md: {
|
|
368
|
+
fontFamily: string;
|
|
369
|
+
fontWeight: string;
|
|
370
|
+
fontSize: string;
|
|
371
|
+
lineHeight: string;
|
|
372
|
+
letterSpacing: string;
|
|
373
|
+
};
|
|
374
|
+
sm: {
|
|
375
|
+
fontFamily: string;
|
|
376
|
+
fontWeight: string;
|
|
377
|
+
fontSize: string;
|
|
378
|
+
lineHeight: string;
|
|
379
|
+
letterSpacing: string;
|
|
380
|
+
};
|
|
381
|
+
};
|
|
325
382
|
caption: {
|
|
326
383
|
md: {
|
|
327
384
|
fontFamily: string;
|
|
@@ -550,6 +607,7 @@ export declare const getVariantStyles: (theme: {
|
|
|
550
607
|
};
|
|
551
608
|
radii: {
|
|
552
609
|
none: string;
|
|
610
|
+
'2xs': string;
|
|
553
611
|
xs: string;
|
|
554
612
|
sm: string;
|
|
555
613
|
md: string;
|
|
@@ -566,6 +624,30 @@ export declare const getVariantStyles: (theme: {
|
|
|
566
624
|
};
|
|
567
625
|
typography: {
|
|
568
626
|
display: {
|
|
627
|
+
'3xl': {
|
|
628
|
+
fontFamily: string;
|
|
629
|
+
fontWeight: string;
|
|
630
|
+
fontSize: string;
|
|
631
|
+
lineHeight: string;
|
|
632
|
+
letterSpacing: string;
|
|
633
|
+
fontFeatureSettings: string;
|
|
634
|
+
};
|
|
635
|
+
'2xl': {
|
|
636
|
+
fontFamily: string;
|
|
637
|
+
fontWeight: string;
|
|
638
|
+
fontSize: string;
|
|
639
|
+
lineHeight: string;
|
|
640
|
+
letterSpacing: string;
|
|
641
|
+
fontFeatureSettings: string;
|
|
642
|
+
};
|
|
643
|
+
xl: {
|
|
644
|
+
fontFamily: string;
|
|
645
|
+
fontWeight: string;
|
|
646
|
+
fontSize: string;
|
|
647
|
+
lineHeight: string;
|
|
648
|
+
letterSpacing: string;
|
|
649
|
+
fontFeatureSettings: string;
|
|
650
|
+
};
|
|
569
651
|
lg: {
|
|
570
652
|
fontFamily: string;
|
|
571
653
|
fontWeight: string;
|
|
@@ -582,6 +664,22 @@ export declare const getVariantStyles: (theme: {
|
|
|
582
664
|
letterSpacing: string;
|
|
583
665
|
fontFeatureSettings: string;
|
|
584
666
|
};
|
|
667
|
+
sm: {
|
|
668
|
+
fontFamily: string;
|
|
669
|
+
fontWeight: string;
|
|
670
|
+
fontSize: string;
|
|
671
|
+
lineHeight: string;
|
|
672
|
+
letterSpacing: string;
|
|
673
|
+
fontFeatureSettings: string;
|
|
674
|
+
};
|
|
675
|
+
xs: {
|
|
676
|
+
fontFamily: string;
|
|
677
|
+
fontWeight: string;
|
|
678
|
+
fontSize: string;
|
|
679
|
+
lineHeight: string;
|
|
680
|
+
letterSpacing: string;
|
|
681
|
+
fontFeatureSettings: string;
|
|
682
|
+
};
|
|
585
683
|
};
|
|
586
684
|
title: {
|
|
587
685
|
lg: {
|
|
@@ -680,6 +778,22 @@ export declare const getVariantStyles: (theme: {
|
|
|
680
778
|
letterSpacing: string;
|
|
681
779
|
};
|
|
682
780
|
};
|
|
781
|
+
button: {
|
|
782
|
+
md: {
|
|
783
|
+
fontFamily: string;
|
|
784
|
+
fontWeight: string;
|
|
785
|
+
fontSize: string;
|
|
786
|
+
lineHeight: string;
|
|
787
|
+
letterSpacing: string;
|
|
788
|
+
};
|
|
789
|
+
sm: {
|
|
790
|
+
fontFamily: string;
|
|
791
|
+
fontWeight: string;
|
|
792
|
+
fontSize: string;
|
|
793
|
+
lineHeight: string;
|
|
794
|
+
letterSpacing: string;
|
|
795
|
+
};
|
|
796
|
+
};
|
|
683
797
|
caption: {
|
|
684
798
|
md: {
|
|
685
799
|
fontFamily: string;
|
|
@@ -198,6 +198,7 @@ declare const getSizeStyles: (theme: {
|
|
|
198
198
|
};
|
|
199
199
|
radii: {
|
|
200
200
|
none: string;
|
|
201
|
+
'2xs': string;
|
|
201
202
|
xs: string;
|
|
202
203
|
sm: string;
|
|
203
204
|
md: string;
|
|
@@ -214,6 +215,30 @@ declare const getSizeStyles: (theme: {
|
|
|
214
215
|
};
|
|
215
216
|
typography: {
|
|
216
217
|
display: {
|
|
218
|
+
'3xl': {
|
|
219
|
+
fontFamily: string;
|
|
220
|
+
fontWeight: string;
|
|
221
|
+
fontSize: string;
|
|
222
|
+
lineHeight: string;
|
|
223
|
+
letterSpacing: string;
|
|
224
|
+
fontFeatureSettings: string;
|
|
225
|
+
};
|
|
226
|
+
'2xl': {
|
|
227
|
+
fontFamily: string;
|
|
228
|
+
fontWeight: string;
|
|
229
|
+
fontSize: string;
|
|
230
|
+
lineHeight: string;
|
|
231
|
+
letterSpacing: string;
|
|
232
|
+
fontFeatureSettings: string;
|
|
233
|
+
};
|
|
234
|
+
xl: {
|
|
235
|
+
fontFamily: string;
|
|
236
|
+
fontWeight: string;
|
|
237
|
+
fontSize: string;
|
|
238
|
+
lineHeight: string;
|
|
239
|
+
letterSpacing: string;
|
|
240
|
+
fontFeatureSettings: string;
|
|
241
|
+
};
|
|
217
242
|
lg: {
|
|
218
243
|
fontFamily: string;
|
|
219
244
|
fontWeight: string;
|
|
@@ -230,6 +255,22 @@ declare const getSizeStyles: (theme: {
|
|
|
230
255
|
letterSpacing: string;
|
|
231
256
|
fontFeatureSettings: string;
|
|
232
257
|
};
|
|
258
|
+
sm: {
|
|
259
|
+
fontFamily: string;
|
|
260
|
+
fontWeight: string;
|
|
261
|
+
fontSize: string;
|
|
262
|
+
lineHeight: string;
|
|
263
|
+
letterSpacing: string;
|
|
264
|
+
fontFeatureSettings: string;
|
|
265
|
+
};
|
|
266
|
+
xs: {
|
|
267
|
+
fontFamily: string;
|
|
268
|
+
fontWeight: string;
|
|
269
|
+
fontSize: string;
|
|
270
|
+
lineHeight: string;
|
|
271
|
+
letterSpacing: string;
|
|
272
|
+
fontFeatureSettings: string;
|
|
273
|
+
};
|
|
233
274
|
};
|
|
234
275
|
title: {
|
|
235
276
|
lg: {
|
|
@@ -328,6 +369,22 @@ declare const getSizeStyles: (theme: {
|
|
|
328
369
|
letterSpacing: string;
|
|
329
370
|
};
|
|
330
371
|
};
|
|
372
|
+
button: {
|
|
373
|
+
md: {
|
|
374
|
+
fontFamily: string;
|
|
375
|
+
fontWeight: string;
|
|
376
|
+
fontSize: string;
|
|
377
|
+
lineHeight: string;
|
|
378
|
+
letterSpacing: string;
|
|
379
|
+
};
|
|
380
|
+
sm: {
|
|
381
|
+
fontFamily: string;
|
|
382
|
+
fontWeight: string;
|
|
383
|
+
fontSize: string;
|
|
384
|
+
lineHeight: string;
|
|
385
|
+
letterSpacing: string;
|
|
386
|
+
};
|
|
387
|
+
};
|
|
331
388
|
caption: {
|
|
332
389
|
md: {
|
|
333
390
|
fontFamily: string;
|
|
@@ -195,6 +195,7 @@ declare const getSizeStyles: (theme: {
|
|
|
195
195
|
};
|
|
196
196
|
radii: {
|
|
197
197
|
none: string;
|
|
198
|
+
'2xs': string;
|
|
198
199
|
xs: string;
|
|
199
200
|
sm: string;
|
|
200
201
|
md: string;
|
|
@@ -211,6 +212,30 @@ declare const getSizeStyles: (theme: {
|
|
|
211
212
|
};
|
|
212
213
|
typography: {
|
|
213
214
|
display: {
|
|
215
|
+
'3xl': {
|
|
216
|
+
fontFamily: string;
|
|
217
|
+
fontWeight: string;
|
|
218
|
+
fontSize: string;
|
|
219
|
+
lineHeight: string;
|
|
220
|
+
letterSpacing: string;
|
|
221
|
+
fontFeatureSettings: string;
|
|
222
|
+
};
|
|
223
|
+
'2xl': {
|
|
224
|
+
fontFamily: string;
|
|
225
|
+
fontWeight: string;
|
|
226
|
+
fontSize: string;
|
|
227
|
+
lineHeight: string;
|
|
228
|
+
letterSpacing: string;
|
|
229
|
+
fontFeatureSettings: string;
|
|
230
|
+
};
|
|
231
|
+
xl: {
|
|
232
|
+
fontFamily: string;
|
|
233
|
+
fontWeight: string;
|
|
234
|
+
fontSize: string;
|
|
235
|
+
lineHeight: string;
|
|
236
|
+
letterSpacing: string;
|
|
237
|
+
fontFeatureSettings: string;
|
|
238
|
+
};
|
|
214
239
|
lg: {
|
|
215
240
|
fontFamily: string;
|
|
216
241
|
fontWeight: string;
|
|
@@ -227,6 +252,22 @@ declare const getSizeStyles: (theme: {
|
|
|
227
252
|
letterSpacing: string;
|
|
228
253
|
fontFeatureSettings: string;
|
|
229
254
|
};
|
|
255
|
+
sm: {
|
|
256
|
+
fontFamily: string;
|
|
257
|
+
fontWeight: string;
|
|
258
|
+
fontSize: string;
|
|
259
|
+
lineHeight: string;
|
|
260
|
+
letterSpacing: string;
|
|
261
|
+
fontFeatureSettings: string;
|
|
262
|
+
};
|
|
263
|
+
xs: {
|
|
264
|
+
fontFamily: string;
|
|
265
|
+
fontWeight: string;
|
|
266
|
+
fontSize: string;
|
|
267
|
+
lineHeight: string;
|
|
268
|
+
letterSpacing: string;
|
|
269
|
+
fontFeatureSettings: string;
|
|
270
|
+
};
|
|
230
271
|
};
|
|
231
272
|
title: {
|
|
232
273
|
lg: {
|
|
@@ -325,6 +366,22 @@ declare const getSizeStyles: (theme: {
|
|
|
325
366
|
letterSpacing: string;
|
|
326
367
|
};
|
|
327
368
|
};
|
|
369
|
+
button: {
|
|
370
|
+
md: {
|
|
371
|
+
fontFamily: string;
|
|
372
|
+
fontWeight: string;
|
|
373
|
+
fontSize: string;
|
|
374
|
+
lineHeight: string;
|
|
375
|
+
letterSpacing: string;
|
|
376
|
+
};
|
|
377
|
+
sm: {
|
|
378
|
+
fontFamily: string;
|
|
379
|
+
fontWeight: string;
|
|
380
|
+
fontSize: string;
|
|
381
|
+
lineHeight: string;
|
|
382
|
+
letterSpacing: string;
|
|
383
|
+
};
|
|
384
|
+
};
|
|
328
385
|
caption: {
|
|
329
386
|
md: {
|
|
330
387
|
fontFamily: string;
|