@razorpay/blade 10.20.0 → 10.21.0

package/build/components/index.production.web.js

@@ -3011,6 +3011,9 @@ function createStylisCSSHigherSpecificityPlugin() {
       selector = _selectors[0];
     selectors[0] = "".concat(selector.repeat(5));
   };
+  Object.defineProperty(stylisCSSHigherSpecificity, 'name', {
+    value: 'stylisCSSHigherSpecificity'
+  });
   return stylisCSSHigherSpecificity;
 }
 
@@ -20413,7 +20416,8 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
   var children = _ref.children,
     testID = _ref.testID,
     _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? OVERLAY_ZINDEX : _ref$zIndex;
+    zIndex = _ref$zIndex === void 0 ? OVERLAY_ZINDEX : _ref$zIndex,
+    width = _ref.width;
   var _useDropdown = useDropdown(),
     isOpen = _useDropdown.isOpen,
     triggererRef = _useDropdown.triggererRef,
@@ -20487,7 +20491,7 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
       isInBottomSheet: bottomSheetAndDropdownGlue === null || bottomSheetAndDropdownGlue === void 0 ? void 0 : bottomSheetAndDropdownGlue.dropdownHasBottomSheet,
       elevation: bottomSheetAndDropdownGlue !== null && bottomSheetAndDropdownGlue !== void 0 && bottomSheetAndDropdownGlue.dropdownHasBottomSheet ? undefined : 'midRaised',
       style: _objectSpread$1d({}, styles),
-      width: "100%"
+      width: width ? width : '100%'
     }, metaAttribute({
       name: MetaConstants.DropdownOverlay,
       testID: testID
@@ -36683,15 +36687,13 @@ function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) {
 var _CollapsibleBody = function _CollapsibleBody(_ref) {
   var children = _ref.children,
     testID = _ref.testID,
-    _width = _ref._width;
+    width = _ref.width;
   var _useCollapsible = useCollapsible(),
     collapsibleBodyId = _useCollapsible.collapsibleBodyId,
     isExpanded = _useCollapsible.isExpanded;
   return /*#__PURE__*/jsx$1(BaseBox, _objectSpread$d(_objectSpread$d(_objectSpread$d({
-    id: collapsibleBodyId
-    // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion
-    ,
-    width: _width
+    id: collapsibleBodyId,
+    width: width
   }, makeAccessible({
     role: 'region',
     hidden: !isExpanded
@@ -36786,7 +36788,7 @@ var AccordionItem = function AccordionItem(_ref) {
       }), /*#__PURE__*/jsx$1(CollapsibleBody
       // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion
       , {
-        _width: isReactNative$4() ? '100%' : undefined,
+        width: isReactNative$4() ? '100%' : undefined,
         children: collapsibleBodyContent
       })]
     }), /*#__PURE__*/jsx$1(Divider, {})]