@razorpay/blade 10.4.4 → 10.5.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 (27) hide show
  1. package/build/components/index.d.ts +73 -15
  2. package/build/components/index.development.web.js +204 -108
  3. package/build/components/index.development.web.js.map +1 -1
  4. package/build/components/index.native.d.ts +73 -15
  5. package/build/components/index.native.js +13 -11
  6. package/build/components/index.native.js.map +1 -1
  7. package/build/components/index.production.web.js +204 -108
  8. package/build/components/index.production.web.js.map +1 -1
  9. package/build/css/bankingThemeDarkDesktop.css +9 -1
  10. package/build/css/bankingThemeDarkMobile.css +9 -1
  11. package/build/css/bankingThemeLightDesktop.css +9 -1
  12. package/build/css/bankingThemeLightMobile.css +9 -1
  13. package/build/css/paymentThemeDarkDesktop.css +9 -1
  14. package/build/css/paymentThemeDarkMobile.css +9 -1
  15. package/build/css/paymentThemeLightDesktop.css +9 -1
  16. package/build/css/paymentThemeLightMobile.css +9 -1
  17. package/build/tokens/index.d.ts +80 -0
  18. package/build/tokens/index.development.web.js +20 -4
  19. package/build/tokens/index.development.web.js.map +1 -1
  20. package/build/tokens/index.native.d.ts +80 -0
  21. package/build/tokens/index.native.js +1 -1
  22. package/build/tokens/index.native.js.map +1 -1
  23. package/build/tokens/index.production.web.js +20 -4
  24. package/build/tokens/index.production.web.js.map +1 -1
  25. package/build/utils/index.d.ts +40 -0
  26. package/build/utils/index.native.d.ts +40 -0
  27. package/package.json +1 -1
package/build/css/bankingThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 2rem;
552
552
  --typography-fonts-size-900: 2.25rem;
553
553
  --typography-fonts-size-1000: 2.5rem;
554
+ --typography-fonts-size-1100: 3rem;
555
+ --typography-fonts-size-1200: 3.5rem;
556
+ --typography-fonts-size-1300: 4rem;
557
+ --typography-fonts-size-1600: 5.5rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2.5rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 3rem;
572
+ --typography-line-heights-900: 3.5rem;
573
+ --typography-line-heights-1000: 4rem;
574
+ --typography-line-heights-1100: 4.5rem;
575
+ --typography-line-heights-1500: 6.5rem;
568
576
  }
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 1.75rem;
552
552
  --typography-fonts-size-900: 2rem;
553
553
  --typography-fonts-size-1000: 2rem;
554
+ --typography-fonts-size-1100: 2.5rem;
555
+ --typography-fonts-size-1200: 3rem;
556
+ --typography-fonts-size-1300: 3.5rem;
557
+ --typography-fonts-size-1600: 4rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 2.5rem;
572
+ --typography-line-heights-900: 3rem;
573
+ --typography-line-heights-1000: 3.5rem;
574
+ --typography-line-heights-1100: 4rem;
575
+ --typography-line-heights-1500: 4.5rem;
568
576
  }
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 2rem;
552
552
  --typography-fonts-size-900: 2.25rem;
553
553
  --typography-fonts-size-1000: 2.5rem;
554
+ --typography-fonts-size-1100: 3rem;
555
+ --typography-fonts-size-1200: 3.5rem;
556
+ --typography-fonts-size-1300: 4rem;
557
+ --typography-fonts-size-1600: 5.5rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2.5rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 3rem;
572
+ --typography-line-heights-900: 3.5rem;
573
+ --typography-line-heights-1000: 4rem;
574
+ --typography-line-heights-1100: 4.5rem;
575
+ --typography-line-heights-1500: 6.5rem;
568
576
  }
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 1.75rem;
552
552
  --typography-fonts-size-900: 2rem;
553
553
  --typography-fonts-size-1000: 2rem;
554
+ --typography-fonts-size-1100: 2.5rem;
555
+ --typography-fonts-size-1200: 3rem;
556
+ --typography-fonts-size-1300: 3.5rem;
557
+ --typography-fonts-size-1600: 4rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 2.5rem;
572
+ --typography-line-heights-900: 3rem;
573
+ --typography-line-heights-1000: 3.5rem;
574
+ --typography-line-heights-1100: 4rem;
575
+ --typography-line-heights-1500: 4.5rem;
568
576
  }
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 2rem;
552
552
  --typography-fonts-size-900: 2.25rem;
