@cleartrip/ct-design-typography 4.0.0 → 5.0.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 (38) hide show
  1. package/README.md +169 -0
  2. package/dist/Typography.d.ts +2 -2
  3. package/dist/Typography.d.ts.map +1 -1
  4. package/dist/Typography.native.d.ts +6 -0
  5. package/dist/Typography.native.d.ts.map +1 -0
  6. package/dist/constants.d.ts +53 -0
  7. package/dist/constants.d.ts.map +1 -0
  8. package/dist/ct-design-typography.browser.cjs.js +1 -1
  9. package/dist/ct-design-typography.browser.cjs.js.map +1 -1
  10. package/dist/ct-design-typography.browser.esm.js +1 -1
  11. package/dist/ct-design-typography.browser.esm.js.map +1 -1
  12. package/dist/ct-design-typography.cjs.js +103 -55
  13. package/dist/ct-design-typography.cjs.js.map +1 -1
  14. package/dist/ct-design-typography.esm.js +103 -55
  15. package/dist/ct-design-typography.esm.js.map +1 -1
  16. package/dist/ct-design-typography.umd.js +1752 -95
  17. package/dist/ct-design-typography.umd.js.map +1 -1
  18. package/dist/index.d.ts +3 -2
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/style.d.ts +174 -498
  21. package/dist/style.d.ts.map +1 -1
  22. package/dist/type.d.ts +10 -48
  23. package/dist/type.d.ts.map +1 -1
  24. package/package.json +21 -11
  25. package/src/Typography.native.tsx +109 -0
  26. package/src/Typography.tsx +122 -0
  27. package/src/constants.ts +53 -0
  28. package/src/index.ts +4 -0
  29. package/src/style.ts +306 -0
  30. package/src/type.ts +94 -0
  31. package/dist/StyledTypography/StyledTypography.d.ts +0 -8
  32. package/dist/StyledTypography/StyledTypography.d.ts.map +0 -1
  33. package/dist/StyledTypography/index.d.ts +0 -2
  34. package/dist/StyledTypography/index.d.ts.map +0 -1
  35. package/dist/StyledTypography/style.d.ts +0 -6
  36. package/dist/StyledTypography/style.d.ts.map +0 -1
  37. package/dist/StyledTypography/type.d.ts +0 -18
  38. package/dist/StyledTypography/type.d.ts.map +0 -1
package/dist/style.d.ts CHANGED
@@ -1,117 +1,124 @@
1
1
  import type { Theme } from '@cleartrip/ct-design-theme';
2
2
  import { TypographyColorType, TypographyVariantType } from './type';
