@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.
- package/build/components/index.d.ts +73 -15
- package/build/components/index.development.web.js +204 -108
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +73 -15
- package/build/components/index.native.js +13 -11
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +204 -108
- package/build/components/index.production.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +9 -1
- package/build/css/bankingThemeDarkMobile.css +9 -1
- package/build/css/bankingThemeLightDesktop.css +9 -1
- package/build/css/bankingThemeLightMobile.css +9 -1
- package/build/css/paymentThemeDarkDesktop.css +9 -1
- package/build/css/paymentThemeDarkMobile.css +9 -1
- package/build/css/paymentThemeLightDesktop.css +9 -1
- package/build/css/paymentThemeLightMobile.css +9 -1
- package/build/tokens/index.d.ts +80 -0
- package/build/tokens/index.development.web.js +20 -4
- package/build/tokens/index.development.web.js.map +1 -1
- package/build/tokens/index.native.d.ts +80 -0
- package/build/tokens/index.native.js +1 -1
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.production.web.js +20 -4
- package/build/tokens/index.production.web.js.map +1 -1
- package/build/utils/index.d.ts +40 -0
- package/build/utils/index.native.d.ts +40 -0
- package/package.json +1 -1
|
@@ -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
|
};
|
|
@@ -12,7 +12,7 @@ var colors$2={chromatic:{azure:{50:`hsla(222, 100%, 96%, ${opacity[9]})`,100:`hs
|
|
|
12
12
|
|
|
13
13
|
var fontFamily={text:'Lato',code:Platform.OS==='ios'?'Courier':'monospace'};
|
|
14
14
|
|
|
15
|
-
var fontWeight={regular:400,bold:700};var typography={onDesktop:{fonts:{family:Object.assign({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:18,400:20,500:22,600:24,700:28,800:32,900:36,1000:40},weight:Object.assign({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:24,300:24,400:28,500:32,600:40,700:40,800:48}},onMobile:{fonts:{family:Object.assign({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:16,400:18,500:20,600:20,700:24,800:28,900:32,1000:32},weight:Object.assign({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:20,300:24,400:24,500:28,600:32,700:40,800:40}}};
|
|
15
|
+
var fontWeight={regular:400,bold:700};var typography={onDesktop:{fonts:{family:Object.assign({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:18,400:20,500:22,600:24,700:28,800:32,900:36,1000:40,1100:48,1200:56,1300:64,1600:88},weight:Object.assign({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:24,300:24,400:28,500:32,600:40,700:40,800:48,900:56,1000:64,1100:72,1500:104}},onMobile:{fonts:{family:Object.assign({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:16,400:18,500:20,600:20,700:24,800:28,900:32,1000:32,1100:40,1200:48,1300:56,1600:64},weight:Object.assign({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:20,300:24,400:24,500:28,600:32,700:40,800:40,900:48,1000:56,1100:64,1500:72}}};
|
|
16
16
|
|
|
17
17
|
var spacing={0:0,1:2,2:4,3:8,4:12,5:16,6:20,7:24,8:32,9:40,10:48,11:56};
|
|
18
18
|
|