@cleartrip/ct-design-typography 3.22.0-SNAPSHOT-textbox.0 → 3.22.0-SNAPSHOT-SMThemeChanges.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 (18) hide show
  1. package/dist/StyledTypography/StyledTypography.d.ts.map +1 -1
  2. package/dist/StyledTypography/style.d.ts +1 -1
  3. package/dist/StyledTypography/style.d.ts.map +1 -1
  4. package/dist/StyledTypography/type.d.ts +1 -0
  5. package/dist/StyledTypography/type.d.ts.map +1 -1
  6. package/dist/ct-design-typography.browser.cjs.js +1 -1
  7. package/dist/ct-design-typography.browser.cjs.js.map +1 -1
  8. package/dist/ct-design-typography.browser.esm.js +1 -1
  9. package/dist/ct-design-typography.browser.esm.js.map +1 -1
  10. package/dist/ct-design-typography.cjs.js +99 -4
  11. package/dist/ct-design-typography.cjs.js.map +1 -1
  12. package/dist/ct-design-typography.esm.js +99 -4
  13. package/dist/ct-design-typography.esm.js.map +1 -1
  14. package/dist/ct-design-typography.umd.js +99 -4
  15. package/dist/ct-design-typography.umd.js.map +1 -1
  16. package/dist/style.d.ts +38 -0
  17. package/dist/style.d.ts.map +1 -1
  18. package/package.json +5 -5
package/dist/style.d.ts CHANGED
@@ -109,6 +109,7 @@ 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) => string;
112
113
  export declare const getTypographyColor: (theme: Theme, color: TypographyColorType) => string;
