@razorpay/blade 5.4.0 → 5.4.2

package/build/components/index.web.js

@@ -5608,7 +5608,7 @@ var CodeContainer = /*#__PURE__*/styled(Box).withConfig({
   var padding = "".concat(makeSpace(props.theme.spacing[0]), " ").concat(makeSpace(props.theme.spacing[2]));
   return {
     padding: padding,
-    backgroundColor: props.theme.colors.brand.gray[400].lowContrast,
+    backgroundColor: props.theme.colors.brand.gray.a50.lowContrast,
     borderRadius: props.theme.border.radius.medium,
     display: isPlatformWeb ? 'inline-block' : undefined,
     // Removing the line height of container to remove extra surrounding space in background
@@ -6877,39 +6877,12 @@ var Alert = function Alert(_ref) {
   }));
 };
 
-var verticalPadding$1 = {
-  small: 'spacing.0',
-  medium: 'spacing.1',
-  large: 'spacing.2'
-};
-var horizontalPadding$1 = {
-  small: 'spacing.3',
-  medium: 'spacing.3',
-  large: 'spacing.4'
-};
-var iconPadding = {
-  small: 'spacing.1',
-  medium: 'spacing.2',
-  large: 'spacing.2'
-};
-var iconSize = {
-  small: 'xsmall',
-  medium: 'small',
-  large: 'small'
-};
-var maxWidth$1 = {
-  onMobile: 100,
-  onDesktop: 120
-};
-
 var getStyledBadgeStyles = function getStyledBadgeStyles(_ref) {
   var theme = _ref.theme,
-      platform = _ref.platform,
       backgroundColor = _ref.backgroundColor;
   return {
     backgroundColor: get_1(theme.colors, backgroundColor),
     borderRadius: makeBorderSize(theme.border.radius.max),
-    maxWidth: makeSize(maxWidth$1[platform]),
     display: 'flex',
     flexWrap: 'nowrap'
   };
@@ -6927,6 +6900,27 @@ var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   });
 });
 
+var verticalPadding$1 = {
+  small: 'spacing.0',
+  medium: 'spacing.1',
+  large: 'spacing.2'
+};
+var horizontalPadding$1 = {
+  small: 'spacing.3',
+  medium: 'spacing.3',
+  large: 'spacing.4'
+};
+var iconPadding = {
+  small: 'spacing.1',
+  medium: 'spacing.2',
+  large: 'spacing.2'
+};
+var iconSize = {
+  small: 'xsmall',
+  medium: 'small',
+  large: 'small'
+};
+
 function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -6974,9 +6968,6 @@ var Badge = function Badge(_ref2) {
     throw new Error('[Blade: Badge]: Text as children is required for Badge.');
   }
 
-  var _useTheme = useTheme(),
-      platform = _useTheme.platform;
-
   var _getColorProps = getColorProps$1({
     variant: variant,
     contrast: contrast
@@ -6987,8 +6978,7 @@ var Badge = function Badge(_ref2) {
 
   return /*#__PURE__*/jsx(StyledBadge, _objectSpread$p(_objectSpread$p({
     backgroundColor: backgroundColor,
-    size: size,
-    platform: platform
+    size: size
   }, metaAttribute(MetaConstants.Component, MetaConstants.Badge)), {}, {
     children: /*#__PURE__*/jsxs(Box, {
       paddingRight: horizontalPadding$1[size],
@@ -10267,7 +10257,8 @@ var OTPInput = function OTPInput(_ref) {
         hidden: true,
         id: inputId,
         name: name,
-        value: (_ref6 = inputValue !== null && inputValue !== void 0 ? inputValue : otpValue.join('')) !== null && _ref6 !== void 0 ? _ref6 : ''
+        value: (_ref6 = inputValue !== null && inputValue !== void 0 ? inputValue : otpValue.join('')) !== null && _ref6 !== void 0 ? _ref6 : '',
+        readOnly: true
       });
     }
 
@@ -11525,7 +11516,7 @@ var RadioGroup = function RadioGroup(_ref) {
 
   var showError = validationState === 'error' && errorText;
   var showHelpText = !showError && helpText;
-  var accessibilityText = ",".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '');
+  var accessibilityText = "".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '').trim();
   var isReactNative = getPlatformType() === 'react-native';
   var gap = radioSizes.group.gap[size][matchedDeviceType];
   var childCount = React__default.Children.count(children);
@@ -11541,7 +11532,7 @@ var RadioGroup = function RadioGroup(_ref) {
         necessityIndicator: necessityIndicator,
         position: labelPosition,
         id: ids.labelId,
-        accessibilityText: accessibilityText,
+        accessibilityText: accessibilityText && ",".concat(accessibilityText),
         children: label
       }), /*#__PURE__*/jsxs(Box, {
         children: [/*#__PURE__*/jsx(Box, {