@popsure/dirty-swan 0.66.15 → 0.66.17
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 +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/table/Table.stories.d.ts +12 -0
- package/dist/esm/components/table/Table.stories.js +355 -1
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js +1 -1
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js +3 -3
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/Collapsible.js +1 -1
- package/dist/esm/lib/components/table/Table.stories.d.ts +12 -0
- package/package.json +1 -1
- package/src/lib/components/table/Table.stories.tsx +390 -0
- package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx +1 -1
- package/src/lib/components/table/components/TableCell/CTACell/CTACell.module.scss +4 -0
- package/src/lib/components/table/components/TableCell/CTACell/CTACell.tsx +1 -1
- package/src/lib/components/table/components/TableContents/Collapsible.module.scss +1 -0
package/dist/cjs/index.js
CHANGED
|
@@ -22670,7 +22670,7 @@ var BaseCell = function (_a) {
|
|
|
22670
22670
|
'jc-center': align === 'center',
|
|
22671
22671
|
}), children: jsxRuntime.jsxs("div", { className: classNames('d-flex fd-column', alignClassName, (_b = {},
|
|
22672
22672
|
_b[styles$9.maxWidth] = modalContent && align === 'center',
|
|
22673
|
-
_b)), children: [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) ? 'neutral-900' : 'neutral-400', className: styles$9.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: "neutral-900" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "neutral-500" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: classNames("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-
|
|
22673
|
+
_b)), children: [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) ? 'neutral-900' : 'neutral-400', className: styles$9.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: "neutral-900" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "neutral-500" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: classNames("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h2 tc-neutral-900", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'TITLE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: "tc-grey-800 p-h2 p--serif", children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
|
|
22674
22674
|
return openModal({
|
|
22675
22675
|
title: modalTitle,
|
|
22676
22676
|
body: modalContent,
|
|
@@ -22678,8 +22678,8 @@ var BaseCell = function (_a) {
|
|
|
22678
22678
|
} }) }))] })] }), progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), description && (jsxRuntime.jsx("div", { className: classNames(styles$9.description, 'd-flex p-p--small tc-neutral-600', alignClassName), children: description }))] }) }));
|
|
22679
22679
|
};
|
|
22680
22680
|
|
|
22681
|
-
var css_248z$7 = ".CTACell-module_narrow__1EPPT {\n height: 40px;\n padding: 8px !important;\n}";
|
|
22682
|
-
var styles$7 = {"narrow":"CTACell-module_narrow__1EPPT"};
|
|
22681
|
+
var css_248z$7 = ".CTACell-module_button__38ozg {\n max-width: 176px;\n}\n\n.CTACell-module_narrow__1EPPT {\n height: 40px;\n padding: 8px !important;\n}";
|
|
22682
|
+
var styles$7 = {"button":"CTACell-module_button__38ozg","narrow":"CTACell-module_narrow__1EPPT"};
|
|
22683
22683
|
styleInject(css_248z$7);
|
|
22684
22684
|
|
|
22685
22685
|
var IconRenderer = function (_a) {
|
|
@@ -22699,7 +22699,7 @@ var CTACell = function (_a) {
|
|
|
22699
22699
|
href: href,
|
|
22700
22700
|
target: '_blank',
|
|
22701
22701
|
rel: 'noopener noreferrer',
|
|
22702
|
-
}, { className: classNames('mt16 w100
|
|
22702
|
+
}, { className: classNames('mt16 w100', styles$7.button, (_b = {
|
|
22703
22703
|
'p-btn--primary': !grey,
|
|
22704
22704
|
'p-btn--secondary-grey': grey
|
|
22705
22705
|
},
|
|
@@ -22849,7 +22849,7 @@ var css_248z$3 = ".TableContents-module_sectionButtonWrapper__12yA7 {\n height:
|
|
|
22849
22849
|
var styles$3 = {"sectionButtonWrapper":"TableContents-module_sectionButtonWrapper__12yA7","sectionButton":"TableContents-module_sectionButton__1pY12"};
|
|
22850
22850
|
styleInject(css_248z$3);
|
|
22851
22851
|
|
|
22852
|
-
var css_248z$2 = ".Collapsible-module_collapsible__2wWKs {\n transition: max-height 0.3s ease-in-out;\n overflow-y: clip;\n}";
|
|
22852
|
+
var css_248z$2 = ".Collapsible-module_collapsible__2wWKs {\n display: flow-root;\n transition: max-height 0.3s ease-in-out;\n overflow-y: clip;\n}";
|
|
22853
22853
|
var styles$2 = {"collapsible":"Collapsible-module_collapsible__2wWKs"};
|
|
22854
22854
|
styleInject(css_248z$2);
|
|
22855
22855
|
|