@razorpay/blade 6.0.0 → 6.0.2
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 +16 -0
- package/build/components/index.native.js +2 -2
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +9 -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 +9 -1
|
@@ -13793,10 +13793,12 @@ var Alert = function Alert(_ref) {
|
|
|
13793
13793
|
var _title = title ? /*#__PURE__*/jsx(Box, {
|
|
13794
13794
|
marginBottom: "spacing.2",
|
|
13795
13795
|
children: isFullWidth ? /*#__PURE__*/jsx(Heading, {
|
|
13796
|
+
type: "subtle",
|
|
13796
13797
|
size: "small",
|
|
13797
13798
|
contrast: contrast,
|
|
13798
13799
|
children: title
|
|
13799
13800
|
}) : /*#__PURE__*/jsx(Text, {
|
|
13801
|
+
type: "subtle",
|
|
13800
13802
|
weight: "bold",
|
|
13801
13803
|
contrast: contrast,
|
|
13802
13804
|
children: title
|
|
@@ -13806,6 +13808,7 @@ var Alert = function Alert(_ref) {
|
|
|
13806
13808
|
var _description = /*#__PURE__*/jsx(Box, {
|
|
13807
13809
|
marginTop: title || isReactNative$3 ? 'spacing.0' : 'spacing.1',
|
|
13808
13810
|
children: /*#__PURE__*/jsx(Text, {
|
|
13811
|
+
type: "subtle",
|
|
13809
13812
|
size: textSize,
|
|
13810
13813
|
contrast: contrast,
|
|
13811
13814
|
children: description
|
|
@@ -16012,11 +16015,11 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
|
|
|
16012
16015
|
isDisabled = _ref.isDisabled,
|
|
16013
16016
|
validationState = _ref.validationState;
|
|
16014
16017
|
// normal state
|
|
16015
|
-
var backgroundColor = theme.colors.brand.gray
|
|
16016
|
-
var borderBottomColor = theme.colors.brand.gray
|
|
16018
|
+
var backgroundColor = theme.colors.brand.gray.a50.lowContrast;
|
|
16019
|
+
var borderBottomColor = theme.colors.brand.gray.a100.lowContrast; // hoverState
|
|
16017
16020
|
|
|
16018
16021
|
if (isHovered) {
|
|
16019
|
-
backgroundColor = theme.colors.brand.gray
|
|
16022
|
+
backgroundColor = theme.colors.brand.gray.a100.lowContrast;
|
|
16020
16023
|
} // focused state
|
|
16021
16024
|
|
|
16022
16025
|
|
|
@@ -16026,7 +16029,7 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
|
|
|
16026
16029
|
|
|
16027
16030
|
|
|
16028
16031
|
if (isDisabled) {
|
|
16029
|
-
backgroundColor = theme.colors.brand.gray
|
|
16032
|
+
backgroundColor = theme.colors.brand.gray.a50.lowContrast;
|
|
16030
16033
|
borderBottomColor = theme.colors.brand.gray[300].lowContrast;
|
|
16031
16034
|
} // validation state
|
|
16032
16035
|
|
|
@@ -17026,7 +17029,8 @@ var _PasswordInput = function _PasswordInput(_ref, ref) {
|
|
|
17026
17029
|
});
|
|
17027
17030
|
};
|
|
17028
17031
|
|
|
17029
|
-
var PasswordInput = /*#__PURE__*/React__default.forwardRef(_PasswordInput);
|
|
17032
|
+
var PasswordInput = /*#__PURE__*/React__default.forwardRef(_PasswordInput); // nosemgrep
|
|
17033
|
+
|
|
17030
17034
|
PasswordInput.displayName = 'PasswordInput';
|
|
17031
17035
|
|
|
17032
17036
|
// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists
|