@razorpay/blade 8.1.0 → 8.2.3

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 (26) hide show
  1. package/build/components/index.d.ts +61 -41
  2. package/build/components/index.native.d.ts +61 -41
  3. package/build/components/index.native.js +33 -35
  4. package/build/components/index.native.js.map +1 -1
  5. package/build/components/index.web.js +226 -233
  6. package/build/components/index.web.js.map +1 -1
  7. package/build/css/bankingThemeDarkDesktop.css +5 -26
  8. package/build/css/bankingThemeDarkMobile.css +5 -26
  9. package/build/css/bankingThemeLightDesktop.css +5 -26
  10. package/build/css/bankingThemeLightMobile.css +5 -26
  11. package/build/css/paymentThemeDarkDesktop.css +5 -26
  12. package/build/css/paymentThemeDarkMobile.css +5 -26
  13. package/build/css/paymentThemeLightDesktop.css +5 -26
  14. package/build/css/paymentThemeLightMobile.css +5 -26
  15. package/build/tokens/index.d.ts +180 -150
  16. package/build/tokens/index.native.d.ts +180 -150
  17. package/build/tokens/index.native.js +12 -10
  18. package/build/tokens/index.native.js.map +1 -1
  19. package/build/tokens/index.web.js +382 -409
  20. package/build/tokens/index.web.js.map +1 -1
  21. package/build/utils/index.native.js +0 -6
  22. package/build/utils/index.native.js.map +1 -1
  23. package/build/utils/index.web.js +16 -98
  24. package/build/utils/index.web.js.map +1 -1
  25. package/package.json +5 -5
  26. package/CHANGELOG.md +0 -1648
package/build/css/bankingThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(233, 11%, 84%, 0.18);
548
- --shadows-color-level-2: hsla(233, 11%, 84%, 0.18);
549
- --shadows-color-level-3: hsla(233, 11%, 84%, 0.18);
550
- --shadows-color-level-4: hsla(233, 11%, 84%, 0.18);
551
- --shadows-color-level-5: hsla(233, 11%, 84%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(231, 67%, 10%, 0.10), 0 2px 4px -2px hsla(231, 67%, 10%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(231, 67%, 10%, 0.08), 0 4px 6px -2px hsla(231, 67%, 10%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(231, 67%, 10%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(233, 11%, 84%, 0.18);
548
- --shadows-color-level-2: hsla(233, 11%, 84%, 0.18);
549
- --shadows-color-level-3: hsla(233, 11%, 84%, 0.18);
550
- --shadows-color-level-4: hsla(233, 11%, 84%, 0.18);
551
- --shadows-color-level-5: hsla(233, 11%, 84%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(231, 67%, 10%, 0.10), 0 2px 4px -2px hsla(231, 67%, 10%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(231, 67%, 10%, 0.08), 0 4px 6px -2px hsla(231, 67%, 10%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(231, 67%, 10%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(226, 15%, 54%, 0.18);
548
- --shadows-color-level-2: hsla(226, 15%, 54%, 0.18);
549
- --shadows-color-level-3: hsla(226, 15%, 54%, 0.18);
550
- --shadows-color-level-4: hsla(226, 15%, 54%, 0.18);
551
- --shadows-color-level-5: hsla(226, 15%, 54%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(217, 56%, 17%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(226, 15%, 54%, 0.18);
548
- --shadows-color-level-2: hsla(226, 15%, 54%, 0.18);
549
- --shadows-color-level-3: hsla(226, 15%, 54%, 0.18);
550
- --shadows-color-level-4: hsla(226, 15%, 54%, 0.18);
551
- --shadows-color-level-5: hsla(226, 15%, 54%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(217, 56%, 17%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(220, 11%, 84%, 0.18);
548
- --shadows-color-level-2: hsla(220, 11%, 84%, 0.18);
549
- --shadows-color-level-3: hsla(220, 11%, 84%, 0.18);
550
- --shadows-color-level-4: hsla(220, 11%, 84%, 0.18);
551
- --shadows-color-level-5: hsla(220, 11%, 84%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(231, 67%, 10%, 0.10), 0 2px 4px -2px hsla(231, 67%, 10%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(231, 67%, 10%, 0.08), 0 4px 6px -2px hsla(231, 67%, 10%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(231, 67%, 10%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(220, 11%, 84%, 0.18);
548
- --shadows-color-level-2: hsla(220, 11%, 84%, 0.18);
549
- --shadows-color-level-3: hsla(220, 11%, 84%, 0.18);
550
- --shadows-color-level-4: hsla(220, 11%, 84%, 0.18);
551
- --shadows-color-level-5: hsla(220, 11%, 84%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(231, 67%, 10%, 0.10), 0 2px 4px -2px hsla(231, 67%, 10%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(231, 67%, 10%, 0.08), 0 4px 6px -2px hsla(231, 67%, 10%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(231, 67%, 10%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(216, 15%, 54%, 0.18);
548
- --shadows-color-level-2: hsla(216, 15%, 54%, 0.18);
549
- --shadows-color-level-3: hsla(216, 15%, 54%, 0.18);
550
- --shadows-color-level-4: hsla(216, 15%, 54%, 0.18);
551
- --shadows-color-level-5: hsla(216, 15%, 54%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(217, 56%, 17%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;
package/build/css/paymentThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
3
+ * Generated on Wed, 24 May 2023 16:00:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -529,31 +529,10 @@
529
529
  --spacing-9: 40px;
530
530
  --spacing-10: 48px;
531
531
  --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(216, 15%, 54%, 0.18);
548
- --shadows-color-level-2: hsla(216, 15%, 54%, 0.18);
549
- --shadows-color-level-3: hsla(216, 15%, 54%, 0.18);
550
- --shadows-color-level-4: hsla(216, 15%, 54%, 0.18);
551
- --shadows-color-level-5: hsla(216, 15%, 54%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
532
+ --elevation-none: none;
533
+ --elevation-low-raised: 0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06);
534
+ --elevation-mid-raised: 0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03);
535
+ --elevation-high-raised: 0 24px 48px -12px hsla(217, 56%, 17%, 0.18);
557
536
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
537
  --typography-fonts-family-code: monospace;
559
538
  --typography-fonts-size-10: 0.5625rem;