@razorpay/blade 3.7.0 → 3.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 (20) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/build/components/index.d.ts +7 -4
  3. package/build/components/index.native.d.ts +7 -4
  4. package/build/components/index.native.js +13 -7
  5. package/build/components/index.native.js.map +1 -1
  6. package/build/components/index.web.js +178 -83
  7. package/build/components/index.web.js.map +1 -1
  8. package/build/css/bankingThemeDarkDesktop.css +15 -15
  9. package/build/css/bankingThemeDarkMobile.css +15 -15
  10. package/build/css/bankingThemeLightDesktop.css +1 -1
  11. package/build/css/bankingThemeLightMobile.css +1 -1
  12. package/build/css/paymentThemeDarkDesktop.css +15 -15
  13. package/build/css/paymentThemeDarkMobile.css +15 -15
  14. package/build/css/paymentThemeLightDesktop.css +1 -1
  15. package/build/css/paymentThemeLightMobile.css +1 -1
  16. package/build/tokens/index.native.js +2 -2
  17. package/build/tokens/index.native.js.map +1 -1
  18. package/build/tokens/index.web.js +28 -28
  19. package/build/tokens/index.web.js.map +1 -1
  20. package/package.json +1 -1
package/build/tokens/index.web.js CHANGED
@@ -5886,7 +5886,7 @@ var colors$1 = {
5886
5886
  }
5887
5887
  },
5888
5888
  overlay: {
5889
- background: colors$2.neutral.blueGrayDark[600]
5889
+ background: colors$2.neutral.blueGrayDark.a400
5890
5890
  },
