@razorpay/blade 8.7.0 → 8.8.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 +123 -59
  2. package/build/components/index.native.d.ts +94 -59
  3. package/build/components/index.native.js +16 -10
  4. package/build/components/index.native.js.map +1 -1
  5. package/build/components/index.web.js +4397 -1594
  6. package/build/components/index.web.js.map +1 -1
  7. package/build/css/bankingThemeDarkDesktop.css +2 -2
  8. package/build/css/bankingThemeDarkMobile.css +2 -2
  9. package/build/css/bankingThemeLightDesktop.css +2 -2
  10. package/build/css/bankingThemeLightMobile.css +2 -2
  11. package/build/css/paymentThemeDarkDesktop.css +2 -2
  12. package/build/css/paymentThemeDarkMobile.css +2 -2
  13. package/build/css/paymentThemeLightDesktop.css +2 -2
  14. package/build/css/paymentThemeLightMobile.css +2 -2
  15. package/build/tokens/index.d.ts +11 -4
  16. package/build/tokens/index.native.d.ts +11 -4
  17. package/build/tokens/index.native.js +5 -5
  18. package/build/tokens/index.native.js.map +1 -1
  19. package/build/tokens/index.web.js +30 -15
  20. package/build/tokens/index.web.js.map +1 -1
  21. package/build/utils/index.d.ts +10 -0
  22. package/build/utils/index.native.d.ts +10 -0
  23. package/build/utils/index.native.js +1 -1
  24. package/build/utils/index.native.js.map +1 -1
  25. package/build/utils/index.web.js +10 -0
  26. package/build/utils/index.web.js.map +1 -1
  27. package/package.json +2 -1
package/build/tokens/index.web.js CHANGED
@@ -34,10 +34,10 @@ var opacity = {
34
34
  1: 0.09,
35
35
  2: 0.18,
36
36
  3: 0.32,
37
- 4: 1.0,
38
- 5: 1.0,
39
- 6: 1.0,
40
- 7: 1.0,
37
+ 4: 0.48,
38
+ 5: 0.56,
39
+ 6: 0.64,
40
+ 7: 0.72,
41
41
  8: 1.0,
42
42
  9: 1.0
43
43
  };
@@ -187,7 +187,8 @@ var colors$2 = {
187
187
  a200: "hsla(216, 15%, 54%, ".concat(opacity[3], ")"),
188
188
  a300: "hsla(214, 21%, 94%, ".concat(opacity[1], ")"),
189
189
  a400: "hsla(214, 21%, 94%, ".concat(opacity[2], ")"),
190
- a500: "hsla(214, 21%, 94%, ".concat(opacity[3], ")")
190
+ a500: "hsla(214, 21%, 94%, ".concat(opacity[3], ")"),
191
+ a1100: "hsla(0, 0, 0, ".concat(opacity[0], ")")
191
192
  },
