@razorpay/blade 10.20.1 → 10.21.0
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/build/components/index.d.ts +2 -5
- package/build/components/index.development.web.js +4 -6
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +2 -5
- package/build/components/index.native.js +2 -2
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +4 -6
- package/build/components/index.production.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 +1 -1
|
@@ -8201,12 +8201,9 @@ declare const CollapsibleButton: React$1.ForwardRefExoticComponent<CollapsibleBu
|
|
|
8201
8201
|
|
|
8202
8202
|
declare type CollapsibleBodyProps = {
|
|
8203
8203
|
children: ReactNode;
|
|
8204
|
-
|
|
8205
|
-
* **Internal**: used for React Native specific workarounds. Collapsible automatically takes care of width, you shouldn't need to configure this
|
|
8206
|
-
*/
|
|
8207
|
-
_width?: BaseBoxProps['width'];
|
|
8204
|
+
width?: BaseBoxProps['width'];
|
|
8208
8205
|
} & TestID;
|
|
8209
|
-
declare const CollapsibleBody: ({ children, testID,
|
|
8206
|
+
declare const CollapsibleBody: ({ children, testID, width }: CollapsibleBodyProps) => ReactElement;
|
|
8210
8207
|
|
|
8211
8208
|
declare type TooltipProps = {
|
|
8212
8209
|
/**
|
|
@@ -37217,15 +37217,13 @@ function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
37217
37217
|
var _CollapsibleBody = function _CollapsibleBody(_ref) {
|
|
37218
37218
|
var children = _ref.children,
|
|
37219
37219
|
testID = _ref.testID,
|
|
37220
|
-
|
|
37220
|
+
width = _ref.width;
|
|
37221
37221
|
var _useCollapsible = useCollapsible(),
|
|
37222
37222
|
collapsibleBodyId = _useCollapsible.collapsibleBodyId,
|
|
37223
37223
|
isExpanded = _useCollapsible.isExpanded;
|
|
37224
37224
|
return /*#__PURE__*/jsx$1(BaseBox, _objectSpread$d(_objectSpread$d(_objectSpread$d({
|
|
37225
|
-
id: collapsibleBodyId
|
|
37226
|
-
|
|
37227
|
-
,
|
|
37228
|
-
width: _width
|
|
37225
|
+
id: collapsibleBodyId,
|
|
37226
|
+
width: width
|
|
37229
37227
|
}, makeAccessible({
|
|
37230
37228
|
role: 'region',
|
|
37231
37229
|
hidden: !isExpanded
|
|
@@ -37320,7 +37318,7 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
37320
37318
|
}), /*#__PURE__*/jsx$1(CollapsibleBody
|
|
37321
37319
|
// Just React Native things, need this 100% so collapsed content flows correctly inside Accordion
|
|
37322
37320
|
, {
|
|
37323
|
-
|
|
37321
|
+
width: isReactNative$4() ? '100%' : undefined,
|
|
37324
37322
|
children: collapsibleBodyContent
|
|
37325
37323
|
})]
|
|
37326
37324
|
}), /*#__PURE__*/jsx$1(Divider, {})]
|