@razorpay/blade 10.20.0 → 10.21.0

package/build/components/index.d.ts

@@ -4876,11 +4876,12 @@ declare type DropdownOverlayProps = {
      * @default 1001
      */
     zIndex?: number;
+    width?: BoxProps['width'];
 } & TestID;
 
 declare const Dropdown: ({ children, isOpen, onOpenChange, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
 
-declare const DropdownOverlay: ({ children, testID, zIndex, }: DropdownOverlayProps) => React__default.ReactElement | null;
+declare const DropdownOverlay: ({ children, testID, zIndex, width, }: DropdownOverlayProps) => React__default.ReactElement | null;
 
 declare type DropdownButtonProps = ButtonProps & {
     onBlur?: BaseButtonProps['onBlur'];
@@ -8200,12 +8201,9 @@ declare const CollapsibleButton: React$1.ForwardRefExoticComponent<CollapsibleBu
 
 declare type CollapsibleBodyProps = {
     children: ReactNode;
-    /**
-     * **Internal**: used for React Native specific workarounds. Collapsible automatically takes care of width, you shouldn't need to configure this
-     */
-    _width?: BaseBoxProps['width'];
+    width?: BaseBoxProps['width'];
 } & TestID;
-declare const CollapsibleBody: ({ children, testID, _width }: CollapsibleBodyProps) => ReactElement;
+declare const CollapsibleBody: ({ children, testID, width }: CollapsibleBodyProps) => ReactElement;
 
 declare type TooltipProps = {
     /**

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

@@ -3096,6 +3096,9 @@ function createStylisCSSHigherSpecificityPlugin() {
       selector = _selectors[0];
     selectors[0] = "".concat(selector.repeat(5));
   };
+  Object.defineProperty(stylisCSSHigherSpecificity, 'name', {
+    value: 'stylisCSSHigherSpecificity'
+  });
   return stylisCSSHigherSpecificity;
 }
 
@@ -20789,7 +20792,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,
@@ -20863,7 +20867,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
@@ -37213,15 +37217,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
@@ -37316,7 +37318,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, {})]