5891
5891
  brand: {
5892
5892
  primary: {
@@ -5939,7 +5939,7 @@ var colors$1 = {
5939
5939
  background: {
5940
5940
  neutral: {
5941
5941
  lowContrast: colors$2.neutral.blueGrayDark.a100,
5942
- highContrast: colors$2.neutral.blueGrayDark[50]
5942
+ highContrast: colors$2.neutral.blueGrayDark.a100
5943
5943
  },
5944
5944
  positive: {
5945
5945
  lowContrast: colors$2.chromatic.emerald.a100,
@@ -5983,7 +5983,7 @@ var colors$1 = {
5983
5983
  text: {
5984
5984
  neutral: {
5985
5985
  lowContrast: colors$2.neutral.blueGrayDark[100],
5986
- highContrast: colors$2.neutral.blueGrayDark[800]
5986
+ highContrast: colors$2.neutral.blueGrayDark[50]
5987
5987
  },
5988
5988
  positive: {
5989
5989
  lowContrast: colors$2.chromatic.emerald[500],
@@ -6005,7 +6005,7 @@ var colors$1 = {
6005
6005
  icon: {
6006
6006
  neutral: {
6007
6007
  lowContrast: colors$2.neutral.blueGrayDark[100],
6008
- highContrast: colors$2.neutral.blueGrayDark[800]
6008
+ highContrast: colors$2.neutral.blueGrayDark[50]
6009
6009
  },
6010
6010
  positive: {
6011
6011
  lowContrast: colors$2.chromatic.emerald[500],
@@ -6100,23 +6100,23 @@ var colors$1 = {
6100
6100
  link: {
6101
6101
  "default": {
6102
6102
  lowContrast: colors$2.neutral.blueGrayDark[100],
6103
- highContrast: colors$2.neutral.blueGrayDark[700]
6103
+ highContrast: colors$2.neutral.blueGrayDark[100]
6104
6104
  },
6105
6105
  hover: {
6106
6106
  lowContrast: colors$2.neutral.blueGrayDark[200],
6107
- highContrast: colors$2.neutral.blueGrayDark[500]
6107
+ highContrast: colors$2.neutral.blueGrayDark[200]
6108
6108
  },
6109
6109
  focus: {
6110
6110
  lowContrast: colors$2.neutral.blueGrayDark[300],
6111
- highContrast: colors$2.neutral.blueGrayDark[400]
6111
+ highContrast: colors$2.neutral.blueGrayDark[300]
6112
6112
  },
6113
6113
  active: {
6114
6114
  lowContrast: colors$2.neutral.blueGrayDark[300],
6115
- highContrast: colors$2.neutral.blueGrayDark[400]
6115
+ highContrast: colors$2.neutral.blueGrayDark[300]
6116
6116
  },
6117
6117
  disabled: {
6118
6118
  lowContrast: colors$2.neutral.blueGrayDark[400],
6119
- highContrast: colors$2.neutral.blueGrayDark[300]
6119
+ highContrast: colors$2.neutral.blueGrayDark[400]
6120
6120
  }
6121
6121
  }
6122
6122
  },
@@ -6146,23 +6146,23 @@ var colors$1 = {
6146
6146
  link: {
6147
6147
  "default": {
6148
6148
  lowContrast: colors$2.neutral.blueGrayDark[100],
6149
- highContrast: colors$2.neutral.blueGrayDark[700]
6149
+ highContrast: colors$2.neutral.blueGrayDark[100]
6150
6150
  },
6151
6151
  hover: {
6152
6152
  lowContrast: colors$2.neutral.blueGrayDark[200],
6153
- highContrast: colors$2.neutral.blueGrayDark[500]
6153
+ highContrast: colors$2.neutral.blueGrayDark[200]
6154
6154
  },
6155
6155
  focus: {
6156
6156
  lowContrast: colors$2.neutral.blueGrayDark[300],
6157
- highContrast: colors$2.neutral.blueGrayDark[400]
6157
+ highContrast: colors$2.neutral.blueGrayDark[300]
6158
6158
  },
6159
6159
  active: {
6160
6160
  lowContrast: colors$2.neutral.blueGrayDark[300],
6161
- highContrast: colors$2.neutral.blueGrayDark[400]
6161
+ highContrast: colors$2.neutral.blueGrayDark[300]
6162
6162
  },
6163
6163
  disabled: {
6164
6164
  lowContrast: colors$2.neutral.blueGrayDark[400],
6165
- highContrast: colors$2.neutral.blueGrayDark[300]
6165
+ highContrast: colors$2.neutral.blueGrayDark[400]
6166
6166
  }
6167
6167
  }
6168
6168
  }
@@ -8098,7 +8098,7 @@ var colors = {
8098
8098
  }
8099
8099
  },
8100
8100
  overlay: {
8101
- background: colors$2.neutral.navyGrayDark[600]
8101
+ background: colors$2.neutral.navyGrayDark.a400
8102
8102
  },
8103
8103
  brand: {
8104
8104
  primary: {
@@ -8151,7 +8151,7 @@ var colors = {
8151
8151
  background: {
8152
8152
  neutral: {
8153
8153
  lowContrast: colors$2.neutral.navyGrayDark.a100,
8154
- highContrast: colors$2.neutral.navyGrayDark[50]
8154
+ highContrast: colors$2.neutral.navyGrayDark.a100
8155
8155
  },
8156
8156
  positive: {
8157
8157
  lowContrast: colors$2.chromatic.emerald.a100,
@@ -8195,7 +8195,7 @@ var colors = {
8195
8195
  text: {
8196
8196
  neutral: {
8197
8197
  lowContrast: colors$2.neutral.navyGrayDark[100],
8198
- highContrast: colors$2.neutral.navyGrayDark[800]
8198
+ highContrast: colors$2.neutral.navyGrayDark[50]
8199
8199
  },
8200
8200
  positive: {
8201
8201
  lowContrast: colors$2.chromatic.emerald[500],
@@ -8217,7 +8217,7 @@ var colors = {
8217
8217
  icon: {
8218
8218
  neutral: {
8219
8219
  lowContrast: colors$2.neutral.navyGrayDark[100],
8220
- highContrast: colors$2.neutral.navyGrayDark[800]
8220
+ highContrast: colors$2.neutral.navyGrayDark[50]
8221
8221
  },
8222
8222
  positive: {
8223
8223
  lowContrast: colors$2.chromatic.emerald[500],
@@ -8312,23 +8312,23 @@ var colors = {
8312
8312
  link: {
8313
8313
  "default": {
8314
8314
  lowContrast: colors$2.neutral.navyGrayDark[100],
8315
- highContrast: colors$2.neutral.navyGrayDark[700]
8315
+ highContrast: colors$2.neutral.navyGrayDark[100]
8316
8316
  },
8317
8317
  hover: {
8318
8318
  lowContrast: colors$2.neutral.navyGrayDark[200],
8319
- highContrast: colors$2.neutral.navyGrayDark[500]
8319
+ highContrast: colors$2.neutral.navyGrayDark[200]
8320
8320
  },
8321
8321
  focus: {
8322
8322
  lowContrast: colors$2.neutral.navyGrayDark[300],
8323
- highContrast: colors$2.neutral.navyGrayDark[400]
8323
+ highContrast: colors$2.neutral.navyGrayDark[300]
8324
8324
  },
8325
8325
  active: {
8326
8326
  lowContrast: colors$2.neutral.navyGrayDark[300],
8327
- highContrast: colors$2.neutral.navyGrayDark[400]
8327
+ highContrast: colors$2.neutral.navyGrayDark[300]
8328
8328
  },
8329
8329
  disabled: {
8330
8330
  lowContrast: colors$2.neutral.navyGrayDark[400],
8331
- highContrast: colors$2.neutral.navyGrayDark[300]
8331
+ highContrast: colors$2.neutral.navyGrayDark[400]
8332
8332
  }
8333
8333
  }
8334
8334
  },
@@ -8358,23 +8358,23 @@ var colors = {
8358
8358
  link: {
8359
8359
  "default": {
8360
8360
  lowContrast: colors$2.neutral.navyGrayDark[100],
8361
- highContrast: colors$2.neutral.navyGrayDark[700]
8361
+ highContrast: colors$2.neutral.navyGrayDark[100]
8362
8362
  },
8363
8363
  hover: {
8364
8364
  lowContrast: colors$2.neutral.navyGrayDark[200],
8365
- highContrast: colors$2.neutral.navyGrayDark[500]
8365
+ highContrast: colors$2.neutral.navyGrayDark[200]
8366
8366
  },
8367
8367
  focus: {
8368
8368
  lowContrast: colors$2.neutral.navyGrayDark[300],
8369
- highContrast: colors$2.neutral.navyGrayDark[400]
8369
+ highContrast: colors$2.neutral.navyGrayDark[300]
8370
8370
  },
8371
8371
  active: {
8372
8372
  lowContrast: colors$2.neutral.navyGrayDark[300],
8373
- highContrast: colors$2.neutral.navyGrayDark[400]
8373
+ highContrast: colors$2.neutral.navyGrayDark[300]
8374
8374
  },
8375
8375
  disabled: {
8376
8376
  lowContrast: colors$2.neutral.navyGrayDark[400],
8377
- highContrast: colors$2.neutral.navyGrayDark[300]
8377
+ highContrast: colors$2.neutral.navyGrayDark[400]
8378
8378
  }
8379
8379
  }
8380
8380
  }