@popsure/dirty-swan 0.28.2 → 0.28.3

package/dist/cjs/index.d.ts

@@ -1,2 +1,2 @@
 export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, } from './lib';
-export type { TableHeader, DownloadStatus } from './lib';
+export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus } from './lib';

package/dist/cjs/index.js

@@ -13664,7 +13664,7 @@ var Chevron = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ 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: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 };
 
-var css_248z$8 = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: var(--tableWidth);\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: 256px;\n    width: var(--cellWidth, 256px);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\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 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\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    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\n.style-module_addon__CPf60 {\n  width: 100%;\n  border-right: none;\n  max-width: 100vw;\n}\n@media (min-width: 64rem) {\n  .style-module_addon__CPf60 {\n    max-width: 944px;\n  }\n}";
+var css_248z$8 = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: var(--tableWidth);\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: 256px;\n    width: var(--cellWidth, 256px);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\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 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\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    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100vw;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
 var styles$7 = {"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"};
 styleInject(css_248z$8);
 
@@ -13714,13 +13714,13 @@ var TableArrows = function (props) {
                     _b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
 };
 
-var css_248z$6 = ".style-module_button__2W-YC {\n  background-color: transparent;\n  border-bottom: 2px dashed #696970;\n  color: #4c4c53;\n  cursor: pointer;\n  padding: 2px;\n  transition: 0.3s ease;\n  transition-property: color, border-color;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  border-color: #8e8cee;\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}";
+var css_248z$6 = ".style-module_button__2W-YC {\n  background-color: transparent;\n  color: #4c4c53;\n  cursor: pointer;\n  margin: 2px 0;\n  padding: 2px;\n  transition: color 0.3s ease;\n}\n.style-module_button__2W-YC span {\n  border-bottom: 2px dashed #696970;\n  display: inline;\n  transition: border-color 0.3s ease;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}\n.style-module_button__2W-YC:hover span, .style-module_button__2W-YC:focus span {\n  border-color: #8e8cee;\n}";
 var styles$5 = {"button":"style-module_button__2W-YC"};
 styleInject(css_248z$6);
 
 var TableButton = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsx("button", __assign({ className: styles$5.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: children }), void 0));
+    return (jsxRuntime.jsx("button", __assign({ className: styles$5.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsxRuntime.jsx("span", { children: children }, void 0) }), void 0));
 };
 
 var css_248z$5 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #e6e5ff;\n  transition: all 0.3s ease;\n}";
@@ -13759,7 +13759,7 @@ var VALID_VALUES = [1, 2, 3];
 var TableRating = function (props) {
     var rating = props.rating, type = props.type;
     var SelectedIcon = getRatingIcon(type);
-    return (jsxRuntime.jsx("div", { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$3.icon, value <= rating ? styles$3.filled : styles$3.empty) }, value)); }) }, void 0));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$3.icon, value <= rating ? styles$3.filled : styles$3.empty) }, value)); }) }, void 0));
 };
 
 var css_248z$3 = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
@@ -13769,7 +13769,7 @@ styleInject(css_248z$3);
 var TableRowHeader = function (_a) {
     var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
     return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$2.icon }, { children: icon }), void 0),
-            jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsxRuntime.jsx("span", { children: label }, void 0)) : (jsxRuntime.jsx(TableButton, __assign({ className: "mr8", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
+            jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsxRuntime.jsx("span", { children: label }, void 0)) : (jsxRuntime.jsx(TableButton, __assign({ className: "mr8 ta-left", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
                     subtitle && jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
 };