3
+ import { TextStyle } from '@cleartrip/ct-design-types';
3
4
  export declare const getTypographyVariant: (theme: Theme, variant: TypographyVariantType) => {
4
- fontSize: "48px";
5
- fontWeight: 600;
6
- lineHeight: "56px";
5
+ fontSize: 48;
6
+ fontWeight: "600";
7
+ lineHeight: 56;
7
8
  letterSpacing?: undefined;
8
9
  textTransform?: undefined;
9
10
  } | {
10
- fontSize: "40px";
11
- fontWeight: 600;
12
- lineHeight: "48px";
11
+ fontSize: 40;
12
+ fontWeight: "600";
13
+ lineHeight: 48;
13
14
  letterSpacing?: undefined;
14
15
  textTransform?: undefined;
15
16
  } | {
16
- fontSize: "32px";
17
- fontWeight: 600;
18
- lineHeight: "40px";
17
+ fontSize: 32;
18
+ fontWeight: "600";
19
+ lineHeight: 40;
19
20
  letterSpacing?: undefined;
20
21
  textTransform?: undefined;
21
22
  } | {
22
- fontSize: "24px";
23
- fontWeight: 600;
24
- lineHeight: "32px";
23
+ fontSize: 24;
24
+ fontWeight: "600";
25
+ lineHeight: 32;
25
26
  letterSpacing?: undefined;
26
27
  textTransform?: undefined;
27
28
  } | {
28
- fontSize: "20px";
29
- fontWeight: 600;
30
- lineHeight: "28px";
29
+ fontSize: 20;
30
+ fontWeight: "600";
31
+ lineHeight: 28;
31
32
  letterSpacing?: undefined;
32
33
  textTransform?: undefined;
33
34
  } | {
34
- fontSize: "16px";
35
- fontWeight: 600;
36
- lineHeight: "24px";
35
+ fontSize: 16;
36
+ fontWeight: "600";
37
+ lineHeight: 24;
37
38
  letterSpacing?: undefined;
38
39
  textTransform?: undefined;
39
40
  } | {
40
- fontSize: "14px";
41
- fontWeight: 600;
42
- lineHeight: "20px";
41
+ fontSize: 14;
42
+ fontWeight: "600";
43
+ lineHeight: 20;
43
44
  letterSpacing?: undefined;
44
45
  textTransform?: undefined;
45
46
  } | {
46
- fontSize: "16px";
47
- fontWeight: 500;
48
- lineHeight: "24px";
47
+ fontSize: 16;
48
+ fontWeight: "500";
49
+ lineHeight: 24;
49
50
  letterSpacing?: undefined;
50
51
  textTransform?: undefined;
51
52
  } | {
52
- fontSize: "14px";
53
- fontWeight: 500;
54
- lineHeight: "20px";
53
+ fontSize: 14;
54
+ fontWeight: "500";
55
+ lineHeight: 20;
55
56
  letterSpacing?: undefined;
56
57
  textTransform?: undefined;
57
58
  } | {
58
- fontSize: "12px";
59
- fontWeight: 500;
60
- lineHeight: "16px";
59
+ fontSize: 12;
60
+ fontWeight: "500";
61
+ lineHeight: 16;
61
62
  letterSpacing?: undefined;
62
63
  textTransform?: undefined;
63
64
  } | {
64
- fontSize: "12px";
65
- fontWeight: 600;
66
- lineHeight: "16px";
67
- letterSpacing: "0.4px";
65
+ fontSize: 12;
66
+ fontWeight: "600";
67
+ lineHeight: 16;
68
+ letterSpacing: 0.4;
68
69
  textTransform: string;
69
70
  } | {
70
- fontSize: "10px";
71
- fontWeight: 500;
72
- lineHeight: "14px";
71
+ fontSize: 10;
72
+ fontWeight: "500";
73
+ lineHeight: 14;
73
74
  letterSpacing?: undefined;
74
75
  textTransform?: undefined;
75
76
  } | {
76
- fontSize: "10px";
77
- fontWeight: 600;
78
- lineHeight: "12px";
79
- letterSpacing: "0.4px";
77
+ fontSize: 10;
78
+ fontWeight: "600";
79
+ lineHeight: 12;
80
+ letterSpacing: 0.4;
80
81
  textTransform: string;
81
82
  } | {
82
- fontSize: "16px";
83
- fontWeight: 400;
84
- lineHeight: "22px";
83
+ fontSize: 16;
84
+ fontWeight: "400";
85
+ lineHeight: 22;
85
86
  letterSpacing?: undefined;
86
87
  textTransform?: undefined;
87
88
  } | {
88
- fontSize: "14px";
89
- fontWeight: 400;
90
- lineHeight: "20px";
89
+ fontSize: 14;
90
+ fontWeight: "400";
91
+ lineHeight: 20;
91
92
  letterSpacing?: undefined;
92
93
  textTransform?: undefined;
93
94
  } | {
94
- fontSize: "12px";
95
- fontWeight: 400;
96
- lineHeight: "16px";
95
+ fontSize: 12;
96
+ fontWeight: "400";
97
+ lineHeight: 16;
97
98
  letterSpacing?: undefined;
98
99
  textTransform?: undefined;
99
100
  } | {
100
- fontSize: "12px";
101
- fontWeight: 600;
102
- lineHeight: "16px";
101
+ fontSize: 10;
102
+ fontWeight: "400";
103
+ lineHeight: 14;
103
104
  letterSpacing?: undefined;
104
105
  textTransform?: undefined;
105
106
  } | {
106
- fontSize: "10px";
107
- fontWeight: 600;
108
- lineHeight: "12px";
109
- letterSpacing: "0.4px";
107
+ fontSize: 12;
108
+ fontWeight: "600";
109
+ lineHeight: 16;
110
+ letterSpacing?: undefined;
111
+ textTransform?: undefined;
112
+ } | {
113
+ fontSize: 10;
114
+ fontWeight: "600";
115
+ lineHeight: 12;
116
+ letterSpacing: 0.4;
110
117
  textTransform?: undefined;
111
118
  };
