@popsure/dirty-swan 0.66.16 → 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 +2 -2
- 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/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/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,
|
|
@@ -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
|
|