553
553
  --typography-fonts-size-1000: 2.5rem;
554
+ --typography-fonts-size-1100: 3rem;
555
+ --typography-fonts-size-1200: 3.5rem;
556
+ --typography-fonts-size-1300: 4rem;
557
+ --typography-fonts-size-1600: 5.5rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2.5rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 3rem;
572
+ --typography-line-heights-900: 3.5rem;
573
+ --typography-line-heights-1000: 4rem;
574
+ --typography-line-heights-1100: 4.5rem;
575
+ --typography-line-heights-1500: 6.5rem;
568
576
  }
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 1.75rem;
552
552
  --typography-fonts-size-900: 2rem;
553
553
  --typography-fonts-size-1000: 2rem;
554
+ --typography-fonts-size-1100: 2.5rem;
555
+ --typography-fonts-size-1200: 3rem;
556
+ --typography-fonts-size-1300: 3.5rem;
557
+ --typography-fonts-size-1600: 4rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 2.5rem;
572
+ --typography-line-heights-900: 3rem;
573
+ --typography-line-heights-1000: 3.5rem;
574
+ --typography-line-heights-1100: 4rem;
575
+ --typography-line-heights-1500: 4.5rem;
568
576
  }
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 2rem;
552
552
  --typography-fonts-size-900: 2.25rem;
553
553
  --typography-fonts-size-1000: 2.5rem;
554
+ --typography-fonts-size-1100: 3rem;
555
+ --typography-fonts-size-1200: 3.5rem;
556
+ --typography-fonts-size-1300: 4rem;
557
+ --typography-fonts-size-1600: 5.5rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2.5rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 3rem;
572
+ --typography-line-heights-900: 3.5rem;
573
+ --typography-line-heights-1000: 4rem;
574
+ --typography-line-heights-1100: 4.5rem;
575
+ --typography-line-heights-1500: 6.5rem;
568
576
  }
package/build/css/paymentThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Sep 2023 07:55:40 GMT
3
+ * Generated on Mon, 04 Sep 2023 12:12:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -551,6 +551,10 @@
551
551
  --typography-fonts-size-800: 1.75rem;
552
552
  --typography-fonts-size-900: 2rem;
553
553
  --typography-fonts-size-1000: 2rem;
554
+ --typography-fonts-size-1100: 2.5rem;
555
+ --typography-fonts-size-1200: 3rem;
556
+ --typography-fonts-size-1300: 3.5rem;
557
+ --typography-fonts-size-1600: 4rem;
554
558
  --typography-fonts-weight-regular: 400;
555
559
  --typography-fonts-weight-bold: 700;
556
560
  --typography-line-heights-0: 0rem;
@@ -565,4 +569,8 @@
565
569
  --typography-line-heights-600: 2rem;
566
570
  --typography-line-heights-700: 2.5rem;
567
571
  --typography-line-heights-800: 2.5rem;
572
+ --typography-line-heights-900: 3rem;
573
+ --typography-line-heights-1000: 3.5rem;
574
+ --typography-line-heights-1100: 4rem;
575
+ --typography-line-heights-1500: 4.5rem;
568
576
  }
package/build/tokens/index.d.ts CHANGED
@@ -276,6 +276,26 @@ declare type FontSize$1 = {
276
276
  * mobile: 32(px/rem/pt)
277
277
  */
278
278
  1000: number;
279
+ /** desktop: 48(px/rem/pt)
280
+ *
281
+ * mobile: 40(px/rem/pt)
282
+ */
283
+ 1100: number;
284
+ /** desktop: 56(px/rem/pt)
285
+ *
286
+ * mobile: 48(px/rem/pt)
287
+ */
288
+ 1200: number;
289
+ /** desktop: 64(px/rem/pt)
290
+ *
291
+ * mobile: 56(px/rem/pt)
292
+ */
293
+ 1300: number;
294
+ /** desktop: 88(px/rem/pt)
295
+ *
296
+ * mobile: 64(px/rem/pt)
297
+ */
298
+ 1600: number;
279
299
  };
