@popsure/dirty-swan 0.66.20 → 0.66.22
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/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/comparisonTable/components/Row/index.js +1 -1
- package/dist/esm/components/table/Table.stories.js +11 -6
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +13 -0
- package/dist/esm/components/table/components/TableContents/TableContents.test.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.module.scss +0 -5
- package/src/lib/components/comparisonTable/components/Row/style.module.scss +1 -5
- package/src/lib/components/table/Table.stories.tsx +20 -8
- package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.module.scss +5 -5
- package/src/lib/components/table/components/TableContents/TableContents.test.tsx +21 -0
- package/src/lib/components/table/components/TableContents/TableContents.tsx +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -21640,7 +21640,7 @@ function requireDist () {
|
|
|
21640
21640
|
|
|
21641
21641
|
var distExports = requireDist();
|
|
21642
21642
|
|
|
21643
|
-
var css_248z$o = ".AccordionItem-module_container__29xle {\n width: min-content;\n width: var(--growContent, min-content);\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n border: none;\n border-bottom: 1px solid #e7e7ed;\n background: white;\n color: #26262e;\n column-gap: 16px;\n cursor: pointer;\n font-family: inherit;\n outline: none;\n padding: 24px 0;\n position: relative;\n text-align: inherit;\n transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n
|
|
21643
|
+
var css_248z$o = ".AccordionItem-module_container__29xle {\n width: min-content;\n width: var(--growContent, min-content);\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n border: none;\n border-bottom: 1px solid #e7e7ed;\n background: white;\n color: #26262e;\n column-gap: 16px;\n cursor: pointer;\n font-family: inherit;\n outline: none;\n padding: 24px 0;\n position: relative;\n text-align: inherit;\n transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u[aria-expanded=true] {\n border-bottom-color: transparent;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n color: #696971;\n}\n.AccordionItem-module_headerButton__1C03u:hover .p-h3 {\n color: #696971;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n filter: brightness(0.425);\n}";
|
|
21644
21644
|
var styles$n = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
|
|
21645
21645
|
styleInject(css_248z$o);
|
|
21646
21646
|
|
|
@@ -21681,7 +21681,7 @@ var Chevron = function (_a) {
|
|
|
21681
21681
|
return (jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#26262e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
21682
21682
|
};
|
|
21683
21683
|
|
|
21684
|
-
var css_248z$n = ".style-module_row__3IzmA {\n border-bottom: 1px solid #e7e7ed;\n}\n.style-module_row__3IzmA:last-child {\n border-bottom: none;\n}\n\n.style-module_header__32rw- {\n position: relative;\n}\n.style-module_header__32rw- .style-module_cell__1NoZ6 {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- .style-module_cell__1NoZ6 {\n justify-content: flex-start;\n text-align: left;\n }\n}\n.style-module_header__32rw- > div {\n width: var(--tableWidth);\n max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n margin: 0;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- > div {\n width: 211px;\n width: var(--cellWidth, 211px);\n max-width: var(--tableWidth);\n scroll-snap-align: unset;\n }\n}\n\n.style-module_cell__1NoZ6 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n scroll-snap-align: end;\n line-height: 24px;\n padding: 16px 8px;\n}\n.style-module_cell__1NoZ6:first-child {\n padding: 16px 8px 16px 0;\n}\n
|
|
21684
|
+
var css_248z$n = ".style-module_row__3IzmA {\n border-bottom: 1px solid #e7e7ed;\n}\n.style-module_row__3IzmA:last-child {\n border-bottom: none;\n}\n\n.style-module_header__32rw- {\n position: relative;\n}\n.style-module_header__32rw- .style-module_cell__1NoZ6 {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- .style-module_cell__1NoZ6 {\n justify-content: flex-start;\n text-align: left;\n }\n}\n.style-module_header__32rw- > div {\n width: var(--tableWidth);\n max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n margin: 0;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- > div {\n width: 211px;\n width: var(--cellWidth, 211px);\n max-width: var(--tableWidth);\n scroll-snap-align: unset;\n }\n}\n\n.style-module_cell__1NoZ6 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n scroll-snap-align: end;\n line-height: 24px;\n padding: 16px 8px;\n}\n.style-module_cell__1NoZ6:first-child {\n padding: 16px 8px 16px 0;\n}\n.style-module_cell__1NoZ6 {\n color: #26262e;\n width: 50vw;\n max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n background-color: white;\n /** Add scroll snap to every column except the first one */\n scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: unset;\n }\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6 {\n flex: 1 0 211px;\n flex: 1 0 var(--cellWidth, 211px);\n width: 211px;\n width: var(--cellWidth, 211px);\n }\n .style-module_cell__1NoZ6:first-child {\n padding: 24px 8px 24px 0;\n }\n .style-module_cell__1NoZ6 {\n padding: 24px 8px;\n }\n}\n\nh4.style-module_cell__1NoZ6 {\n max-width: min(212px, var(--tableWidth) / 2);\n max-width: min(var(--firstColumnWidth, 212px), var(--tableWidth) / 2);\n}\n\n.style-module_title__1xYvu {\n position: relative;\n color: #26262e;\n display: none;\n}\n@media (min-width: 34rem) {\n .style-module_title__1xYvu {\n display: flex;\n }\n}\n\n.style-module_sticky__2T5jm {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_sticky__2T5jm {\n flex: 1 0 288px;\n }\n}\n\nh4.style-module_addon__CPf60 {\n max-width: calc(100vw - 64px);\n width: 100%;\n}\n@media (min-width: 64rem) {\n h4.style-module_addon__CPf60 {\n max-width: 976px;\n }\n}";
|
|
21685
21685
|
var styles$m = {"row":"style-module_row__3IzmA","header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
|
|
21686
21686
|
styleInject(css_248z$n);
|
|
21687
21687
|
|
|
@@ -22716,7 +22716,7 @@ var CardCell = function (_a) {
|
|
|
22716
22716
|
return (jsxRuntime.jsx("div", { className: "ta-left", children: jsxRuntime.jsx(Card, __assign({ title: title, description: description, density: "medium", icon: renderedIcon, onClick: onClick }, (href && { href: href, as: 'a' }), { actionIcon: null, showActionIcon: false })) }));
|
|
22717
22717
|
};
|
|
22718
22718
|
|
|
22719
|
-
var css_248z$7 = ".ButtonCell-module_buttonCell__x4NNi {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: calc(100% +
|
|
22719
|
+
var css_248z$7 = ".ButtonCell-module_buttonCell__x4NNi {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: calc(100% + 40px);\n margin-left: -20px;\n margin-right: -20px;\n padding: 16px 24px;\n border-radius: 12px;\n border: 1px solid #e7e7ed;\n background-color: transparent;\n color: #26262e;\n cursor: pointer;\n transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n text-align: left;\n}\n.ButtonCell-module_buttonCell__x4NNi:hover:not(:disabled):not(.ButtonCell-module_selected__22pF_) {\n background-color: #FAF8F5;\n}\n.ButtonCell-module_buttonCell__x4NNi:focus-visible {\n outline: 1px solid #26262e;\n outline-offset: 0;\n}\n@media (max-width: 34rem) {\n .ButtonCell-module_buttonCell__x4NNi {\n pointer-events: none;\n }\n}\n\n.ButtonCell-module_selected__22pF_ {\n border: 1px solid #26262e;\n background-color: #FAF8F5;\n}\n\n.ButtonCell-module_disabled__1TmtK {\n background-color: #f7f7fd;\n cursor: default;\n opacity: 1;\n pointer-events: none;\n}";
|
|
22720
22720
|
var styles$7 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","selected":"ButtonCell-module_selected__22pF_","disabled":"ButtonCell-module_disabled__1TmtK"};
|
|
22721
22721
|
styleInject(css_248z$7);
|
|
22722
22722
|
|
|
@@ -22932,7 +22932,7 @@ var TableContents = function (_a) {
|
|
|
22932
22932
|
.filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
|
|
22933
22933
|
var result = (isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { ref: function (el) { sectionRefs.current[index] = el; }, children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$4.sectionButtonWrapper, children: collapsibleSections ? (jsxRuntime.jsxs("button", { type: "button", "aria-expanded": isExpanded, className: classNames('d-flex ai-center jc-between ta-left bg-white', styles$4.sectionButton), onClick: function () { return handleToggleSection(index); }, children: [jsxRuntime.jsxs("span", { className: "d-flex ai-center gap8", children: [renderedIcon, jsxRuntime.jsx("span", { className: "p-h3", children: section.title })] }), isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 20 }))] })) : (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-between ta-left bg-white', styles$4.sectionButton), children: jsxRuntime.jsxs("span", { className: "d-flex ai-center gap8", children: [renderedIcon, jsxRuntime.jsx("span", { className: "p-h3", children: section.title })] }) })) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, onTransitionEnd: function () { return handleScrollToSection(index); }, children: jsxRuntime.jsx(TableSection, { className: classNames(className, 'mb16', {
|
|
22934
22934
|
mt16: !!(section === null || section === void 0 ? void 0 : section.title),
|
|
22935
|
-
}), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: !showHeader, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent, selectedColumn: selectedColumn }) })] }, index));
|
|
22935
|
+
}), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: !showHeader || !isFirstSection, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent, selectedColumn: selectedColumn }) })] }, index));
|
|
22936
22936
|
// Update global offset for next section (excluding header row for non-first sections)
|
|
22937
22937
|
globalRowOffset += rows.length;
|
|
22938
22938
|
return result;
|