@popsure/dirty-swan 0.54.24 → 0.54.26

package/dist/cjs/index.js

@@ -2609,7 +2609,7 @@ var CheckSquare = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9m0-5-9.824 9.824a.25.25 0 0 1-.353 0l-2.651-2.652" }));
 });
 
-var CheckThick = (function (props) {
+var CheckThickIcon = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M20 7 9 18l-5-5" }));
 });
 
@@ -14357,12 +14357,12 @@ var Accordion = function (_a) {
         }) }));
 };
 
-var css_248z$9 = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n.TableCell-module_thNavigation__qZ2sY {\n  width: auto;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
+var css_248z$9 = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n.TableCell-module_thNavigation__qZ2sY {\n  width: 100%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_thNavigation__qZ2sY {\n    width: auto;\n  }\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
 var styles$9 = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
 styleInject(css_248z$9);
 
-var css_248z$8 = ".BaseCell-module_relative__1v2X0 {\n  position: relative;\n}\n\n@media (max-width: 34rem) {\n  .BaseCell-module_maxWidth__14Cly {\n    max-width: calc(100% - 64px);\n  }\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n  position: absolute;\n  right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: flex;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}";
-var styles$8 = {"relative":"BaseCell-module_relative__1v2X0","maxWidth":"BaseCell-module_maxWidth__14Cly","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
+var css_248z$8 = "@media (max-width: 34rem) {\n  .BaseCell-module_maxWidth__14Cly {\n    max-width: calc(100% - 64px);\n  }\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: flex;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}";
+var styles$8 = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
 styleInject(css_248z$8);
 
 var css_248z$7 = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #ebebff;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #8e8cee;\n}";
@@ -14388,7 +14388,7 @@ var progressLookup = {
 };
 var BaseCell = function (_a) {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? 'center' : _c, checkmarkValue = _a.checkmarkValue, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.fontVariant, fontVariant = _e === void 0 ? 'NORMAL' : _e, _f = _a.hideProgressBar, hideProgressBar = _f === void 0 ? false : _f, _g = _a.modalTitle, modalTitle = _g === void 0 ? '' : _g, _h = _a.modalContent, modalContent = _h === void 0 ? '' : _h, openModal = _a.openModal, rating = _a.rating, _j = _a.text, text = _j === void 0 ? '' : _j;
+    var _c = _a.align, align = _c === void 0 ? 'center' : _c, checkmarkValue = _a.checkmarkValue, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.fontVariant, fontVariant = _e === void 0 ? 'NORMAL' : _e, _f = _a.hideProgressBar, hideProgressBar = _f === void 0 ? false : _f, _g = _a.modalTitle, modalTitle = _g === void 0 ? '' : _g, _h = _a.modalContent, modalContent = _h === void 0 ? '' : _h, openModal = _a.openModal, rating = _a.rating, _j = _a.text, text = _j === void 0 ? '' : _j, className = _a.className;
     var alignClassName = {
         center: 'ta-center jc-center ai-center',
         left: 'ta-left jc-start',
@@ -14399,19 +14399,16 @@ var BaseCell = function (_a) {
     var progressBarValue = !hideProgressBar && typeof text === 'string'
         ? progressLookup[text]
         : undefined;
-    return (jsxRuntime.jsx("div", { className: classNames$1('d-flex gap8 ai-center', {
+    return (jsxRuntime.jsx("div", { className: classNames$1(className, 'd-flex gap8 ai-center', {
             'jc-center': align === 'center',
-        }), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, styles$8.relative, (_b = {}, _b[styles$8.maxWidth] = modalContent && align === 'center', _b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$8.icon }, value)); }) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsxRuntime.jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p d-inline", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$8.bigWithUnderline), children: text })), modalContent && openModal && align == 'left' && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
+        }), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, (_b = {},
+                _b[styles$8.maxWidth] = modalContent && align === 'center',
+                _b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$8.icon, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p d-inline ml8", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$8.bigWithUnderline), children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
                                             return openModal({
                                                 title: modalTitle,
                                                 body: modalContent,
                                             });
-                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$8.description, 'd-flex p-p--small tc-grey-500', alignClassName), children: description })), modalContent && openModal && align == 'center' && (jsxRuntime.jsx("span", { className: styles$8.infoButtonAbsolute, children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
-                            return openModal({
-                                title: modalTitle,
-                                body: modalContent,
-                            });
-                        } }) }))] }) }));
+                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$8.description, 'd-flex p-p--small tc-grey-500', alignClassName), children: description }))] }) }));
 };
 
 var css_248z$6 = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n  padding: 8px !important;\n}";