112
119
  export declare const getTypographyColor: (theme: Theme, color: TypographyColorType) => string;
113
120
  export declare const getLineClampStyles: (lineClamp?: number) => {
114
- display: string;
121
+ display: TextStyle["display"];
115
122
  webkitLineClamp: number;
116
123
  webkitBoxOrient: string;
117
124
  overflow: string;
@@ -121,519 +128,188 @@ export declare const getLineClampStyles: (lineClamp?: number) => {
121
128
  webkitBoxOrient?: undefined;
122
129
  overflow?: undefined;
123
130
  };
124
- export declare const getTypographyStyles: ({ theme, variant, color, isClickable, isStriked, colorCode, showInItalics, lineClamp, isDisabled, }: {
131
+ export declare const getTypographyUnderlineOffset: (theme: Theme, variant: TypographyVariantType, isUnderlined?: boolean) => 20 | 16 | 12 | 4 | 8 | undefined;
132
+ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, colorCode, showInItalics, }: {
125
133
  theme: Theme;
126
- variant?: "HD1" | "HD2" | "HD3" | "HM1" | "HM2" | "HM3" | "HM4" | "B1" | "B2" | "B3" | "B3CAPS" | "B4" | "B4CAPS" | "P1" | "P2" | "P3" | "L1" | "L2" | "L3" | "OVERLINE" | "TAG" | undefined;
127
- color?: "disabled" | "link" | "alert" | "heading" | "primary" | "secondary" | "tertiary" | "subheading" | "success" | "warning" | "neutral" | "link2" | "primary2" | undefined;
128
- isClickable?: boolean | undefined;
129
- isStriked?: boolean | undefined;
130
- colorCode?: string | undefined;
131
- showInItalics?: boolean | undefined;
132
- lineClamp?: number | undefined;
133
- isDisabled?: boolean | undefined;
134
+ variant?: TypographyVariantType;
135
+ color?: TypographyColorType;
136
+ isClickable?: boolean;
137
+ isStriked?: boolean;
138
+ isUnderlined?: boolean;
139
+ colorCode?: string;
140
+ showInItalics?: boolean;
141
+ lineClamp?: number;
142
+ isDisabled?: boolean;
134
143
  }) => {
135
144
  color: string;
136
- textDecoration: string;
137
- cursor: string;
138
- fontStyle: string;
139
- display: string;
140
- webkitLineClamp: number;
141
- webkitBoxOrient: string;
142
- overflow: string;
143
- fontSize: "48px";
144
- fontWeight: 600;
145
- lineHeight: "56px";
145
+ textDecorationLine: "none" | "line-through";
146
+ fontStyle: TextStyle["fontStyle"];
147
+ fontSize: 48;
148
+ fontWeight: "600";
149
+ lineHeight: 56;
146
150
  letterSpacing?: undefined;
147
151
  textTransform?: undefined;
148
152
  } | {
149
153
  color: string;
150
- textDecoration: string;
151
- cursor: string;
152
- fontStyle: string;
153
- display?: undefined;
154
- webkitLineClamp?: undefined;
155
- webkitBoxOrient?: undefined;
156
- overflow?: undefined;
157
- fontSize: "48px";
158
- fontWeight: 600;
159
- lineHeight: "56px";
154
+ textDecorationLine: "none" | "line-through";
155
+ fontStyle: TextStyle["fontStyle"];
156
+ fontSize: 40;
157
+ fontWeight: "600";
158
+ lineHeight: 48;
160
159
  letterSpacing?: undefined;
161
160
  textTransform?: undefined;
162
161
  } | {
163
162
  color: string;
164
- textDecoration: string;
165
- cursor: string;
166
- fontStyle: string;
167
- display: string;
168
- webkitLineClamp: number;
169
- webkitBoxOrient: string;
170
- overflow: string;
171
- fontSize: "40px";
172
- fontWeight: 600;
173
- lineHeight: "48px";
163
+ textDecorationLine: "none" | "line-through";
164
+ fontStyle: TextStyle["fontStyle"];
165
+ fontSize: 32;
166
+ fontWeight: "600";
167
+ lineHeight: 40;
174
168
  letterSpacing?: undefined;
175
169
  textTransform?: undefined;
176
170
  } | {
177
171
  color: string;
178
- textDecoration: string;
179
- cursor: string;
180
- fontStyle: string;
181
- display?: undefined;
182
- webkitLineClamp?: undefined;
183
- webkitBoxOrient?: undefined;
184
- overflow?: undefined;
185
- fontSize: "40px";
186
- fontWeight: 600;
187
- lineHeight: "48px";
172
+ textDecorationLine: "none" | "line-through";
173
+ fontStyle: TextStyle["fontStyle"];
174
+ fontSize: 24;
175
+ fontWeight: "600";
176
+ lineHeight: 32;
188
177
  letterSpacing?: undefined;
189
178
  textTransform?: undefined;
190
179
  } | {
191
180
  color: string;
192
- textDecoration: string;
193
- cursor: string;
194
- fontStyle: string;
195
- display: string;
196
- webkitLineClamp: number;
197
- webkitBoxOrient: string;
198
- overflow: string;
199
- fontSize: "32px";
200
- fontWeight: 600;
201
- lineHeight: "40px";
181
+ textDecorationLine: "none" | "line-through";
182
+ fontStyle: TextStyle["fontStyle"];
183
+ fontSize: 20;
184
+ fontWeight: "600";
185
+ lineHeight: 28;
202
186
  letterSpacing?: undefined;
203
187
  textTransform?: undefined;
204
188
  } | {
205
189
  color: string;
206
- textDecoration: string;
207
- cursor: string;
208
- fontStyle: string;
209
- display?: undefined;
210
- webkitLineClamp?: undefined;
211
- webkitBoxOrient?: undefined;
212
- overflow?: undefined;
213
- fontSize: "32px";
214
- fontWeight: 600;
215
- lineHeight: "40px";
216
- letterSpacing?: undefined;
217
- textTransform?: undefined;
218
- } | {
219
- color: string;
220
- textDecoration: string;
221
- cursor: string;
222
- fontStyle: string;
223
- display: string;
224
- webkitLineClamp: number;
225
- webkitBoxOrient: string;
226
- overflow: string;
227
- fontSize: "24px";
228
- fontWeight: 600;
229
- lineHeight: "32px";
230
- letterSpacing?: undefined;
231
- textTransform?: undefined;
232
- } | {
233
- color: string;
234
- textDecoration: string;
235
- cursor: string;
236
- fontStyle: string;
237
- display?: undefined;
238
- webkitLineClamp?: undefined;
239
- webkitBoxOrient?: undefined;
240
- overflow?: undefined;
241
- fontSize: "24px";
242
- fontWeight: 600;
243
- lineHeight: "32px";
244
- letterSpacing?: undefined;
245
- textTransform?: undefined;
246
- } | {
247
- color: string;
248
- textDecoration: string;
249
- cursor: string;
250
- fontStyle: string;
251
- display: string;
252
- webkitLineClamp: number;
253
- webkitBoxOrient: string;
254
- overflow: string;
255
- fontSize: "20px";
256
- fontWeight: 600;
257
- lineHeight: "28px";
258
- letterSpacing?: undefined;
259
- textTransform?: undefined;
260
- } | {
261
- color: string;
262
- textDecoration: string;
263
- cursor: string;
264
- fontStyle: string;
265
- display?: undefined;
266
- webkitLineClamp?: undefined;
267
- webkitBoxOrient?: undefined;
268
- overflow?: undefined;
269
- fontSize: "20px";
270
- fontWeight: 600;
271
- lineHeight: "28px";
272
- letterSpacing?: undefined;
273
- textTransform?: undefined;
274
- } | {
275
- color: string;
276
- textDecoration: string;
277
- cursor: string;
278
- fontStyle: string;
279
- display: string;
280
- webkitLineClamp: number;
281
- webkitBoxOrient: string;
282
- overflow: string;
283
- fontSize: "16px";
284
- fontWeight: 600;
285
- lineHeight: "24px";
286
- letterSpacing?: undefined;
287
- textTransform?: undefined;
288
- } | {
289
- color: string;
290
- textDecoration: string;
291
- cursor: string;
292
- fontStyle: string;
293
- display?: undefined;
294
- webkitLineClamp?: undefined;
295
- webkitBoxOrient?: undefined;
296
- overflow?: undefined;
297
- fontSize: "16px";
298
- fontWeight: 600;
299
- lineHeight: "24px";
300
- letterSpacing?: undefined;
301
- textTransform?: undefined;
302
- } | {
303
- color: string;
304
- textDecoration: string;
305
- cursor: string;
306
- fontStyle: string;
307
- display: string;
308
- webkitLineClamp: number;
309
- webkitBoxOrient: string;
310
- overflow: string;
311
- fontSize: "14px";
312
- fontWeight: 600;
313
- lineHeight: "20px";
314
- letterSpacing?: undefined;
315
- textTransform?: undefined;
316
- } | {
317
- color: string;
318
- textDecoration: string;
319
- cursor: string;
320
- fontStyle: string;
321
- display?: undefined;
322
- webkitLineClamp?: undefined;
323
- webkitBoxOrient?: undefined;
324
- overflow?: undefined;
325
- fontSize: "14px";
326
- fontWeight: 600;
327
- lineHeight: "20px";
328
- letterSpacing?: undefined;
329
- textTransform?: undefined;
330
- } | {
331
- color: string;
332
- textDecoration: string;
333
- cursor: string;
334
- fontStyle: string;
335
- display: string;
336
- webkitLineClamp: number;
337
- webkitBoxOrient: string;
338
- overflow: string;
339
- fontSize: "16px";
340
- fontWeight: 500;
341
- lineHeight: "24px";
342
- letterSpacing?: undefined;
343
- textTransform?: undefined;
344
- } | {
345
- color: string;
346
- textDecoration: string;
347
- cursor: string;
348
- fontStyle: string;
349
- display?: undefined;
350
- webkitLineClamp?: undefined;
351
- webkitBoxOrient?: undefined;
352
- overflow?: undefined;
353
- fontSize: "16px";
354
- fontWeight: 500;
355
- lineHeight: "24px";
190
+ textDecorationLine: "none" | "line-through";
191
+ fontStyle: TextStyle["fontStyle"];
192
+ fontSize: 16;
193
+ fontWeight: "600";
194
+ lineHeight: 24;
356
195
  letterSpacing?: undefined;
357
196
  textTransform?: undefined;
358
197
  } | {
359
198
  color: string;
360
- textDecoration: string;
361
- cursor: string;
362
- fontStyle: string;
363
- display: string;
364
- webkitLineClamp: number;
365
- webkitBoxOrient: string;
366
- overflow: string;
367
- fontSize: "14px";
368
- fontWeight: 500;
369
- lineHeight: "20px";
199
+ textDecorationLine: "none" | "line-through";
200
+ fontStyle: TextStyle["fontStyle"];
201
+ fontSize: 14;
202
+ fontWeight: "600";
203
+ lineHeight: 20;
370
204
  letterSpacing?: undefined;
371
205
  textTransform?: undefined;
372
206
  } | {
373
207
  color: string;
374
- textDecoration: string;
375
- cursor: string;
376
- fontStyle: string;
377
- display?: undefined;
378
- webkitLineClamp?: undefined;
379
- webkitBoxOrient?: undefined;
380
- overflow?: undefined;
381
- fontSize: "14px";
382
- fontWeight: 500;
383
- lineHeight: "20px";
208
+ textDecorationLine: "none" | "line-through";
209
+ fontStyle: TextStyle["fontStyle"];
210
+ fontSize: 16;
211
+ fontWeight: "500";
212
+ lineHeight: 24;
384
213
  letterSpacing?: undefined;
385
214
  textTransform?: undefined;
386
215
  } | {
387
216
  color: string;
388
- textDecoration: string;
389
- cursor: string;
390
- fontStyle: string;
391
- display: string;
392
- webkitLineClamp: number;
393
- webkitBoxOrient: string;
394
- overflow: string;
395
- fontSize: "12px";
396
- fontWeight: 500;
397
- lineHeight: "16px";
217
+ textDecorationLine: "none" | "line-through";
218
+ fontStyle: TextStyle["fontStyle"];
219
+ fontSize: 14;
220
+ fontWeight: "500";
221
+ lineHeight: 20;
398
222
  letterSpacing?: undefined;
399
223
  textTransform?: undefined;
400
224
  } | {
401
225
  color: string;
402
- textDecoration: string;
403
- cursor: string;
404
- fontStyle: string;
405
- display?: undefined;
406
- webkitLineClamp?: undefined;
407
- webkitBoxOrient?: undefined;
408
- overflow?: undefined;
409
- fontSize: "12px";
410
- fontWeight: 500;
411
- lineHeight: "16px";
226
+ textDecorationLine: "none" | "line-through";
227
+ fontStyle: TextStyle["fontStyle"];
228
+ fontSize: 12;
229
+ fontWeight: "500";
230
+ lineHeight: 16;
412
231
  letterSpacing?: undefined;
413
232
  textTransform?: undefined;
414
233
  } | {
415
234
  color: string;
416
- textDecoration: string;
417
- cursor: string;
418
- fontStyle: string;
419
- display: string;
420
- webkitLineClamp: number;
421
- webkitBoxOrient: string;
422
- overflow: string;
423
- fontSize: "12px";
424
- fontWeight: 600;
425
- lineHeight: "16px";
426
- letterSpacing: "0.4px";
235
+ textDecorationLine: "none" | "line-through";
236
+ fontStyle: TextStyle["fontStyle"];
237
+ fontSize: 12;
238
+ fontWeight: "600";
239
+ lineHeight: 16;
240
+ letterSpacing: 0.4;
427
241
  textTransform: string;
428
242
  } | {
429
243
  color: string;
430
- textDecoration: string;
431
- cursor: string;
432
- fontStyle: string;
433
- display?: undefined;
434
- webkitLineClamp?: undefined;
435
- webkitBoxOrient?: undefined;
436
- overflow?: undefined;
437
- fontSize: "12px";
438
- fontWeight: 600;
439
- lineHeight: "16px";
440
- letterSpacing: "0.4px";
441
- textTransform: string;
442
- } | {
443
- color: string;
444
- textDecoration: string;
445
- cursor: string;
446
- fontStyle: string;
447
- display: string;
448
- webkitLineClamp: number;
449
- webkitBoxOrient: string;
450
- overflow: string;
451
- fontSize: "10px";
452
- fontWeight: 500;
453
- lineHeight: "14px";
454
- letterSpacing?: undefined;
455
- textTransform?: undefined;
456
- } | {
457
- color: string;
458
- textDecoration: string;
459
- cursor: string;
460
- fontStyle: string;
461
- display?: undefined;
462
- webkitLineClamp?: undefined;
463
- webkitBoxOrient?: undefined;
464
- overflow?: undefined;
465
- fontSize: "10px";
466
- fontWeight: 500;
467
- lineHeight: "14px";
244
+ textDecorationLine: "none" | "line-through";
245
+ fontStyle: TextStyle["fontStyle"];
246
+ fontSize: 10;
247
+ fontWeight: "500";
248
+ lineHeight: 14;
468
249
  letterSpacing?: undefined;
469
250
  textTransform?: undefined;
470
251
  } | {
471
252
  color: string;
472
- textDecoration: string;
473
- cursor: string;
474
- fontStyle: string;
475
- display: string;
476
- webkitLineClamp: number;
477
- webkitBoxOrient: string;
478
- overflow: string;
479
- fontSize: "10px";
480
- fontWeight: 600;
481
- lineHeight: "12px";
482
- letterSpacing: "0.4px";
483
- textTransform: string;
484
- } | {
485
- color: string;
486
- textDecoration: string;
487
- cursor: string;
488
- fontStyle: string;
489
- display?: undefined;
490
- webkitLineClamp?: undefined;
491
- webkitBoxOrient?: undefined;
492
- overflow?: undefined;
493
- fontSize: "10px";
494
- fontWeight: 600;
495
- lineHeight: "12px";
496
- letterSpacing: "0.4px";
253
+ textDecorationLine: "none" | "line-through";
254
+ fontStyle: TextStyle["fontStyle"];
255
+ fontSize: 10;
256
+ fontWeight: "600";
257
+ lineHeight: 12;
258
+ letterSpacing: 0.4;
497
259
  textTransform: string;
498
260
  } | {
499
261
  color: string;
500
- textDecoration: string;
501
- cursor: string;
502
- fontStyle: string;
503
- display: string;
504
- webkitLineClamp: number;
505
- webkitBoxOrient: string;
506
- overflow: string;
507
- fontSize: "16px";
508
- fontWeight: 400;
509
- lineHeight: "22px";
510
- letterSpacing?: undefined;
511
- textTransform?: undefined;
512
- } | {
513
- color: string;
514
- textDecoration: string;
515
- cursor: string;
516
- fontStyle: string;
517
- display?: undefined;
518
- webkitLineClamp?: undefined;
519
- webkitBoxOrient?: undefined;
520
- overflow?: undefined;
521
- fontSize: "16px";
522
- fontWeight: 400;
523
- lineHeight: "22px";
524
- letterSpacing?: undefined;
525
- textTransform?: undefined;
526
- } | {
527
- color: string;
528
- textDecoration: string;
529
- cursor: string;
530
- fontStyle: string;
531
- display: string;
532
- webkitLineClamp: number;
533
- webkitBoxOrient: string;
534
- overflow: string;
535
- fontSize: "14px";
536
- fontWeight: 400;
537
- lineHeight: "20px";
538
- letterSpacing?: undefined;
539
- textTransform?: undefined;
540
- } | {
541
- color: string;
542
- textDecoration: string;
543
- cursor: string;
544
- fontStyle: string;
545
- display?: undefined;
546
- webkitLineClamp?: undefined;
547
- webkitBoxOrient?: undefined;
548
- overflow?: undefined;
549
- fontSize: "14px";
550
- fontWeight: 400;
551
- lineHeight: "20px";
262
+ textDecorationLine: "none" | "line-through";
263
+ fontStyle: TextStyle["fontStyle"];
264
+ fontSize: 16;
265
+ fontWeight: "400";
266
+ lineHeight: 22;
552
267
  letterSpacing?: undefined;
553
268
  textTransform?: undefined;
554
269
  } | {
555
270
  color: string;
556
- textDecoration: string;
557
- cursor: string;
558
- fontStyle: string;
559
- display: string;
560
- webkitLineClamp: number;
561
- webkitBoxOrient: string;
562
- overflow: string;
563
- fontSize: "12px";
564
- fontWeight: 400;
565
- lineHeight: "16px";
271
+ textDecorationLine: "none" | "line-through";
272
+ fontStyle: TextStyle["fontStyle"];
273
+ fontSize: 14;
274
+ fontWeight: "400";
275
+ lineHeight: 20;
566
276
  letterSpacing?: undefined;
567
277
  textTransform?: undefined;
568
278
  } | {
569
279
  color: string;
570
- textDecoration: string;
571
- cursor: string;
572
- fontStyle: string;
573
- display?: undefined;
574
- webkitLineClamp?: undefined;
575
- webkitBoxOrient?: undefined;
576
- overflow?: undefined;
577
- fontSize: "12px";
578
- fontWeight: 400;
579
- lineHeight: "16px";
280
+ textDecorationLine: "none" | "line-through";
281
+ fontStyle: TextStyle["fontStyle"];
282
+ fontSize: 12;
283
+ fontWeight: "400";
284
+ lineHeight: 16;
580
285
  letterSpacing?: undefined;
581
286
  textTransform?: undefined;
582
287
  } | {
583
288
  color: string;
584
- textDecoration: string;
585
- cursor: string;
586
- fontStyle: string;
587
- display: string;
588
- webkitLineClamp: number;
589
- webkitBoxOrient: string;
590
- overflow: string;
591
- fontSize: "12px";
592
- fontWeight: 600;
593
- lineHeight: "16px";
289
+ textDecorationLine: "none" | "line-through";
290
+ fontStyle: TextStyle["fontStyle"];
291
+ fontSize: 10;
292
+ fontWeight: "400";
293
+ lineHeight: 14;
594
294
  letterSpacing?: undefined;
595
295
  textTransform?: undefined;
596
296
  } | {
597
297
  color: string;
598
- textDecoration: string;
599
- cursor: string;
600
- fontStyle: string;
601
- display?: undefined;
602
- webkitLineClamp?: undefined;
603
- webkitBoxOrient?: undefined;
604
- overflow?: undefined;
605
- fontSize: "12px";
606
- fontWeight: 600;
607
- lineHeight: "16px";
298
+ textDecorationLine: "none" | "line-through";
299
+ fontStyle: TextStyle["fontStyle"];
300
+ fontSize: 12;
301
+ fontWeight: "600";
302
+ lineHeight: 16;
608
303
  letterSpacing?: undefined;
609
304
  textTransform?: undefined;
610
305
  } | {
611
306
  color: string;
612
- textDecoration: string;
613
- cursor: string;
614
- fontStyle: string;
615
- display: string;
616
- webkitLineClamp: number;
617
- webkitBoxOrient: string;
618
- overflow: string;
619
- fontSize: "10px";
620
- fontWeight: 600;
621
- lineHeight: "12px";
622
- letterSpacing: "0.4px";
623
- textTransform?: undefined;
624
- } | {
625
- color: string;
626
- textDecoration: string;
627
- cursor: string;
628
- fontStyle: string;
629
- display?: undefined;
630
- webkitLineClamp?: undefined;
631
- webkitBoxOrient?: undefined;
632
- overflow?: undefined;
633
- fontSize: "10px";
634
- fontWeight: 600;
635
- lineHeight: "12px";
636
- letterSpacing: "0.4px";
307
+ textDecorationLine: "none" | "line-through";
308
+ fontStyle: TextStyle["fontStyle"];
309
+ fontSize: 10;
310
+ fontWeight: "600";
311
+ lineHeight: 12;
312
+ letterSpacing: 0.4;
637
313
  textTransform?: undefined;
638
314
  };
639
315
  //# sourceMappingURL=style.d.ts.map