192
193
  blueGrayDark: {
193
194
  0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
@@ -211,7 +212,8 @@ var colors$2 = {
211
212
  a200: "hsla(220, 11%, 84%, ".concat(opacity[3], ")"),
212
213
  a300: "hsla(217, 11%, 76%, ".concat(opacity[1], ")"),
213
214
  a400: "hsla(217, 11%, 76%, ".concat(opacity[2], ")"),
214
- a500: "hsla(217, 11%, 76%, ".concat(opacity[3], ")")
215
+ a500: "hsla(217, 11%, 76%, ".concat(opacity[3], ")"),
216
+ a1100: "hsla(0, 0, 0, ".concat(opacity[0], ")")
215
217
  },
216
218
  navyGrayLight: {
217
219
  0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
@@ -235,7 +237,8 @@ var colors$2 = {
235
237
  a200: "hsla(226, 15%, 54%, ".concat(opacity[3], ")"),
236
238
  a300: "hsla(223, 21%, 94%, ".concat(opacity[1], ")"),
237
239
  a400: "hsla(223, 21%, 94%, ".concat(opacity[2], ")"),
238
- a500: "hsla(223, 21%, 94%, ".concat(opacity[3], ")")
240
+ a500: "hsla(223, 21%, 94%, ".concat(opacity[3], ")"),
241
+ a1100: "hsla(0, 0, 0, ".concat(opacity[0], ")")
239
242
  },
240
243
  navyGrayDark: {
241
244
  0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
@@ -259,7 +262,8 @@ var colors$2 = {
259
262
  a200: "hsla(233, 11%, 84%, ".concat(opacity[3], ")"),
260
263
  a300: "hsla(231, 11%, 76%, ".concat(opacity[1], ")"),
261
264
  a400: "hsla(231, 11%, 76%, ".concat(opacity[2], ")"),
262
- a500: "hsla(231, 11%, 76%, ".concat(opacity[3], ")")
265
+ a500: "hsla(231, 11%, 76%, ".concat(opacity[3], ")"),
266
+ a1100: "hsla(0, 0, 0, ".concat(opacity[0], ")")
263
267
  },
264
268
  ashGrayLight: {
265
269
  0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
@@ -283,7 +287,8 @@ var colors$2 = {
283
287
  a200: "hsla(214, 15%, 18%, ".concat(opacity[3], ")"),
284
288
  a300: "hsla(210, 6%, 94%, ".concat(opacity[1], ")"),
285
289
  a400: "hsla(210, 6%, 94%, ".concat(opacity[2], ")"),
286
- a500: "hsla(210, 6%, 94%, ".concat(opacity[3], ")")
290
+ a500: "hsla(210, 6%, 94%, ".concat(opacity[3], ")"),
291
+ a1100: "hsla(214, 15%, 18%, ".concat(opacity[6], ")")
287
292
  },
288
293
  ashGrayDark: {
289
294
  0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
@@ -307,7 +312,8 @@ var colors$2 = {
307
312
  a200: "hsla(240, 1%, 84%, ".concat(opacity[3], ")"),
308
313
  a300: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
309
314
  a400: "hsla(228, 4%, 76%, ".concat(opacity[2], ")"),
310
- a500: "hsla(228, 4%, 76%, ".concat(opacity[3], ")")
315
+ a500: "hsla(228, 4%, 76%, ".concat(opacity[3], ")"),
316
+ a1100: "hsla(231, 11%, 12%, ".concat(opacity[7], ")")
311
317
  }
312
318
  }
313
319
  };
@@ -4828,8 +4834,17 @@ var size = {
4828
4834
  /** 300 px */
4829
4835
  300: 300,
4830
4836
 
4837
+ /** 400 px */
4838
+ 400: 400,
4839
+
4831
4840
  /** 584 px */
4832
- 584: 584
4841
+ 584: 584,
4842
+
4843
+ /** 760 px */
4844
+ 760: 760,
4845
+
4846
+ /** 1024 px */
4847
+ 1024: 1024
4833
4848
  };
4834
4849
 
4835
4850
  var elevation = {
@@ -4925,7 +4940,7 @@ var colors$1 = {
4925
4940
  }
4926
4941
  },
4927
4942
  overlay: {
4928
- background: colors$2.neutral.blueGrayLight.a200
4943
+ background: colors$2.neutral.ashGrayLight.a1100
4929
4944
  },
4930
4945
  brand: {
4931
4946
  primary: {
@@ -5995,7 +6010,7 @@ var colors$1 = {
5995
6010
  }
5996
6011
  },
5997
6012
  overlay: {
5998
- background: colors$2.neutral.blueGrayDark.a400
6013
+ background: colors$2.neutral.ashGrayDark.a1100
5999
6014
  },
6000
6015
  brand: {
6001
6016
  primary: {
@@ -7078,7 +7093,7 @@ var colors = {
7078
7093
  }
7079
7094
  },
7080
7095
  overlay: {
7081
- background: colors$2.neutral.navyGrayLight.a200
7096
+ background: colors$2.neutral.ashGrayLight.a1100
7082
7097
  },
7083
7098
  brand: {
7084
7099
  primary: {
@@ -8148,7 +8163,7 @@ var colors = {
8148
8163
  }
8149
8164
  },
8150
8165
  overlay: {
8151
- background: colors$2.neutral.navyGrayDark.a400
8166
+ background: colors$2.neutral.ashGrayDark.a1100
8152
8167
  },
8153
8168
  brand: {
8154
8169
  primary: {