@@ -14419,23 +14416,23 @@ var styles$6 = {"narrow":"CTACell-module_narrow__1EPPT"};
 styleInject(css_248z$6);
 
 var IconRenderer = function (_a) {
-    var icon = _a.icon, imageComponent = _a.imageComponent;
+    var icon = _a.icon, imageComponent = _a.imageComponent, _b = _a.width, width = _b === void 0 ? 24 : _b;
     var ImageComponent = imageComponent !== null && imageComponent !== void 0 ? imageComponent : 'img';
     var iconIsUrl = typeof icon === 'string';
-    var renderedIcon = iconIsUrl ? (jsxRuntime.jsx(ImageComponent, { src: icon, width: 24, alt: "" })) : (icon);
+    var renderedIcon = iconIsUrl ? (jsxRuntime.jsx(ImageComponent, { src: icon, width: width, alt: "" })) : (icon);
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderedIcon });
 };
 
 var CTACell = function (_a) {
     var _b;
-    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent;
+    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, rest = __rest$1(_a, ["title", "price", "icon", "grey", "narrow", "href", "buttonCaption", "imageComponent", "className"]);
     var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
-    return (jsxRuntime.jsxs("div", { className: "ta-center", children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16 w100 wmx3', (_b = {
+    return (jsxRuntime.jsxs("div", __assign({ className: classNames$1(className, "ta-center") }, rest, { children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16 w100 wmx3', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles$6.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] })));
 };
 
 var CardCell = function (_a) {
@@ -14450,12 +14447,12 @@ styleInject(css_248z$5);
 
 var ButtonCell = function (_a) {
     var _b;
-    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
-    return (jsxRuntime.jsx("div", { className: "w100 d-flex fd-column ai-center jc-center gap8", children: jsxRuntime.jsxs(Button, { className: classNames$1('w100 wmx5 d-flex fd-column', styles$5.buttonCell, (_b = {},
+    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, rest = __rest$1(_a, ["isSelected", "onClick", "buttonCaption", "price", "disabled", "className"]);
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1("w100 d-flex fd-column ai-center jc-center gap8", className) }, rest, { children: jsxRuntime.jsxs(Button, { className: classNames$1('w100 wmx5 d-flex fd-column', styles$5.buttonCell, (_b = {},
                 _b[styles$5.selected] = isSelected,
                 _b[styles$5.withoutPrice] = !price,
                 _b[styles$5.withPrice] = !!price,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p tc-purple-500", children: price })] }) }));
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p tc-purple-500", children: price })] }) })));
 };
 
 var TableCell = require$$0__default['default'].memo(function (_a) {
@@ -14609,8 +14606,8 @@ var TableSection = function (_a) {
                 }) })] }));
 };
 
-var css_248z$2 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}";
-var styles$2 = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h"};
+var css_248z$2 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
+var styles$2 = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
 styleInject(css_248z$2);
 
 var css_248z$1 = ".Collapsible-module_collapsible__2wWKs {\n  transition: max-height 0.3s ease-in-out;\n  overflow-y: clip;\n}";
@@ -14670,10 +14667,10 @@ var TableContents = function (_a) {
                 ? true
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
-            var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent }));
+            var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
             return ((isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
-                                    wrapper: 'bg-grey-200 pl16',
-                                    icon: 'tc-grey-900',
+                                    wrapper: 'bg-purple-50 pl16',
+                                    icon: classNames$1(styles$2.cardIcon, 'tc-grey-900'),
                                 }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
@@ -14731,7 +14728,7 @@ var useTableNavigation = function (_a) {
     };
 };
 
-var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}";
+var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  min-width: 32px;\n}";
 var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
 styleInject(css_248z);
 
@@ -14810,11 +14807,11 @@ var Table = function (_a) {
                             }
                             : {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })] })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$4.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$4.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, openModal: handleOpenModal, tableCellRows: [(_j = (_h = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _h === void 0 ? void 0 : _h.rows) === null || _j === void 0 ? void 0 : _j[0]], title: title, imageComponent: imageComponent }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$4.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideColumns: hideColumns, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent }) }), hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
                     buttonWrapper: 'm8 mt32',
-                    title: 'd-flex gap8 ai-center jc-center',
+                    title: 'd-flex gap8 ai-center jc-center fw-bold',
                     wrapper: 'bg-grey-200',
                 }, title: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldHideDetails
                             ? textOverrides.showDetails
-                            : textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 24 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "compact", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: "pt8 p24 wmn6", children: modalContentRenderer
+                            : textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "compact", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: "pt8 p24 wmn6", children: modalContentRenderer
                         ? modalContentRenderer(infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body)
                         : infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
 };
@@ -14897,7 +14894,7 @@ exports.CheckIcon = CheckIcon;
 exports.CheckInCircleFilledIcon = CheckInCircleFilled;
 exports.CheckInCircleIcon = CheckInCircle;
 exports.CheckSquareIcon = CheckSquare;
-exports.CheckThickIcon = CheckThick;
+exports.CheckThickIcon = CheckThickIcon;
 exports.Checkbox = Checkbox;
 exports.CheckboxCheckedIcon = CheckboxChecked;
 exports.CheckboxUncheckedIcon = CheckboxUnchecked;