@razorpay/blade 9.1.2 → 9.3.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 (19) hide show
  1. package/build/components/index.d.ts +943 -93
  2. package/build/components/index.native.d.ts +655 -36
  3. package/build/components/index.native.js +329 -325
  4. package/build/components/index.native.js.map +1 -1
  5. package/build/components/index.web.js +2327 -2145
  6. package/build/components/index.web.js.map +1 -1
  7. package/build/css/bankingThemeDarkDesktop.css +4 -4
  8. package/build/css/bankingThemeDarkMobile.css +4 -4
  9. package/build/css/bankingThemeLightDesktop.css +4 -4
  10. package/build/css/bankingThemeLightMobile.css +4 -4
  11. package/build/css/paymentThemeDarkDesktop.css +4 -4
  12. package/build/css/paymentThemeDarkMobile.css +4 -4
  13. package/build/css/paymentThemeLightDesktop.css +4 -4
  14. package/build/css/paymentThemeLightMobile.css +4 -4
  15. package/build/tokens/index.native.js +2 -2
  16. package/build/tokens/index.native.js.map +1 -1
  17. package/build/tokens/index.web.js +12 -12
  18. package/build/tokens/index.web.js.map +1 -1
  19. 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 Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(230, 49%, 17%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(230, 23%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(233, 11%, 84%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(233, 11%, 84%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(231, 11%, 76%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(233, 11%, 84%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(233, 11%, 84%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(231, 11%, 76%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(0, 0%, 99%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 99%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(228, 12%, 92%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(231, 11%, 76%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(233, 11%, 84%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.18);
54
54
  --colors-overlay-background: hsla(231, 11%, 12%, 0.72);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(230, 49%, 17%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(230, 23%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(233, 11%, 84%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(233, 11%, 84%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(231, 11%, 76%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(233, 11%, 84%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(233, 11%, 84%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(231, 11%, 76%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(0, 0%, 99%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 99%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(228, 12%, 92%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(231, 11%, 76%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(233, 11%, 84%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.18);
54
54
  --colors-overlay-background: hsla(231, 11%, 12%, 0.72);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(230, 27%, 98%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(226, 33%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(226, 15%, 54%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(226, 15%, 54%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(223, 21%, 94%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(226, 15%, 54%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(226, 15%, 54%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(223, 21%, 94%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(228, 56%, 17%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(226, 27%, 36%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(226, 15%, 54%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.18);
54
54
  --colors-overlay-background: hsla(214, 15%, 18%, 0.64);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(230, 27%, 98%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(226, 33%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(226, 15%, 54%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(226, 15%, 54%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(223, 21%, 94%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(226, 15%, 54%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(226, 15%, 54%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(223, 21%, 94%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(228, 56%, 17%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(226, 27%, 36%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(226, 15%, 54%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.18);
54
54
  --colors-overlay-background: hsla(214, 15%, 18%, 0.64);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(218, 49%, 17%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(220, 23%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(220, 11%, 84%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(220, 11%, 84%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(217, 11%, 76%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(220, 11%, 84%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(220, 11%, 84%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(217, 11%, 76%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(0, 0%, 99%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 99%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(215, 12%, 92%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(218, 11%, 76%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(220, 11%, 84%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.18);
54
54
  --colors-overlay-background: hsla(231, 11%, 12%, 0.72);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(218, 49%, 17%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(220, 23%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(220, 11%, 84%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(220, 11%, 84%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(217, 11%, 76%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(220, 11%, 84%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(220, 11%, 84%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(217, 11%, 76%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(0, 0%, 99%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 99%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(215, 12%, 92%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(218, 11%, 76%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(220, 11%, 84%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.18);
54
54
  --colors-overlay-background: hsla(231, 11%, 12%, 0.72);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(220, 27%, 98%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(216, 33%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(216, 15%, 54%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(216, 15%, 54%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(214, 21%, 94%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(216, 15%, 54%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(216, 15%, 54%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(214, 21%, 94%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(217, 56%, 17%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(216, 27%, 36%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(217, 18%, 45%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(216, 19%, 89%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(216, 15%, 54%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(216, 15%, 54%, 0.18);
54
54
  --colors-overlay-background: hsla(214, 15%, 18%, 0.64);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
package/build/css/paymentThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jul 2023 09:40:31 GMT
3
+ * Generated on Fri, 28 Jul 2023 03:57:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -28,9 +28,9 @@
28
28
  --colors-surface-background-level3-low-contrast: hsla(220, 27%, 98%, 1);
29
29
  --colors-surface-background-level3-high-contrast: hsla(216, 33%, 29%, 1);
30
30
  --colors-surface-border-normal-low-contrast: hsla(216, 15%, 54%, 0.18);
31
- --colors-surface-border-normal-high-contrast: hsla(216, 15%, 54%, 0.18);
31
+ --colors-surface-border-normal-high-contrast: hsla(214, 21%, 94%, 0.18);
32
32
  --colors-surface-border-subtle-low-contrast: hsla(216, 15%, 54%, 0.09);
33
- --colors-surface-border-subtle-high-contrast: hsla(216, 15%, 54%, 0.09);
33
+ --colors-surface-border-subtle-high-contrast: hsla(214, 21%, 94%, 0.09);
34
34
  --colors-surface-text-normal-low-contrast: hsla(217, 56%, 17%, 1);
35
35
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
36
36
  --colors-surface-text-subtle-low-contrast: hsla(216, 27%, 36%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-active-low-contrast: hsla(217, 18%, 45%, 1);
51
51
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
52
- --colors-surface-action-icon-disabled-low-contrast: hsla(216, 19%, 89%, 1);
52
+ --colors-surface-action-icon-disabled-low-contrast: hsla(216, 15%, 54%, 0.18);
53
53
  --colors-surface-action-icon-disabled-high-contrast: hsla(216, 15%, 54%, 0.18);
54
54
  --colors-overlay-background: hsla(214, 15%, 18%, 0.64);
55
55
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);