@cleartrip/ct-design-typography 3.23.0-SNAPSHOT-merchBugFxV5.0 → 3.23.0-SNAPSHOT-testRnw.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 (19) hide show
  1. package/dist/StyledTypography/style.d.ts +1 -1
  2. package/dist/StyledTypography/type.d.ts +1 -1
  3. package/dist/StyledTypography/type.d.ts.map +1 -1
  4. package/dist/Typography.d.ts.map +1 -1
  5. package/dist/ct-design-typography.browser.cjs.js +1 -1
  6. package/dist/ct-design-typography.browser.cjs.js.map +1 -1
  7. package/dist/ct-design-typography.browser.esm.js +1 -1
  8. package/dist/ct-design-typography.browser.esm.js.map +1 -1
  9. package/dist/ct-design-typography.cjs.js +102 -79
  10. package/dist/ct-design-typography.cjs.js.map +1 -1
  11. package/dist/ct-design-typography.esm.js +102 -79
  12. package/dist/ct-design-typography.esm.js.map +1 -1
  13. package/dist/ct-design-typography.umd.js +102 -79
  14. package/dist/ct-design-typography.umd.js.map +1 -1
  15. package/dist/style.d.ts +582 -38
  16. package/dist/style.d.ts.map +1 -1
  17. package/dist/type.d.ts +2 -1
  18. package/dist/type.d.ts.map +1 -1
  19. package/package.json +6 -6
package/dist/style.d.ts CHANGED
@@ -109,7 +109,11 @@ export declare const getTypographyVariant: (theme: Theme, variant: TypographyVar
109
109
  letterSpacing: "0.4px";
110
110
  textTransform?: undefined;
111
111
  };
112
- export declare const getTypographyTextDecorations: (theme: Theme, color: TypographyColorType, isStriked?: boolean, isUnderlined?: boolean) => string;
112
+ export declare const getTypographyTextDecorations: (theme: Theme, color: TypographyColorType, isStriked?: boolean, isUnderlined?: boolean) => {
113
+ textDecorationLine: string;
114
+ } | {
115
+ textDecorationLine?: undefined;
116
+ };
113
117
  export declare const getTypographyColor: (theme: Theme, color: TypographyColorType) => string;
