@razorpay/blade 5.4.0 → 5.4.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 +3 -3
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +5 -4
- 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 +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/package.json +3 -4
|
@@ -5608,7 +5608,7 @@ var CodeContainer = /*#__PURE__*/styled(Box).withConfig({
|
|
|
5608
5608
|
var padding = "".concat(makeSpace(props.theme.spacing[0]), " ").concat(makeSpace(props.theme.spacing[2]));
|
|
5609
5609
|
return {
|
|
5610
5610
|
padding: padding,
|
|
5611
|
-
backgroundColor: props.theme.colors.brand.gray
|
|
5611
|
+
backgroundColor: props.theme.colors.brand.gray.a50.lowContrast,
|
|
5612
5612
|
borderRadius: props.theme.border.radius.medium,
|
|
5613
5613
|
display: isPlatformWeb ? 'inline-block' : undefined,
|
|
5614
5614
|
// Removing the line height of container to remove extra surrounding space in background
|
|
@@ -10267,7 +10267,8 @@ var OTPInput = function OTPInput(_ref) {
|
|
|
10267
10267
|
hidden: true,
|
|
10268
10268
|
id: inputId,
|
|
10269
10269
|
name: name,
|
|
10270
|
-
value: (_ref6 = inputValue !== null && inputValue !== void 0 ? inputValue : otpValue.join('')) !== null && _ref6 !== void 0 ? _ref6 : ''
|
|
10270
|
+
value: (_ref6 = inputValue !== null && inputValue !== void 0 ? inputValue : otpValue.join('')) !== null && _ref6 !== void 0 ? _ref6 : '',
|
|
10271
|
+
readOnly: true
|
|
10271
10272
|
});
|
|
10272
10273
|
}
|
|
10273
10274
|
|
|
@@ -11525,7 +11526,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
11525
11526
|
|
|
11526
11527
|
var showError = validationState === 'error' && errorText;
|
|
11527
11528
|
var showHelpText = !showError && helpText;
|
|
11528
|
-
var accessibilityText = "
|
|
11529
|
+
var accessibilityText = "".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '').trim();
|
|
11529
11530
|
var isReactNative = getPlatformType() === 'react-native';
|
|
11530
11531
|
var gap = radioSizes.group.gap[size][matchedDeviceType];
|
|
11531
11532
|
var childCount = React__default.Children.count(children);
|
|
@@ -11541,7 +11542,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
11541
11542
|
necessityIndicator: necessityIndicator,
|
|
11542
11543
|
position: labelPosition,
|
|
11543
11544
|
id: ids.labelId,
|
|
11544
|
-
accessibilityText: accessibilityText,
|
|
11545
|
+
accessibilityText: accessibilityText && ",".concat(accessibilityText),
|
|
11545
11546
|
children: label
|
|
11546
11547
|
}), /*#__PURE__*/jsxs(Box, {
|
|
11547
11548
|
children: [/*#__PURE__*/jsx(Box, {
|