280
300
  declare type Typography$1 = {
281
301
  fonts: {
@@ -344,6 +364,26 @@ declare type Typography$1 = {
344
364
  * mobile: 40(px/rem/pt)
345
365
  */
346
366
  800: number;
367
+ /** desktop: 56(px/rem/pt)
368
+ *
369
+ * mobile: 48(px/rem/pt)
370
+ */
371
+ 900: number;
372
+ /** desktop: 64(px/rem/pt)
373
+ *
374
+ * mobile: 56(px/rem/pt)
375
+ */
376
+ 1000: number;
377
+ /** desktop: 72(px/rem/pt)
378
+ *
379
+ * mobile: 64(px/rem/pt)
380
+ */
381
+ 1100: number;
382
+ /** desktop: 104(px/rem/pt)
383
+ *
384
+ * mobile: 72(px/rem/pt)
385
+ */
386
+ 1500: number;
347
387
  };
348
388
  };
349
389
  declare type TypographyPlatforms$1 = 'onDesktop' | 'onMobile';
@@ -576,6 +616,26 @@ type FontSize = {
576
616
  * mobile: 32(px/rem/pt)
577
617
  */
578
618
  1000: number;
619
+ /** desktop: 48(px/rem/pt)
620
+ *
621
+ * mobile: 40(px/rem/pt)
622
+ */
623
+ 1100: number;
624
+ /** desktop: 56(px/rem/pt)
625
+ *
626
+ * mobile: 48(px/rem/pt)
627
+ */
628
+ 1200: number;
629
+ /** desktop: 64(px/rem/pt)
630
+ *
631
+ * mobile: 56(px/rem/pt)
632
+ */
633
+ 1300: number;
634
+ /** desktop: 88(px/rem/pt)
635
+ *
636
+ * mobile: 64(px/rem/pt)
637
+ */
638
+ 1600: number;
579
639
  };
580
640
 
581
641
  type Typography = {
@@ -645,6 +705,26 @@ type Typography = {
645
705
  * mobile: 40(px/rem/pt)
646
706
  */
647
707
  800: number;
708
+ /** desktop: 56(px/rem/pt)
709
+ *
710
+ * mobile: 48(px/rem/pt)
711
+ */
712
+ 900: number;
713
+ /** desktop: 64(px/rem/pt)
714
+ *
715
+ * mobile: 56(px/rem/pt)
716
+ */
717
+ 1000: number;
718
+ /** desktop: 72(px/rem/pt)
719
+ *
720
+ * mobile: 64(px/rem/pt)
721
+ */
722
+ 1100: number;
723
+ /** desktop: 104(px/rem/pt)
724
+ *
725
+ * mobile: 72(px/rem/pt)
726
+ */
727
+ 1500: number;
648
728
  };
649
729
  // letterSpacings: {};
650
730
  };
package/build/tokens/index.development.web.js CHANGED
@@ -356,7 +356,11 @@ var typography = {
356
356
  700: 28,
357
357
  800: 32,
358
358
  900: 36,
359
- 1000: 40
359
+ 1000: 40,
360
+ 1100: 48,
361
+ 1200: 56,
362
+ 1300: 64,
363
+ 1600: 88
360
364
  },
361
365
  weight: _objectSpread({}, fontWeight)
362
366
  },
@@ -372,7 +376,11 @@ var typography = {
372
376
  500: 32,
373
377
  600: 40,
374
378
  700: 40,
375
- 800: 48
379
+ 800: 48,
380
+ 900: 56,
381
+ 1000: 64,
382
+ 1100: 72,
383
+ 1500: 104
376
384
  }
377
385
  // letterSpacings: {},
378
386
  },
@@ -394,7 +402,11 @@ var typography = {
394
402
  700: 24,
395
403
  800: 28,
396
404
  900: 32,
397
- 1000: 32
405
+ 1000: 32,
406
+ 1100: 40,
407
+ 1200: 48,
408
+ 1300: 56,
409
+ 1600: 64
398
410
  },
399
411
  weight: _objectSpread({}, fontWeight)
400
412
  },
@@ -410,7 +422,11 @@ var typography = {
410
422
  500: 28,
411
423
  600: 32,
412
424
  700: 40,
413
- 800: 40
425
+ 800: 40,
426
+ 900: 48,
427
+ 1000: 56,
428
+ 1100: 64,
429
+ 1500: 72
414
430
  }
415
431
  // letterSpacings: {},
416
432
  }