114
118
  export declare const getLineClampStyles: (lineClamp?: number) => {
115
119
  display: string;
@@ -126,7 +130,7 @@ export declare const getTypographyUnderlineOffset: (theme: Theme, variant: Typog
126
130
  export declare const getTypographyStyles: ({ theme, variant, color, isClickable, isStriked, isUnderlined, colorCode, showInItalics, lineClamp, isDisabled, }: {
127
131
  theme: Theme;
128
132
  variant?: "HD1" | "HD2" | "HD3" | "HM1" | "HM2" | "HM3" | "HM4" | "B1" | "B2" | "B3" | "B3CAPS" | "B4" | "B4CAPS" | "P1" | "P2" | "P3" | "L1" | "L2" | "L3" | "OVERLINE" | "TAG" | undefined;
129
- color?: "disabled" | "link" | "alert" | "heading" | "primary" | "secondary" | "tertiary" | "subheading" | "success" | "warning" | "warning500" | "neutral" | "link2" | "primary2" | "secondary2" | "grapetini900" | "pinacolada750" | "coralpink" | "neutral50" | "alert500" | undefined;
133
+ color?: "disabled" | "link" | "alert" | "heading" | "primary" | "secondary" | "tertiary" | "subheading" | "success" | "warning" | "warning500" | "neutral" | "link2" | "primary2" | "secondary2" | "grapetini900" | "pinacolada750" | "coralpink" | "neutral50" | "alert500" | "brand" | undefined;
130
134
  isClickable?: boolean | undefined;
131
135
  isStriked?: boolean | undefined;
132
136
  isUnderlined?: boolean | undefined;
@@ -135,11 +139,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
135
139
  lineClamp?: number | undefined;
136
140
  isDisabled?: boolean | undefined;
137
141
  }) => {
142
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
143
+ cursor: string | undefined;
144
+ fontStyle: string;
145
+ textDecorationLine: string;
138
146
  color: string;
139
- textDecoration: string;
147
+ display: string;
148
+ webkitLineClamp: number;
149
+ webkitBoxOrient: string;
150
+ overflow: string;
151
+ fontSize: "48px";
152
+ fontWeight: 600;
153
+ lineHeight: "56px";
154
+ letterSpacing?: undefined;
155
+ textTransform?: undefined;
156
+ } | {
140
157
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
141
158
  cursor: string | undefined;
142
159
  fontStyle: string;
160
+ textDecorationLine?: undefined;
161
+ color: string;
143
162
  display: string;
144
163
  webkitLineClamp: number;
145
164
  webkitBoxOrient: string;
@@ -150,11 +169,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
150
169
  letterSpacing?: undefined;
151
170
  textTransform?: undefined;
152
171
  } | {
172
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
173
+ cursor: string | undefined;
174
+ fontStyle: string;
175
+ textDecorationLine: string;
153
176
  color: string;
154
- textDecoration: string;
177
+ display?: undefined;
178
+ webkitLineClamp?: undefined;
179
+ webkitBoxOrient?: undefined;
180
+ overflow?: undefined;
181
+ fontSize: "48px";
182
+ fontWeight: 600;
183
+ lineHeight: "56px";
184
+ letterSpacing?: undefined;
185
+ textTransform?: undefined;
186
+ } | {
155
187
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
156
188
  cursor: string | undefined;
157
189
  fontStyle: string;
190
+ textDecorationLine?: undefined;
191
+ color: string;
158
192
  display?: undefined;
159
193
  webkitLineClamp?: undefined;
160
194
  webkitBoxOrient?: undefined;
@@ -165,11 +199,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
165
199
  letterSpacing?: undefined;
166
200
  textTransform?: undefined;
167
201
  } | {
202
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
203
+ cursor: string | undefined;
204
+ fontStyle: string;
205
+ textDecorationLine: string;
168
206
  color: string;
169
- textDecoration: string;
207
+ display: string;
208
+ webkitLineClamp: number;
209
+ webkitBoxOrient: string;
210
+ overflow: string;
211
+ fontSize: "40px";
212
+ fontWeight: 600;
213
+ lineHeight: "48px";
214
+ letterSpacing?: undefined;
215
+ textTransform?: undefined;
216
+ } | {
170
217
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
171
218
  cursor: string | undefined;
172
219
  fontStyle: string;
220
+ textDecorationLine?: undefined;
221
+ color: string;
173
222
  display: string;
174
223
  webkitLineClamp: number;
175
224
  webkitBoxOrient: string;
@@ -180,11 +229,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
180
229
  letterSpacing?: undefined;
181
230
  textTransform?: undefined;
182
231
  } | {
232
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
233
+ cursor: string | undefined;
234
+ fontStyle: string;
235
+ textDecorationLine: string;
183
236
  color: string;
184
- textDecoration: string;
237
+ display?: undefined;
238
+ webkitLineClamp?: undefined;
239
+ webkitBoxOrient?: undefined;
240
+ overflow?: undefined;
241
+ fontSize: "40px";
242
+ fontWeight: 600;
243
+ lineHeight: "48px";
244
+ letterSpacing?: undefined;
245
+ textTransform?: undefined;
246
+ } | {
185
247
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
186
248
  cursor: string | undefined;
187
249
  fontStyle: string;
250
+ textDecorationLine?: undefined;
251
+ color: string;
188
252
  display?: undefined;
189
253
  webkitLineClamp?: undefined;
190
254
  webkitBoxOrient?: undefined;
@@ -195,11 +259,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
195
259
  letterSpacing?: undefined;
196
260
  textTransform?: undefined;
197
261
  } | {
262
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
263
+ cursor: string | undefined;
264
+ fontStyle: string;
265
+ textDecorationLine: string;
198
266
  color: string;
199
- textDecoration: string;
267
+ display: string;
268
+ webkitLineClamp: number;
269
+ webkitBoxOrient: string;
270
+ overflow: string;
271
+ fontSize: "32px";
272
+ fontWeight: 600;
273
+ lineHeight: "40px";
274
+ letterSpacing?: undefined;
275
+ textTransform?: undefined;
276
+ } | {
200
277
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
201
278
  cursor: string | undefined;
202
279
  fontStyle: string;
280
+ textDecorationLine?: undefined;
281
+ color: string;
203
282
  display: string;
204
283
  webkitLineClamp: number;
205
284
  webkitBoxOrient: string;
@@ -210,11 +289,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
210
289
  letterSpacing?: undefined;
211
290
  textTransform?: undefined;
212
291
  } | {
292
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
293
+ cursor: string | undefined;
294
+ fontStyle: string;
295
+ textDecorationLine: string;
213
296
  color: string;
214
- textDecoration: string;
297
+ display?: undefined;
298
+ webkitLineClamp?: undefined;
299
+ webkitBoxOrient?: undefined;
300
+ overflow?: undefined;
301
+ fontSize: "32px";
302
+ fontWeight: 600;
303
+ lineHeight: "40px";
304
+ letterSpacing?: undefined;
305
+ textTransform?: undefined;
306
+ } | {
215
307
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
216
308
  cursor: string | undefined;
217
309
  fontStyle: string;
310
+ textDecorationLine?: undefined;
311
+ color: string;
218
312
  display?: undefined;
219
313
  webkitLineClamp?: undefined;
220
314
  webkitBoxOrient?: undefined;
@@ -225,11 +319,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
225
319
  letterSpacing?: undefined;
226
320
  textTransform?: undefined;
227
321
  } | {
322
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
323
+ cursor: string | undefined;
324
+ fontStyle: string;
325
+ textDecorationLine: string;
228
326
  color: string;
229
- textDecoration: string;
327
+ display: string;
328
+ webkitLineClamp: number;
329
+ webkitBoxOrient: string;
330
+ overflow: string;
331
+ fontSize: "24px";
332
+ fontWeight: 600;
333
+ lineHeight: "32px";
334
+ letterSpacing?: undefined;
335
+ textTransform?: undefined;
336
+ } | {
230
337
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
231
338
  cursor: string | undefined;
232
339
  fontStyle: string;
340
+ textDecorationLine?: undefined;
341
+ color: string;
233
342
  display: string;
234
343
  webkitLineClamp: number;
235
344
  webkitBoxOrient: string;
@@ -240,11 +349,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
240
349
  letterSpacing?: undefined;
241
350
  textTransform?: undefined;
242
351
  } | {
352
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
353
+ cursor: string | undefined;
354
+ fontStyle: string;
355
+ textDecorationLine: string;
243
356
  color: string;
244
- textDecoration: string;
357
+ display?: undefined;
358
+ webkitLineClamp?: undefined;
359
+ webkitBoxOrient?: undefined;
360
+ overflow?: undefined;
361
+ fontSize: "24px";
362
+ fontWeight: 600;
363
+ lineHeight: "32px";
364
+ letterSpacing?: undefined;
365
+ textTransform?: undefined;
366
+ } | {
245
367
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
246
368
  cursor: string | undefined;
247
369
  fontStyle: string;
370
+ textDecorationLine?: undefined;
371
+ color: string;
248
372
  display?: undefined;
249
373
  webkitLineClamp?: undefined;
250
374
  webkitBoxOrient?: undefined;
@@ -255,11 +379,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
255
379
  letterSpacing?: undefined;
256
380
  textTransform?: undefined;
257
381
  } | {
382
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
383
+ cursor: string | undefined;
384
+ fontStyle: string;
385
+ textDecorationLine: string;
258
386
  color: string;
259
- textDecoration: string;
387
+ display: string;
388
+ webkitLineClamp: number;
389
+ webkitBoxOrient: string;
390
+ overflow: string;
391
+ fontSize: "20px";
392
+ fontWeight: 600;
393
+ lineHeight: "28px";
394
+ letterSpacing?: undefined;
395
+ textTransform?: undefined;
396
+ } | {
260
397
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
261
398
  cursor: string | undefined;
262
399
  fontStyle: string;
400
+ textDecorationLine?: undefined;
401
+ color: string;
263
402
  display: string;
264
403
  webkitLineClamp: number;
265
404
  webkitBoxOrient: string;
@@ -270,11 +409,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
270
409
  letterSpacing?: undefined;
271
410
  textTransform?: undefined;
272
411
  } | {
412
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
413
+ cursor: string | undefined;
414
+ fontStyle: string;
415
+ textDecorationLine: string;
273
416
  color: string;
274
- textDecoration: string;
417
+ display?: undefined;
418
+ webkitLineClamp?: undefined;
419
+ webkitBoxOrient?: undefined;
420
+ overflow?: undefined;
421
+ fontSize: "20px";
422
+ fontWeight: 600;
423
+ lineHeight: "28px";
424
+ letterSpacing?: undefined;
425
+ textTransform?: undefined;
426
+ } | {
275
427
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
276
428
  cursor: string | undefined;
277
429
  fontStyle: string;
430
+ textDecorationLine?: undefined;
431
+ color: string;
278
432
  display?: undefined;
279
433
  webkitLineClamp?: undefined;
280
434
  webkitBoxOrient?: undefined;
@@ -285,11 +439,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
285
439
  letterSpacing?: undefined;
286
440
  textTransform?: undefined;
287
441
  } | {
442
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
443
+ cursor: string | undefined;
444
+ fontStyle: string;
445
+ textDecorationLine: string;
288
446
  color: string;
289
- textDecoration: string;
447
+ display: string;
448
+ webkitLineClamp: number;
449
+ webkitBoxOrient: string;
450
+ overflow: string;
451
+ fontSize: "16px";
452
+ fontWeight: 600;
453
+ lineHeight: "24px";
454
+ letterSpacing?: undefined;
455
+ textTransform?: undefined;
456
+ } | {
290
457
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
291
458
  cursor: string | undefined;
292
459
  fontStyle: string;
460
+ textDecorationLine?: undefined;
461
+ color: string;
293
462
  display: string;
294
463
  webkitLineClamp: number;
295
464
  webkitBoxOrient: string;
@@ -300,11 +469,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
300
469
  letterSpacing?: undefined;
301
470
  textTransform?: undefined;
302
471
  } | {
472
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
473
+ cursor: string | undefined;
474
+ fontStyle: string;
475
+ textDecorationLine: string;
303
476
  color: string;
304
- textDecoration: string;
477
+ display?: undefined;
478
+ webkitLineClamp?: undefined;
479
+ webkitBoxOrient?: undefined;
480
+ overflow?: undefined;
481
+ fontSize: "16px";
482
+ fontWeight: 600;
483
+ lineHeight: "24px";
484
+ letterSpacing?: undefined;
485
+ textTransform?: undefined;
486
+ } | {
305
487
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
306
488
  cursor: string | undefined;
307
489
  fontStyle: string;
490
+ textDecorationLine?: undefined;
491
+ color: string;
308
492
  display?: undefined;
309
493
  webkitLineClamp?: undefined;
310
494
  webkitBoxOrient?: undefined;
@@ -315,11 +499,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
315
499
  letterSpacing?: undefined;
316
500
  textTransform?: undefined;
317
501
  } | {
502
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
503
+ cursor: string | undefined;
504
+ fontStyle: string;
505
+ textDecorationLine: string;
318
506
  color: string;
319
- textDecoration: string;
507
+ display: string;
508
+ webkitLineClamp: number;
509
+ webkitBoxOrient: string;
510
+ overflow: string;
511
+ fontSize: "14px";
512
+ fontWeight: 600;
513
+ lineHeight: "20px";
514
+ letterSpacing?: undefined;
515
+ textTransform?: undefined;
516
+ } | {
320
517
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
321
518
  cursor: string | undefined;
322
519
  fontStyle: string;
520
+ textDecorationLine?: undefined;
521
+ color: string;
323
522
  display: string;
324
523
  webkitLineClamp: number;
325
524
  webkitBoxOrient: string;
@@ -330,11 +529,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
330
529
  letterSpacing?: undefined;
331
530
  textTransform?: undefined;
332
531
  } | {
532
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
533
+ cursor: string | undefined;
534
+ fontStyle: string;
535
+ textDecorationLine: string;
333
536
  color: string;
334
- textDecoration: string;
537
+ display?: undefined;
538
+ webkitLineClamp?: undefined;
539
+ webkitBoxOrient?: undefined;
540
+ overflow?: undefined;
541
+ fontSize: "14px";
542
+ fontWeight: 600;
543
+ lineHeight: "20px";
544
+ letterSpacing?: undefined;
545
+ textTransform?: undefined;
546
+ } | {
335
547
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
336
548
  cursor: string | undefined;
337
549
  fontStyle: string;
550
+ textDecorationLine?: undefined;
551
+ color: string;
338
552
  display?: undefined;
339
553
  webkitLineClamp?: undefined;
340
554
  webkitBoxOrient?: undefined;
@@ -345,11 +559,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
345
559
  letterSpacing?: undefined;
346
560
  textTransform?: undefined;
347
561
  } | {
562
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
563
+ cursor: string | undefined;
564
+ fontStyle: string;
565
+ textDecorationLine: string;
348
566
  color: string;
349
- textDecoration: string;
567
+ display: string;
568
+ webkitLineClamp: number;
569
+ webkitBoxOrient: string;
570
+ overflow: string;
571
+ fontSize: "16px";
572
+ fontWeight: 500;
573
+ lineHeight: "24px";
574
+ letterSpacing?: undefined;
575
+ textTransform?: undefined;
576
+ } | {
350
577
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
351
578
  cursor: string | undefined;
352
579
  fontStyle: string;
580
+ textDecorationLine?: undefined;
581
+ color: string;
353
582
  display: string;
354
583
  webkitLineClamp: number;
355
584
  webkitBoxOrient: string;
@@ -360,11 +589,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
360
589
  letterSpacing?: undefined;
361
590
  textTransform?: undefined;
362
591
  } | {
592
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
593
+ cursor: string | undefined;
594
+ fontStyle: string;
595
+ textDecorationLine: string;
363
596
  color: string;
364
- textDecoration: string;
597
+ display?: undefined;
598
+ webkitLineClamp?: undefined;
599
+ webkitBoxOrient?: undefined;
600
+ overflow?: undefined;
601
+ fontSize: "16px";
602
+ fontWeight: 500;
603
+ lineHeight: "24px";
604
+ letterSpacing?: undefined;
605
+ textTransform?: undefined;
606
+ } | {
365
607
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
366
608
  cursor: string | undefined;
367
609
  fontStyle: string;
610
+ textDecorationLine?: undefined;
611
+ color: string;
368
612
  display?: undefined;
369
613
  webkitLineClamp?: undefined;
370
614
  webkitBoxOrient?: undefined;
@@ -375,11 +619,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
375
619
  letterSpacing?: undefined;
376
620
  textTransform?: undefined;
377
621
  } | {
622
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
623
+ cursor: string | undefined;
624
+ fontStyle: string;
625
+ textDecorationLine: string;
378
626
  color: string;
379
- textDecoration: string;
627
+ display: string;
628
+ webkitLineClamp: number;
629
+ webkitBoxOrient: string;
630
+ overflow: string;
631
+ fontSize: "14px";
632
+ fontWeight: 500;
633
+ lineHeight: "20px";
634
+ letterSpacing?: undefined;
635
+ textTransform?: undefined;
636
+ } | {
380
637
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
381
638
  cursor: string | undefined;
382
639
  fontStyle: string;
640
+ textDecorationLine?: undefined;
641
+ color: string;
383
642
  display: string;
384
643
  webkitLineClamp: number;
385
644
  webkitBoxOrient: string;
@@ -390,11 +649,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
390
649
  letterSpacing?: undefined;
391
650
  textTransform?: undefined;
392
651
  } | {
652
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
653
+ cursor: string | undefined;
654
+ fontStyle: string;
655
+ textDecorationLine: string;
393
656
  color: string;
394
- textDecoration: string;
657
+ display?: undefined;
658
+ webkitLineClamp?: undefined;
659
+ webkitBoxOrient?: undefined;
660
+ overflow?: undefined;
661
+ fontSize: "14px";
662
+ fontWeight: 500;
663
+ lineHeight: "20px";
664
+ letterSpacing?: undefined;
665
+ textTransform?: undefined;
666
+ } | {
395
667
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
396
668
  cursor: string | undefined;
397
669
  fontStyle: string;
670
+ textDecorationLine?: undefined;
671
+ color: string;
398
672
  display?: undefined;
399
673
  webkitLineClamp?: undefined;
400
674
  webkitBoxOrient?: undefined;
@@ -405,11 +679,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
405
679
  letterSpacing?: undefined;
406
680
  textTransform?: undefined;
407
681
  } | {
682
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
683
+ cursor: string | undefined;
684
+ fontStyle: string;
685
+ textDecorationLine: string;
408
686
  color: string;
409
- textDecoration: string;
687
+ display: string;
688
+ webkitLineClamp: number;
689
+ webkitBoxOrient: string;
690
+ overflow: string;
691
+ fontSize: "12px";
692
+ fontWeight: 500;
693
+ lineHeight: "16px";
694
+ letterSpacing?: undefined;
695
+ textTransform?: undefined;
696
+ } | {
410
697
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
411
698
  cursor: string | undefined;
412
699
  fontStyle: string;
700
+ textDecorationLine?: undefined;
701
+ color: string;
413
702
  display: string;
414
703
  webkitLineClamp: number;
415
704
  webkitBoxOrient: string;
@@ -420,11 +709,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
420
709
  letterSpacing?: undefined;
421
710
  textTransform?: undefined;
422
711
  } | {
712
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
713
+ cursor: string | undefined;
714
+ fontStyle: string;
715
+ textDecorationLine: string;
423
716
  color: string;
424
- textDecoration: string;
717
+ display?: undefined;
718
+ webkitLineClamp?: undefined;
719
+ webkitBoxOrient?: undefined;
720
+ overflow?: undefined;
721
+ fontSize: "12px";
722
+ fontWeight: 500;
723
+ lineHeight: "16px";
724
+ letterSpacing?: undefined;
725
+ textTransform?: undefined;
726
+ } | {
425
727
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
426
728
  cursor: string | undefined;
427
729
  fontStyle: string;
730
+ textDecorationLine?: undefined;
731
+ color: string;
428
732
  display?: undefined;
429
733
  webkitLineClamp?: undefined;
430
734
  webkitBoxOrient?: undefined;
@@ -435,11 +739,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
435
739
  letterSpacing?: undefined;
436
740
  textTransform?: undefined;
437
741
  } | {
742
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
743
+ cursor: string | undefined;
744
+ fontStyle: string;
745
+ textDecorationLine: string;
438
746
  color: string;
439
- textDecoration: string;
747
+ display: string;
748
+ webkitLineClamp: number;
749
+ webkitBoxOrient: string;
750
+ overflow: string;
751
+ fontSize: "12px";
752
+ fontWeight: 600;
753
+ lineHeight: "16px";
754
+ letterSpacing: "0.4px";
755
+ textTransform: string;
756
+ } | {
440
757
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
441
758
  cursor: string | undefined;
442
759
  fontStyle: string;
760
+ textDecorationLine?: undefined;
761
+ color: string;
443
762
  display: string;
444
763
  webkitLineClamp: number;
445
764
  webkitBoxOrient: string;
@@ -450,11 +769,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
450
769
  letterSpacing: "0.4px";
451
770
  textTransform: string;
452
771
  } | {
772
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
773
+ cursor: string | undefined;
774
+ fontStyle: string;
775
+ textDecorationLine: string;
453
776
  color: string;
454
- textDecoration: string;
777
+ display?: undefined;
778
+ webkitLineClamp?: undefined;
779
+ webkitBoxOrient?: undefined;
780
+ overflow?: undefined;
781
+ fontSize: "12px";
782
+ fontWeight: 600;
783
+ lineHeight: "16px";
784
+ letterSpacing: "0.4px";
785
+ textTransform: string;
786
+ } | {
455
787
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
456
788
  cursor: string | undefined;
457
789
  fontStyle: string;
790
+ textDecorationLine?: undefined;
791
+ color: string;
458
792
  display?: undefined;
459
793
  webkitLineClamp?: undefined;
460
794
  webkitBoxOrient?: undefined;
@@ -465,11 +799,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
465
799
  letterSpacing: "0.4px";
466
800
  textTransform: string;
467
801
  } | {
802
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
803
+ cursor: string | undefined;
804
+ fontStyle: string;
805
+ textDecorationLine: string;
468
806
  color: string;
469
- textDecoration: string;
807
+ display: string;
808
+ webkitLineClamp: number;
809
+ webkitBoxOrient: string;
810
+ overflow: string;
811
+ fontSize: "10px";
812
+ fontWeight: 500;
813
+ lineHeight: "14px";
814
+ letterSpacing?: undefined;
815
+ textTransform?: undefined;
816
+ } | {
470
817
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
471
818
  cursor: string | undefined;
472
819
  fontStyle: string;
820
+ textDecorationLine?: undefined;
821
+ color: string;
473
822
  display: string;
474
823
  webkitLineClamp: number;
475
824
  webkitBoxOrient: string;
@@ -480,11 +829,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
480
829
  letterSpacing?: undefined;
481
830
  textTransform?: undefined;
482
831
  } | {
832
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
833
+ cursor: string | undefined;
834
+ fontStyle: string;
835
+ textDecorationLine: string;
483
836
  color: string;
484
- textDecoration: string;
837
+ display?: undefined;
838
+ webkitLineClamp?: undefined;
839
+ webkitBoxOrient?: undefined;
840
+ overflow?: undefined;
841
+ fontSize: "10px";
842
+ fontWeight: 500;
843
+ lineHeight: "14px";
844
+ letterSpacing?: undefined;
845
+ textTransform?: undefined;
846
+ } | {
485
847
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
486
848
  cursor: string | undefined;
487
849
  fontStyle: string;
850
+ textDecorationLine?: undefined;
851
+ color: string;
488
852
  display?: undefined;
489
853
  webkitLineClamp?: undefined;
490
854
  webkitBoxOrient?: undefined;
@@ -495,11 +859,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
495
859
  letterSpacing?: undefined;
496
860
  textTransform?: undefined;
497
861
  } | {
862
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
863
+ cursor: string | undefined;
864
+ fontStyle: string;
865
+ textDecorationLine: string;
498
866
  color: string;
499
- textDecoration: string;
867
+ display: string;
868
+ webkitLineClamp: number;
869
+ webkitBoxOrient: string;
870
+ overflow: string;
871
+ fontSize: "10px";
872
+ fontWeight: 600;
873
+ lineHeight: "12px";
874
+ letterSpacing: "0.4px";
875
+ textTransform: string;
876
+ } | {
500
877
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
501
878
  cursor: string | undefined;
502
879
  fontStyle: string;
880
+ textDecorationLine?: undefined;
881
+ color: string;
503
882
  display: string;
504
883
  webkitLineClamp: number;
505
884
  webkitBoxOrient: string;
@@ -510,11 +889,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
510
889
  letterSpacing: "0.4px";
511
890
  textTransform: string;
512
891
  } | {
892
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
893
+ cursor: string | undefined;
894
+ fontStyle: string;
895
+ textDecorationLine: string;
513
896
  color: string;
514
- textDecoration: string;
897
+ display?: undefined;
898
+ webkitLineClamp?: undefined;
899
+ webkitBoxOrient?: undefined;
900
+ overflow?: undefined;
901
+ fontSize: "10px";
902
+ fontWeight: 600;
903
+ lineHeight: "12px";
904
+ letterSpacing: "0.4px";
905
+ textTransform: string;
906
+ } | {
515
907
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
516
908
  cursor: string | undefined;
517
909
  fontStyle: string;
910
+ textDecorationLine?: undefined;
911
+ color: string;
518
912
  display?: undefined;
519
913
  webkitLineClamp?: undefined;
520
914
  webkitBoxOrient?: undefined;
@@ -525,11 +919,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
525
919
  letterSpacing: "0.4px";
526
920
  textTransform: string;
527
921
  } | {
922
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
923
+ cursor: string | undefined;
924
+ fontStyle: string;
925
+ textDecorationLine: string;
528
926
  color: string;
529
- textDecoration: string;
927
+ display: string;
928
+ webkitLineClamp: number;
929
+ webkitBoxOrient: string;
930
+ overflow: string;
931
+ fontSize: "16px";
932
+ fontWeight: 400;
933
+ lineHeight: "22px";
934
+ letterSpacing?: undefined;
935
+ textTransform?: undefined;
936
+ } | {
530
937
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
531
938
  cursor: string | undefined;
532
939
  fontStyle: string;
940
+ textDecorationLine?: undefined;
941
+ color: string;
533
942
  display: string;
534
943
  webkitLineClamp: number;
535
944
  webkitBoxOrient: string;
@@ -540,11 +949,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
540
949
  letterSpacing?: undefined;
541
950
  textTransform?: undefined;
542
951
  } | {
952
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
953
+ cursor: string | undefined;
954
+ fontStyle: string;
955
+ textDecorationLine: string;
543
956
  color: string;
544
- textDecoration: string;
957
+ display?: undefined;
958
+ webkitLineClamp?: undefined;
959
+ webkitBoxOrient?: undefined;
960
+ overflow?: undefined;
961
+ fontSize: "16px";
962
+ fontWeight: 400;
963
+ lineHeight: "22px";
964
+ letterSpacing?: undefined;
965
+ textTransform?: undefined;
966
+ } | {
545
967
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
546
968
  cursor: string | undefined;
547
969
  fontStyle: string;
970
+ textDecorationLine?: undefined;
971
+ color: string;
548
972
  display?: undefined;
549
973
  webkitLineClamp?: undefined;
550
974
  webkitBoxOrient?: undefined;
@@ -555,11 +979,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
555
979
  letterSpacing?: undefined;
556
980
  textTransform?: undefined;
557
981
  } | {
982
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
983
+ cursor: string | undefined;
984
+ fontStyle: string;
985
+ textDecorationLine: string;
558
986
  color: string;
559
- textDecoration: string;
987
+ display: string;
988
+ webkitLineClamp: number;
989
+ webkitBoxOrient: string;
990
+ overflow: string;
991
+ fontSize: "14px";
992
+ fontWeight: 400;
993
+ lineHeight: "20px";
994
+ letterSpacing?: undefined;
995
+ textTransform?: undefined;
996
+ } | {
560
997
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
561
998
  cursor: string | undefined;
562
999
  fontStyle: string;
1000
+ textDecorationLine?: undefined;
1001
+ color: string;
563
1002
  display: string;
564
1003
  webkitLineClamp: number;
565
1004
  webkitBoxOrient: string;
@@ -570,11 +1009,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
570
1009
  letterSpacing?: undefined;
571
1010
  textTransform?: undefined;
572
1011
  } | {
1012
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1013
+ cursor: string | undefined;
1014
+ fontStyle: string;
1015
+ textDecorationLine: string;
573
1016
  color: string;
574
- textDecoration: string;
1017
+ display?: undefined;
1018
+ webkitLineClamp?: undefined;
1019
+ webkitBoxOrient?: undefined;
1020
+ overflow?: undefined;
1021
+ fontSize: "14px";
1022
+ fontWeight: 400;
1023
+ lineHeight: "20px";
1024
+ letterSpacing?: undefined;
1025
+ textTransform?: undefined;
1026
+ } | {
575
1027
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
576
1028
  cursor: string | undefined;
577
1029
  fontStyle: string;
1030
+ textDecorationLine?: undefined;
1031
+ color: string;
578
1032
  display?: undefined;
579
1033
  webkitLineClamp?: undefined;
580
1034
  webkitBoxOrient?: undefined;
@@ -585,11 +1039,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
585
1039
  letterSpacing?: undefined;
586
1040
  textTransform?: undefined;
587
1041
  } | {
1042
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1043
+ cursor: string | undefined;
1044
+ fontStyle: string;
1045
+ textDecorationLine: string;
588
1046
  color: string;
589
- textDecoration: string;
1047
+ display: string;
1048
+ webkitLineClamp: number;
1049
+ webkitBoxOrient: string;
1050
+ overflow: string;
1051
+ fontSize: "12px";
1052
+ fontWeight: 400;
1053
+ lineHeight: "16px";
1054
+ letterSpacing?: undefined;
1055
+ textTransform?: undefined;
1056
+ } | {
590
1057
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
591
1058
  cursor: string | undefined;
592
1059
  fontStyle: string;
1060
+ textDecorationLine?: undefined;
1061
+ color: string;
593
1062
  display: string;
594
1063
  webkitLineClamp: number;
595
1064
  webkitBoxOrient: string;
@@ -600,11 +1069,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
600
1069
  letterSpacing?: undefined;
601
1070
  textTransform?: undefined;
602
1071
  } | {
1072
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1073
+ cursor: string | undefined;
1074
+ fontStyle: string;
1075
+ textDecorationLine: string;
603
1076
  color: string;
604
- textDecoration: string;
1077
+ display?: undefined;
1078
+ webkitLineClamp?: undefined;
1079
+ webkitBoxOrient?: undefined;
1080
+ overflow?: undefined;
1081
+ fontSize: "12px";
1082
+ fontWeight: 400;
1083
+ lineHeight: "16px";
1084
+ letterSpacing?: undefined;
1085
+ textTransform?: undefined;
1086
+ } | {
605
1087
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
606
1088
  cursor: string | undefined;
607
1089
  fontStyle: string;
1090
+ textDecorationLine?: undefined;
1091
+ color: string;
608
1092
  display?: undefined;
609
1093
  webkitLineClamp?: undefined;
610
1094
  webkitBoxOrient?: undefined;
@@ -615,11 +1099,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
615
1099
  letterSpacing?: undefined;
616
1100
  textTransform?: undefined;
617
1101
  } | {
1102
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1103
+ cursor: string | undefined;
1104
+ fontStyle: string;
1105
+ textDecorationLine: string;
618
1106
  color: string;
619
- textDecoration: string;
1107
+ display: string;
1108
+ webkitLineClamp: number;
1109
+ webkitBoxOrient: string;
1110
+ overflow: string;
1111
+ fontSize: "12px";
1112
+ fontWeight: 600;
1113
+ lineHeight: "16px";
1114
+ letterSpacing?: undefined;
1115
+ textTransform?: undefined;
1116
+ } | {
620
1117
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
621
1118
  cursor: string | undefined;
622
1119
  fontStyle: string;
1120
+ textDecorationLine?: undefined;
1121
+ color: string;
623
1122
  display: string;
624
1123
  webkitLineClamp: number;
625
1124
  webkitBoxOrient: string;
@@ -630,11 +1129,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
630
1129
  letterSpacing?: undefined;
631
1130
  textTransform?: undefined;
632
1131
  } | {
1132
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1133
+ cursor: string | undefined;
1134
+ fontStyle: string;
1135
+ textDecorationLine: string;
633
1136
  color: string;
634
- textDecoration: string;
1137
+ display?: undefined;
1138
+ webkitLineClamp?: undefined;
1139
+ webkitBoxOrient?: undefined;
1140
+ overflow?: undefined;
1141
+ fontSize: "12px";
1142
+ fontWeight: 600;
1143
+ lineHeight: "16px";
1144
+ letterSpacing?: undefined;
1145
+ textTransform?: undefined;
1146
+ } | {
635
1147
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
636
1148
  cursor: string | undefined;
637
1149
  fontStyle: string;
1150
+ textDecorationLine?: undefined;
1151
+ color: string;
638
1152
  display?: undefined;
639
1153
  webkitLineClamp?: undefined;
640
1154
  webkitBoxOrient?: undefined;
@@ -645,11 +1159,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
645
1159
  letterSpacing?: undefined;
646
1160
  textTransform?: undefined;
647
1161
  } | {
1162
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1163
+ cursor: string | undefined;
1164
+ fontStyle: string;
1165
+ textDecorationLine: string;
648
1166
  color: string;
649
- textDecoration: string;
1167
+ display: string;
1168
+ webkitLineClamp: number;
1169
+ webkitBoxOrient: string;
1170
+ overflow: string;
1171
+ fontSize: "10px";
1172
+ fontWeight: 600;
1173
+ lineHeight: "12px";
1174
+ letterSpacing: "0.4px";
1175
+ textTransform?: undefined;
1176
+ } | {
650
1177
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
651
1178
  cursor: string | undefined;
652
1179
  fontStyle: string;
1180
+ textDecorationLine?: undefined;
1181
+ color: string;
653
1182
  display: string;
654
1183
  webkitLineClamp: number;
655
1184
  webkitBoxOrient: string;
@@ -660,11 +1189,26 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
660
1189
  letterSpacing: "0.4px";
661
1190
  textTransform?: undefined;
662
1191
  } | {
1192
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
1193
+ cursor: string | undefined;
1194
+ fontStyle: string;
1195
+ textDecorationLine: string;
663
1196
  color: string;
664
- textDecoration: string;
1197
+ display?: undefined;
1198
+ webkitLineClamp?: undefined;
1199
+ webkitBoxOrient?: undefined;
1200
+ overflow?: undefined;
1201
+ fontSize: "10px";
1202
+ fontWeight: 600;
1203
+ lineHeight: "12px";
1204
+ letterSpacing: "0.4px";
1205
+ textTransform?: undefined;
1206
+ } | {
665
1207
  textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
666
1208
  cursor: string | undefined;
667
1209
  fontStyle: string;
1210
+ textDecorationLine?: undefined;
1211
+ color: string;
668
1212
  display?: undefined;
669
1213
  webkitLineClamp?: undefined;
670
1214
  webkitBoxOrient?: undefined;