@razorpay/blade 6.0.0 → 6.0.1
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/CHANGELOG.md +6 -0
- package/build/components/index.native.js +1 -1
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +6 -5
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +30 -30
- package/build/css/bankingThemeLightMobile.css +30 -30
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +30 -30
- package/build/css/paymentThemeLightMobile.css +30 -30
- package/build/tokens/index.native.js +1 -1
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +6 -6
- package/build/tokens/index.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -16012,11 +16012,11 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
|
|
|
16012
16012
|
isDisabled = _ref.isDisabled,
|
|
16013
16013
|
validationState = _ref.validationState;
|
|
16014
16014
|
// normal state
|
|
16015
|
-
var backgroundColor = theme.colors.brand.gray
|
|
16016
|
-
var borderBottomColor = theme.colors.brand.gray
|
|
16015
|
+
var backgroundColor = theme.colors.brand.gray.a50.lowContrast;
|
|
16016
|
+
var borderBottomColor = theme.colors.brand.gray.a100.lowContrast; // hoverState
|
|
16017
16017
|
|
|
16018
16018
|
if (isHovered) {
|
|
16019
|
-
backgroundColor = theme.colors.brand.gray
|
|
16019
|
+
backgroundColor = theme.colors.brand.gray.a100.lowContrast;
|
|
16020
16020
|
} // focused state
|
|
16021
16021
|
|
|
16022
16022
|
|
|
@@ -16026,7 +16026,7 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
|
|
|
16026
16026
|
|
|
16027
16027
|
|
|
16028
16028
|
if (isDisabled) {
|
|
16029
|
-
backgroundColor = theme.colors.brand.gray
|
|
16029
|
+
backgroundColor = theme.colors.brand.gray.a50.lowContrast;
|
|
16030
16030
|
borderBottomColor = theme.colors.brand.gray[300].lowContrast;
|
|
16031
16031
|
} // validation state
|
|
16032
16032
|
|
|
@@ -17026,7 +17026,8 @@ var _PasswordInput = function _PasswordInput(_ref, ref) {
|
|
|
17026
17026
|
});
|
|
17027
17027
|
};
|
|
17028
17028
|
|
|
17029
|
-
var PasswordInput = /*#__PURE__*/React__default.forwardRef(_PasswordInput);
|
|
17029
|
+
var PasswordInput = /*#__PURE__*/React__default.forwardRef(_PasswordInput); // nosemgrep
|
|
17030
|
+
|
|
17030
17031
|
PasswordInput.displayName = 'PasswordInput';
|
|
17031
17032
|
|
|
17032
17033
|
// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists
|