@razorpay/blade 8.8.1 → 8.8.3

package/build/components/index.web.js

@@ -5512,7 +5512,8 @@ var _ActionList = function _ActionList(_ref) {
 };
 
 var ActionList = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionList), {
-  displayName: componentIds$1.ActionList
+  displayName: componentIds$1.ActionList,
+  componentId: componentIds$1.ActionList
 });
 
 var getBaseActionListItemStyles = function getBaseActionListItemStyles(props) {
@@ -20001,7 +20002,7 @@ var _Badge = function _Badge(_ref2) {
       paddingLeft: horizontalPadding$1[size],
       paddingTop: verticalPadding$1[size],
       paddingBottom: verticalPadding$1[size],
-      display: "flex",
+      display: isReactNative$4() ? 'flex' : 'inline-flex',
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center",
@@ -20458,22 +20459,6 @@ var Button = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.
   componentId: 'Button'
 });
 
-var getDividerStyles = function getDividerStyles(theme) {
-  return {
-    borderBottomWidth: makeSize(theme.border.width.thin),
-    borderBottomStyle: 'solid',
-    borderColor: theme.colors.surface.border.normal.lowContrast
-  };
-};
-
-var Divider$1 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Dividerweb__Divider",
-  componentId: "sc-11gx34j-0"
-})(function (_ref) {
-  var theme = _ref.theme;
-  return getDividerStyles(theme);
-});
-
 var verticalPadding = {
   small: 'spacing.0',
   medium: 'spacing.1',
@@ -20584,7 +20569,7 @@ var Counter = function Counter(_ref2) {
       paddingLeft: horizontalPadding[size],
       paddingTop: verticalPadding[size],
       paddingBottom: verticalPadding[size],
-      display: "flex",
+      display: isReactNative$4() ? 'flex' : 'inline-flex',
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center",
@@ -20605,6 +20590,22 @@ var Counter = function Counter(_ref2) {
   }));
 };
 
+var getDividerStyles = function getDividerStyles(theme) {
+  return {
+    borderBottomWidth: makeSize(theme.border.width.thin),
+    borderBottomStyle: 'solid',
+    borderColor: theme.colors.surface.border.normal.lowContrast
+  };
+};
+
+var Divider$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Dividerweb__Divider",
+  componentId: "sc-11gx34j-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return getDividerStyles(theme);
+});
+
 function ownKeys$I(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$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -21601,8 +21602,9 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
   return /*#__PURE__*/jsx(BaseBox, {
     position: "relative",
     children: /*#__PURE__*/jsx(StyledDropdownOverlay, _objectSpread$E(_objectSpread$E({
-      width: isMenu ? undefined : width,
-      minWidth: "240px" // in SelectInput, we don't want to set maxWidth because it takes width according to the trigger
+      width: isMenu ? undefined : width // In SelectInput, Overlay should always take width of Input
+      ,
+      minWidth: isMenu ? undefined : '240px' // in SelectInput, we don't want to set maxWidth because it takes width according to the trigger
       ,
       maxWidth: isMenu ? '400px' : undefined,
       left: isMenu ? 'spacing.0' : undefined,