113
114
  export declare const getLineClampStyles: (lineClamp?: number) => {
114
115
  display: string;
@@ -121,6 +122,7 @@ export declare const getLineClampStyles: (lineClamp?: number) => {
121
122
  webkitBoxOrient?: undefined;
122
123
  overflow?: undefined;
123
124
  };
125
+ export declare const getTypographyUnderlineOffset: (theme: Theme, variant: TypographyVariantType, isUnderlined?: boolean) => "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
124
126
  export declare const getTypographyStyles: ({ theme, variant, color, isClickable, isStriked, colorCode, showInItalics, lineClamp, isDisabled, }: {
125
127
  theme: Theme;
126
128
  variant?: "HD1" | "HD2" | "HD3" | "HM1" | "HM2" | "HM3" | "HM4" | "B1" | "B2" | "B3" | "B3CAPS" | "B4" | "B4CAPS" | "P1" | "P2" | "P3" | "L1" | "L2" | "L3" | "OVERLINE" | "TAG" | undefined;
@@ -134,6 +136,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
134
136
  }) => {
135
137
  color: string;
136
138
  textDecoration: string;
139
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
137
140
  cursor: string | undefined;
138
141
  fontStyle: string;
139
142
  display: string;
@@ -148,6 +151,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
148
151
  } | {
149
152
  color: string;
150
153
  textDecoration: string;
154
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
151
155
  cursor: string | undefined;
152
156
  fontStyle: string;
153
157
  display?: undefined;
@@ -162,6 +166,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
162
166
  } | {
163
167
  color: string;
164
168
  textDecoration: string;
169
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
165
170
  cursor: string | undefined;
166
171
  fontStyle: string;
167
172
  display: string;
@@ -176,6 +181,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
176
181
  } | {
177
182
  color: string;
178
183
  textDecoration: string;
184
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
179
185
  cursor: string | undefined;
180
186
  fontStyle: string;
181
187
  display?: undefined;
@@ -190,6 +196,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
190
196
  } | {
191
197
  color: string;
192
198
  textDecoration: string;
199
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
193
200
  cursor: string | undefined;
194
201
  fontStyle: string;
195
202
  display: string;
@@ -204,6 +211,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
204
211
  } | {
205
212
  color: string;
206
213
  textDecoration: string;
214
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
207
215
  cursor: string | undefined;
208
216
  fontStyle: string;
209
217
  display?: undefined;
@@ -218,6 +226,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
218
226
  } | {
219
227
  color: string;
220
228
  textDecoration: string;
229
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
221
230
  cursor: string | undefined;
222
231
  fontStyle: string;
223
232
  display: string;
@@ -232,6 +241,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
232
241
  } | {
233
242
  color: string;
234
243
  textDecoration: string;
244
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
235
245
  cursor: string | undefined;
236
246
  fontStyle: string;
237
247
  display?: undefined;
@@ -246,6 +256,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
246
256
  } | {
247
257
  color: string;
248
258
  textDecoration: string;
259
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
249
260
  cursor: string | undefined;
250
261
  fontStyle: string;
251
262
  display: string;
@@ -260,6 +271,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
260
271
  } | {
261
272
  color: string;
262
273
  textDecoration: string;
274
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
263
275
  cursor: string | undefined;
264
276
  fontStyle: string;
265
277
  display?: undefined;
@@ -274,6 +286,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
274
286
  } | {
275
287
  color: string;
276
288
  textDecoration: string;
289
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
277
290
  cursor: string | undefined;
278
291
  fontStyle: string;
279
292
  display: string;
@@ -288,6 +301,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
288
301
  } | {
289
302
  color: string;
290
303
  textDecoration: string;
304
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
291
305
  cursor: string | undefined;
292
306
  fontStyle: string;
293
307
  display?: undefined;
@@ -302,6 +316,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
302
316
  } | {
303
317
  color: string;
304
318
  textDecoration: string;
319
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
305
320
  cursor: string | undefined;
306
321
  fontStyle: string;
307
322
  display: string;
@@ -316,6 +331,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
316
331
  } | {
317
332
  color: string;
318
333
  textDecoration: string;
334
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
319
335
  cursor: string | undefined;
320
336
  fontStyle: string;
321
337
  display?: undefined;
@@ -330,6 +346,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
330
346
  } | {
331
347
  color: string;
332
348
  textDecoration: string;
349
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
333
350
  cursor: string | undefined;
334
351
  fontStyle: string;
335
352
  display: string;
@@ -344,6 +361,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
344
361
  } | {
345
362
  color: string;
346
363
  textDecoration: string;
364
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
347
365
  cursor: string | undefined;
348
366
  fontStyle: string;
349
367
  display?: undefined;
@@ -358,6 +376,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
358
376
  } | {
359
377
  color: string;
360
378
  textDecoration: string;
379
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
361
380
  cursor: string | undefined;
362
381
  fontStyle: string;
363
382
  display: string;
@@ -372,6 +391,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
372
391
  } | {
373
392
  color: string;
374
393
  textDecoration: string;
394
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
375
395
  cursor: string | undefined;
376
396
  fontStyle: string;
377
397
  display?: undefined;
@@ -386,6 +406,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
386
406
  } | {
387
407
  color: string;
388
408
  textDecoration: string;
409
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
389
410
  cursor: string | undefined;
390
411
  fontStyle: string;
391
412
  display: string;
@@ -400,6 +421,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
400
421
  } | {
401
422
  color: string;
402
423
  textDecoration: string;
424
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
403
425
  cursor: string | undefined;
404
426
  fontStyle: string;
405
427
  display?: undefined;
@@ -414,6 +436,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
414
436
  } | {
415
437
  color: string;
416
438
  textDecoration: string;
439
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
417
440
  cursor: string | undefined;
418
441
  fontStyle: string;
419
442
  display: string;
@@ -428,6 +451,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
428
451
  } | {
429
452
  color: string;
430
453
  textDecoration: string;
454
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
431
455
  cursor: string | undefined;
432
456
  fontStyle: string;
433
457
  display?: undefined;
@@ -442,6 +466,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
442
466
  } | {
443
467
  color: string;
444
468
  textDecoration: string;
469
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
445
470
  cursor: string | undefined;
446
471
  fontStyle: string;
447
472
  display: string;
@@ -456,6 +481,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
456
481
  } | {
457
482
  color: string;
458
483
  textDecoration: string;
484
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
459
485
  cursor: string | undefined;
460
486
  fontStyle: string;
461
487
  display?: undefined;
@@ -470,6 +496,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
470
496
  } | {
471
497
  color: string;
472
498
  textDecoration: string;
499
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
473
500
  cursor: string | undefined;
474
501
  fontStyle: string;
475
502
  display: string;
@@ -484,6 +511,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
484
511
  } | {
485
512
  color: string;
486
513
  textDecoration: string;
514
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
487
515
  cursor: string | undefined;
488
516
  fontStyle: string;
489
517
  display?: undefined;
@@ -498,6 +526,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
498
526
  } | {
499
527
  color: string;
500
528
  textDecoration: string;
529
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
501
530
  cursor: string | undefined;
502
531
  fontStyle: string;
503
532
  display: string;
@@ -512,6 +541,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
512
541
  } | {
513
542
  color: string;
514
543
  textDecoration: string;
544
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
515
545
  cursor: string | undefined;
516
546
  fontStyle: string;
517
547
  display?: undefined;
@@ -526,6 +556,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
526
556
  } | {
527
557
  color: string;
528
558
  textDecoration: string;
559
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
529
560
  cursor: string | undefined;
530
561
  fontStyle: string;
531
562
  display: string;
@@ -540,6 +571,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
540
571
  } | {
541
572
  color: string;
542
573
  textDecoration: string;
574
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
543
575
  cursor: string | undefined;
544
576
  fontStyle: string;
545
577
  display?: undefined;
@@ -554,6 +586,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
554
586
  } | {
555
587
  color: string;
556
588
  textDecoration: string;
589
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
557
590
  cursor: string | undefined;
558
591
  fontStyle: string;
559
592
  display: string;
@@ -568,6 +601,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
568
601
  } | {
569
602
  color: string;
570
603
  textDecoration: string;
604
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
571
605
  cursor: string | undefined;
572
606
  fontStyle: string;
573
607
  display?: undefined;
@@ -582,6 +616,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
582
616
  } | {
583
617
  color: string;
584
618
  textDecoration: string;
619
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
585
620
  cursor: string | undefined;
586
621
  fontStyle: string;
587
622
  display: string;
@@ -596,6 +631,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
596
631
  } | {
597
632
  color: string;
598
633
  textDecoration: string;
634
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
599
635
  cursor: string | undefined;
600
636
  fontStyle: string;
601
637
  display?: undefined;
@@ -610,6 +646,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
610
646
  } | {
611
647
  color: string;
612
648
  textDecoration: string;
649
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
613
650
  cursor: string | undefined;
614
651
  fontStyle: string;
615
652
  display: string;
@@ -624,6 +661,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isClickable,
624
661
  } | {
625
662
  color: string;
626
663
  textDecoration: string;
664
+ textUnderlineOffset: "20px" | "16px" | "12px" | "8px" | "4px" | undefined;
627
665
  cursor: string | undefined;
628
666
  fontStyle: string;
629
667
  display?: undefined;
package/dist/style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAmB,mBAAmB,EAAqB,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAExG,eAAO,MAAM,oBAAoB,UAAW,KAAK,WAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,SAAS,mBAAmB,WAsD1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAAgB,MAAM;;;;;;;;;;CAWpD,CAAC;AAEF,eAAO,MAAM,mBAAmB;WAWvB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBb,CAAC"}
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAmB,mBAAmB,EAAqB,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAExG,eAAO,MAAM,oBAAoB,UAAW,KAAK,WAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKhF,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAAW,KAAK,SAAS,mBAAmB,cAAc,OAAO,WAwEzG,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,SAAS,mBAAmB,WAsD1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAAgB,MAAM;;;;;;;;;;CAWpD,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAAW,KAAK,WAAW,qBAAqB,iBAAiB,OAAO,yDAmBhH,CAAC;AAEF,eAAO,MAAM,mBAAmB;WAWvB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBb,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cleartrip/ct-design-typography",
3
- "version": "3.22.0-SNAPSHOT-textbox.0",
3
+ "version": "3.22.0-SNAPSHOT-SMThemeChanges.0",
4
4
  "description": "",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/ct-design-typography.cjs.js",
@@ -15,10 +15,10 @@
15
15
  "dist"
16
16
  ],
17
17
  "dependencies": {
18
- "@cleartrip/ct-design-types": "3.20.0",
19
- "@cleartrip/ct-design-theme": "3.20.0",
20
- "@cleartrip/ct-design-conditional-wrap": "3.21.0-SNAPSHOT-textbox.0",
21
- "@cleartrip/ct-design-container": "3.21.0-SNAPSHOT-textbox.0"
18
+ "@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-SMThemeChanges.0",
19
+ "@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-SMThemeChanges.0",
20
+ "@cleartrip/ct-design-conditional-wrap": "3.21.0-SNAPSHOT-SMThemeChanges.0",
21
+ "@cleartrip/ct-design-container": "3.21.0-SNAPSHOT-SMThemeChanges.0"
22
22
  },
23
23
  "devDependencies": {},
24
24
  "peerDependencies": {