@popsure/dirty-swan 0.59.0-beta-8 → 0.59.0-beta-10
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 +28 -33
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/cards/card/index.d.ts +1 -1
- package/dist/esm/{TableSection-a85df240.js → TableSection-b3d158d2.js} +1 -1
- package/dist/esm/{TableSection-a85df240.js.map → TableSection-b3d158d2.js.map} +1 -1
- package/dist/esm/components/accordion/index.js +1 -1
- package/dist/esm/components/accordion/index.js.map +1 -1
- package/dist/esm/components/autocompleteAddress/index.js +2 -2
- package/dist/esm/components/autocompleteAddress/index.js.map +1 -1
- package/dist/esm/components/cards/card/index.js +9 -8
- package/dist/esm/components/cards/card/index.js.map +1 -1
- package/dist/esm/components/cards/card/index.stories.js +4 -4
- package/dist/esm/components/cards/card/index.stories.js.map +1 -1
- package/dist/esm/components/cards/cardButton/index.js +1 -1
- package/dist/esm/components/cards/cardButton/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.js +3 -10
- package/dist/esm/components/cards/infoCard/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/UploadFileCell/index.js +3 -3
- package/dist/esm/components/multiDropzone/UploadFileCell/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +7 -6
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/table/Table.js +2 -2
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.stories.js +1 -1
- package/dist/esm/components/table/Table.test.js +1 -1
- package/dist/esm/components/table/components/TableCell/CardCell/CardCell.js +1 -1
- package/dist/esm/components/table/components/TableCell/CardCell/CardCell.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/cards/card/index.d.ts +1 -1
- package/dist/index.css +11 -27
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/private/components/_buttons.scss +1 -25
- package/dist/lib/scss/private/components/_input.scss +9 -4
- package/package.json +1 -1
- package/src/lib/components/accordion/index.tsx +1 -1
- package/src/lib/components/autocompleteAddress/index.tsx +1 -0
- package/src/lib/components/autocompleteAddress/style.module.scss +0 -1
- package/src/lib/components/cards/card/index.stories.tsx +17 -13
- package/src/lib/components/cards/card/index.tsx +8 -7
- package/src/lib/components/cards/card/style.module.scss +26 -10
- package/src/lib/components/cards/cardButton/index.tsx +1 -1
- package/src/lib/components/cards/infoCard/index.tsx +3 -2
- package/src/lib/components/multiDropzone/UploadFileCell/index.tsx +3 -3
- package/src/lib/components/multiDropzone/UploadFileCell/style.module.scss +3 -3
- package/src/lib/components/multiDropzone/index.tsx +18 -9
- package/src/lib/components/multiDropzone/style.module.scss +6 -2
- package/src/lib/components/table/Table.tsx +1 -1
- package/src/lib/components/table/components/TableCell/CardCell/CardCell.tsx +1 -1
- package/src/lib/scss/private/components/_buttons.scss +1 -25
- package/src/lib/scss/private/components/_input.scss +9 -4
package/dist/cjs/index.js
CHANGED
|
@@ -5068,7 +5068,7 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
5068
5068
|
return toReturn;
|
|
5069
5069
|
};
|
|
5070
5070
|
|
|
5071
|
-
var css_248z$F = "@media (max-width: 34rem) {\n .style-module_input-line__34TKK {\n flex-direction: column;\n }\n .style-module_input-line__34TKK > *:not(:first-child) {\n margin-top: 16px;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_house-number-input__1sDS5 {\n max-width: none !important;\n }\n}\n\n.style-module_map-container__2rzjU {\n position: relative;\n height: 112px;\n margin-bottom: 16px;\n border-radius: 8px;\n transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n height: 0;\n margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_appear-in-animate__1bJyO {\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute !important;\n
|
|
5071
|
+
var css_248z$F = "@media (max-width: 34rem) {\n .style-module_input-line__34TKK {\n flex-direction: column;\n }\n .style-module_input-line__34TKK > *:not(:first-child) {\n margin-top: 16px;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_house-number-input__1sDS5 {\n max-width: none !important;\n }\n}\n\n.style-module_map-container__2rzjU {\n position: relative;\n height: 112px;\n margin-bottom: 16px;\n border-radius: 8px;\n transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n height: 0;\n margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_appear-in-animate__1bJyO {\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute !important;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 100;\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n width: 100%;\n height: 100%;\n}";
|
|
5072
5072
|
var styles$E = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
|
|
5073
5073
|
styleInject(css_248z$F);
|
|
5074
5074
|
|
|
@@ -5206,7 +5206,7 @@ var AutocompleteAddress = function (_a) {
|
|
|
5206
5206
|
};
|
|
5207
5207
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames$1("wmx8 bg-neutral-600 ".concat(styles$E['map-container']), (_b = {},
|
|
5208
5208
|
_b[styles$E['map-container--hidden']] = place === null,
|
|
5209
|
-
_b)), children: [jsxRuntime.jsx("div", { className: styles$E.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", { "data-cy": "google-api-loader", className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$E['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsxRuntime.jsx(Input, __assign({ className: "wmx2 ".concat(styles$E['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
5209
|
+
_b)), children: [jsxRuntime.jsx("div", { className: styles$E.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement, disabled: hasLoadedGoogleAPI === false }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", { "data-cy": "google-api-loader", className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$E['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsxRuntime.jsx(Input, __assign({ className: "wmx2 ".concat(styles$E['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
5210
5210
|
'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxRuntime.jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles$E['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
|
|
5211
5211
|
};
|
|
5212
5212
|
|
|
@@ -8249,11 +8249,11 @@ const AnimateHeight = (_a) => {
|
|
|
8249
8249
|
React__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8250
8250
|
};
|
|
8251
8251
|
|
|
8252
|
-
var css_248z$E = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-
|
|
8253
|
-
var styles$D = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
8252
|
+
var css_248z$E = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-neutral-900);\n padding: 32px 0;\n background-color: white;\n transition: all 0.6s ease-in-out;\n}\n.style-module_dropzoneContainerCondensed__3VOlY {\n padding: 16px 0 24px;\n}\n.style-module_dropzoneContainer__yZoGP:focus-visible {\n outline: 2px solid #26262e;\n border-radius: 2px;\n outline-offset: 2px;\n}\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-neutral-100);\n transition: 0.5s ease;\n}\n\n.style-module_img__11JI8 {\n vertical-align: middle;\n margin-right: 8px;\n height: 18px;\n}\n\n.style-module_textInline__2F21z {\n display: inline-flex;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
8253
|
+
var styles$D = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","dropzoneContainerCondensed":"style-module_dropzoneContainerCondensed__3VOlY","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
8254
8254
|
styleInject(css_248z$E);
|
|
8255
8255
|
|
|
8256
|
-
var css_248z$D = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d9;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #E55454;\n background-color:
|
|
8256
|
+
var css_248z$D = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d9;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #E55454;\n background-color: #FED7D7;\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #e7e7ed;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #26262e;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_button__xo5tR {\n width: 32px;\n}\n.style-module_button__xo5tR div span span {\n min-width: 24px !important;\n height: 24px !important;\n}\n.style-module_button__xo5tR:focus-visible {\n outline: 2px solid #26262e;\n border-radius: 2px;\n outline-offset: 2px;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
8257
8257
|
var styles$C = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","button":"style-module_button__xo5tR"};
|
|
8258
8258
|
styleInject(css_248z$D);
|
|
8259
8259
|
|
|
@@ -8266,7 +8266,7 @@ var UploadFileCell = function (_a) {
|
|
|
8266
8266
|
var hasError = uploadStatus === 'ERROR';
|
|
8267
8267
|
var mapFileIconColor = {
|
|
8268
8268
|
UPLOADING: 'purple-600',
|
|
8269
|
-
COMPLETE: 'neutral-
|
|
8269
|
+
COMPLETE: 'neutral-900',
|
|
8270
8270
|
ERROR: 'red-500',
|
|
8271
8271
|
};
|
|
8272
8272
|
var displayText = {
|
|
@@ -8278,7 +8278,7 @@ var UploadFileCell = function (_a) {
|
|
|
8278
8278
|
_b[styles$C['upload-file-cell-error']] = hasError,
|
|
8279
8279
|
_b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$C['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames$1("".concat(styles$C['main-icon'], " ").concat(styles$C.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$C['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$C['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$C['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$C['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames$1(styles$C['cell-right-section'], (_c = {},
|
|
8280
8280
|
_c[styles$C['cell-right-section-complete']] = isComplete,
|
|
8281
|
-
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$C.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx(Button, { as: "a", href: previewUrl, target: "_blank", rel: "noopener noreferrer", hideLabel: true, variant: "
|
|
8281
|
+
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$C.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx(Button, { as: "a", href: previewUrl, target: "_blank", rel: "noopener noreferrer", hideLabel: true, variant: "textBlack", className: classNames$1('mr16', styles$C.button), leftIcon: jsxRuntime.jsx(EyeVisionIcon, { noMargin: true, color: 'neutral-600', size: 24 }), children: "Preview file" })), onRemoveFile && (jsxRuntime.jsx(Button, { onClick: function () { return onRemoveFile(id); }, disabled: uploading, "data-testid": "remove-button", className: styles$C.button, leftIcon: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'neutral-600', size: 24, noMargin: true }), hideLabel: true, variant: "textBlack", children: "Delete file" }))] })) })] }));
|
|
8282
8282
|
};
|
|
8283
8283
|
|
|
8284
8284
|
var k$2 = 1024;
|
|
@@ -8514,10 +8514,11 @@ var MultiDropzone = function (_a) {
|
|
|
8514
8514
|
: instructionsTextDesktop;
|
|
8515
8515
|
return (jsxRuntime.jsxs("div", { className: styles$D.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer ".concat(styles$D.dropzoneContainer), (_b = {},
|
|
8516
8516
|
_b[styles$D['dropzoneContainerDisabled']] = uploading,
|
|
8517
|
-
_b
|
|
8518
|
-
|
|
8519
|
-
|
|
8520
|
-
|
|
8517
|
+
_b[styles$D['dropzoneContainerCondensed']] = isCondensed,
|
|
8518
|
+
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), !isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { size: 56, color: 'neutral-900' })), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$D.textInline : ''), children: jsxRuntime.jsxs("div", { className: 'd-flex ai-center jc-center w100', children: [isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { className: classNames$1('mr16', styles$D.img), size: 20, color: 'neutral-900' })), uploading
|
|
8519
|
+
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8520
|
+
'Please wait while uploading file...'
|
|
8521
|
+
: instructionsText] }) }), jsxRuntime.jsx("div", { className: "p-p--small tc-neutral-600", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
|
|
8521
8522
|
var id = _a.id, message = _a.message;
|
|
8522
8523
|
return message && (jsxRuntime.jsx(UploadFileCell, { uploadStatus: "ERROR", file: {
|
|
8523
8524
|
error: message,
|
|
@@ -11655,14 +11656,14 @@ var FullScreenModal = function (_a) {
|
|
|
11655
11656
|
}, body: classNames$1(styles$s.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
|
|
11656
11657
|
};
|
|
11657
11658
|
|
|
11658
|
-
var css_248z$s = ".style-module_border-strong-default__3_zF3 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n border: 1px solid #f2f2f8;\n}\n\n.style-module_border-soft-hover__30OW0 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n background-color: #fff;\n border: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n background-color: #fff;\n}\n.style-module_wrapper--defaultNoShadow__2x-zI {\n border: 1px solid #f2f2f8;\n}\n.style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n}\n\n.style-module_button__P-UIa {\n background-color: transparent;\n color: #26262e;\n outline: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n text-decoration: none;\n border-radius: 8px;\n border: 1px solid transparent;\n outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG {\n border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg {\n background-color: #f9f9fd;\n border-color: transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n border-color: #F2B873;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper__35C6V {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--default__NYcwG {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n}\n.style-module_button__P-UIa:active .style-module_wrapper__35C6V {\n border-color: #b8b8c0;\n box-shadow: inset 0 0 0 1px #b8b8c0;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n border-color: transparent;\n box-shadow: none;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--primary__Sulin {\n border-color: #F2B873;\n box-shadow: inset 0 0 0 1px #F2B873;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--secondary__1l7bB {\n border-color: #8883D8;\n box-shadow: inset 0 0 0 1px #8883D8;\n}\n\n.style-module_icon__15X1c {\n margin-right: 12px;\n color: #26262e;\n}\n.style-
|
|
11659
|
-
var styles$r = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--defaultNoShadow":"style-module_wrapper--defaultNoShadow__2x-zI","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","icon":"style-module_icon__15X1c","
|
|
11659
|
+
var css_248z$s = ".style-module_border-strong-default__3_zF3 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n border: 1px solid #f2f2f8;\n}\n\n.style-module_border-soft-hover__30OW0 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n background-color: #fff;\n border: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n background-color: #fff;\n}\n.style-module_wrapper--defaultNoShadow__2x-zI {\n border: 1px solid #f2f2f8;\n}\n.style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n}\n\n.style-module_button__P-UIa {\n background-color: transparent;\n color: #26262e;\n outline: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n text-decoration: none;\n border-radius: 8px;\n border: 1px solid transparent;\n outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG {\n border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg {\n background-color: #f9f9fd;\n border-color: transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n border-color: #F2B873;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper__35C6V {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--default__NYcwG {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n}\n.style-module_button__P-UIa:active .style-module_wrapper__35C6V {\n border-color: #b8b8c0;\n box-shadow: inset 0 0 0 1px #b8b8c0;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n border-color: transparent;\n box-shadow: none;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--primary__Sulin {\n border-color: #F2B873;\n box-shadow: inset 0 0 0 1px #F2B873;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--secondary__1l7bB {\n border-color: #8883D8;\n box-shadow: inset 0 0 0 1px #8883D8;\n}\n\n.style-module_smallPadding__19rsl {\n padding: 20px !important;\n}\n\n.style-module_icon__15X1c {\n margin-right: 12px;\n color: #26262e;\n}\n.style-module_iconDensity--small__3JnzO {\n margin-right: 14px;\n}\n.style-module_iconDensity--medium__2TmAl {\n margin-right: 16px;\n}\n.style-module_iconDensity--large__1YzHv {\n margin-right: 20px;\n}\n\n.style-module_actionIcon__3pnwR {\n color: #26262e;\n margin-left: 12px;\n}\n.style-module_actionIconDensity--small__37jvs {\n margin-right: 14px;\n}\n.style-module_actionIconDensity--medium__3SnW2 {\n margin-right: 16px;\n}\n.style-module_actionIconDensity--large__mZD03 {\n margin-right: 20px;\n}\n\n.style-module_description__ksrnP {\n color: #696971;\n}\n.style-module_description--primary__2h0cB {\n color: #3f3f47;\n}";
|
|
11660
|
+
var styles$r = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--defaultNoShadow":"style-module_wrapper--defaultNoShadow__2x-zI","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","smallPadding":"style-module_smallPadding__19rsl","icon":"style-module_icon__15X1c","iconDensity--small":"style-module_iconDensity--small__3JnzO","iconDensity--medium":"style-module_iconDensity--medium__2TmAl","iconDensity--large":"style-module_iconDensity--large__1YzHv","actionIcon":"style-module_actionIcon__3pnwR","actionIconDensity--small":"style-module_actionIconDensity--small__37jvs","actionIconDensity--medium":"style-module_actionIconDensity--medium__3SnW2","actionIconDensity--large":"style-module_actionIconDensity--large__mZD03","description":"style-module_description__ksrnP","description--primary":"style-module_description--primary__2h0cB"};
|
|
11660
11661
|
styleInject(css_248z$s);
|
|
11661
11662
|
|
|
11662
11663
|
var cardDefaultAs = 'section';
|
|
11663
11664
|
var Card = function (_a) {
|
|
11664
11665
|
var _b, _c;
|
|
11665
|
-
var as = _a.as, children = _a.children, classNames = _a.classNames, _d = _a.density, density = _d === void 0 ? '
|
|
11666
|
+
var as = _a.as, children = _a.children, classNames = _a.classNames, _d = _a.density, density = _d === void 0 ? 'medium' : _d, description = _a.description, _e = _a.descriptionVariant, descriptionVariant = _e === void 0 ? 'large' : _e, _f = _a.dropShadow, dropShadow = _f === void 0 ? true : _f, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _g = _a.titleVariant, titleVariant = _g === void 0 ? 'large' : _g, showActionIcon = _a.showActionIcon, _h = _a.verticalAlignment, verticalAlignment = _h === void 0 ? 'center' : _h, _j = _a.variant, variant = _j === void 0 ? 'default' : _j, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon", "verticalAlignment", "variant"]);
|
|
11666
11667
|
var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
|
|
11667
11668
|
var propsWithActionIcon = onClick || (rest === null || rest === void 0 ? void 0 : rest.href) || rest.to;
|
|
11668
11669
|
var cardDefaultTag = onClick ? 'button' : cardDefaultAs;
|
|
@@ -11675,16 +11676,17 @@ var Card = function (_a) {
|
|
|
11675
11676
|
onClick: onClick,
|
|
11676
11677
|
type: "button"
|
|
11677
11678
|
}, rest, { children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
|
|
11678
|
-
|
|
11679
|
-
|
|
11680
|
-
|
|
11679
|
+
xsmall: 'p16',
|
|
11680
|
+
small: styles$r.smallPadding,
|
|
11681
|
+
medium: 'p24',
|
|
11682
|
+
large: 'p32',
|
|
11681
11683
|
}[density], {
|
|
11682
11684
|
top: 'jc-start',
|
|
11683
11685
|
center: 'jc-center',
|
|
11684
11686
|
bottom: 'jc-end',
|
|
11685
11687
|
}[verticalAlignment], styles$r === null || styles$r === void 0 ? void 0 : styles$r.wrapper, styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--".concat(variant)], (_c = {},
|
|
11686
11688
|
_c[styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--defaultNoShadow"]] = !dropShadow && variant === 'default',
|
|
11687
|
-
_c), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex", styles$r.icon, styles$r["
|
|
11689
|
+
_c), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex", styles$r.icon, styles$r["iconDensity--".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
|
|
11688
11690
|
top: 'ai-start',
|
|
11689
11691
|
center: 'ai-center',
|
|
11690
11692
|
bottom: 'ai-end',
|
|
@@ -11692,7 +11694,7 @@ var Card = function (_a) {
|
|
|
11692
11694
|
large: 'p-h3',
|
|
11693
11695
|
medium: 'p-h4',
|
|
11694
11696
|
small: 'p-p',
|
|
11695
|
-
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p', styles$r === null || styles$r === void 0 ? void 0 : styles$r["description--".concat(variant)]), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$r["
|
|
11697
|
+
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p', styles$r === null || styles$r === void 0 ? void 0 : styles$r["description--".concat(variant)]), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$r["actionIconDensity--".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
|
|
11696
11698
|
};
|
|
11697
11699
|
|
|
11698
11700
|
var css_248z$r = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n.style-module_topIconWrapper__VYKR7 img {\n border-radius: 50%;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
|
|
@@ -11705,22 +11707,15 @@ var InfoCard = function (_a) {
|
|
|
11705
11707
|
var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
|
|
11706
11708
|
return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isIconType ? (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center br-circle p16', styles$q.topIconWrapper, {
|
|
11707
11709
|
'bg-orange-200': topIconType === 'iconWithBackground'
|
|
11708
|
-
}), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: {
|
|
11709
|
-
buttonWrapper: styles$q.buttonWrapper,
|
|
11710
|
-
wrapper: classNames$1((_c = {},
|
|
11710
|
+
}), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: __assign({ buttonWrapper: styles$q.buttonWrapper, wrapper: classNames$1((_c = {},
|
|
11711
11711
|
_c[styles$q.wrapper] = true,
|
|
11712
11712
|
_c[styles$q.disabled] = disabled,
|
|
11713
11713
|
_c['pt40'] = topIcon && isIconType,
|
|
11714
11714
|
_c['mt40'] = topIcon && isIconType,
|
|
11715
11715
|
_c[styles$q.bannerWrapper] = topIcon && topIconType === 'banner',
|
|
11716
|
-
_c)),
|
|
11717
|
-
label: classNames$1((_d = {},
|
|
11716
|
+
_c)), label: classNames$1((_d = {},
|
|
11718
11717
|
_d[styles$q.floatingLabel] = topIcon && topIconType !== 'image',
|
|
11719
|
-
_d)),
|
|
11720
|
-
title: classNames$1({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center my8'),
|
|
11721
|
-
description: 'ta-center',
|
|
11722
|
-
contentWrapper: styles$q.contentWrapper,
|
|
11723
|
-
}, variant: 'default', onClick: disabled ? undefined : onClick, density: 'compact' })));
|
|
11718
|
+
_d)), title: classNames$1({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center my8'), description: 'ta-center', contentWrapper: styles$q.contentWrapper }, (cardProps === null || cardProps === void 0 ? void 0 : cardProps.classNames) || {}), variant: 'default', onClick: disabled ? undefined : onClick, density: 'xsmall' })));
|
|
11724
11719
|
};
|
|
11725
11720
|
|
|
11726
11721
|
var css_248z$q = ".style-module_containerDisabled__2j9_N {\n pointer-events: none;\n opacity: 0.25;\n}\n\n.style-module_contentWrapper__EkTN9 {\n gap: 4px !important;\n}";
|
|
@@ -11735,7 +11730,7 @@ var CardButton = function (_a) {
|
|
|
11735
11730
|
label: 'tc-neutral-700',
|
|
11736
11731
|
description: 'tc-neutral-900 p-p',
|
|
11737
11732
|
contentWrapper: styles$p.contentWrapper
|
|
11738
|
-
}, density: '
|
|
11733
|
+
}, density: 'xsmall', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$p.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
|
|
11739
11734
|
};
|
|
11740
11735
|
|
|
11741
11736
|
var css_248z$p = ".style-module_chip__3LMgV {\n background: var(--ds-purple-300);\n border: 2px solid var(--ds-purple-300);\n border-radius: 8px;\n padding: 4px 8px;\n width: fit-content;\n width: -moz-fit-content;\n display: flex;\n align-items: center;\n animation-name: style-module_appearInAnimation__33Ebn;\n animation-duration: 0.5s;\n animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n transition: 0.2s ease-in;\n border: 2px solid var(--ds-purple-600);\n}\n\n.style-module_chip-image__2vVqF {\n width: 24px;\n height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n color: #B8B4F3;\n position: relative;\n width: 16px;\n height: 16px;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n color: #8883D8;\n}\n.style-module_chip-button-container__3gSRY:focus-visible {\n outline: 2px solid var(--ds-purple-600);\n border-radius: 2px;\n}\n\n.style-module_chip-remove-button__3LK7e {\n margin: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n from {\n opacity: 0;\n transform: translateX(16px);\n }\n to {\n opacity: 1;\n }\n}";
|
|
@@ -16246,7 +16241,7 @@ var Accordion = function (_a) {
|
|
|
16246
16241
|
var _a, _b, _c, _d, _e;
|
|
16247
16242
|
var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
|
|
16248
16243
|
var isOpen = selectedQuestionId.includes(id);
|
|
16249
|
-
return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$b.container, (_a = {}, _a[styles$b.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: '
|
|
16244
|
+
return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$b.container, (_a = {}, _a[styles$b.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'xsmall', variant: 'transparent', icon: icon, classNames: __assign({ icon: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles$b.icon, 'tc-neutral-800'), buttonWrapper: classNames$1('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles$b.buttonWrapper, (_b = {},
|
|
16250
16245
|
_b[styles$b.buttonWrapperDefault] = isDefaultVariant,
|
|
16251
16246
|
_b)), wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles$b.question, (_c = {}, _c[styles$b.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classNames$1(styles$b.chevron, (_d = {},
|
|
16252
16247
|
_d[styles$b.chevronOpen] = isOpen,
|
|
@@ -16345,7 +16340,7 @@ var CTACell = function (_a) {
|
|
|
16345
16340
|
var CardCell = function (_a) {
|
|
16346
16341
|
var title = _a.title, description = _a.description, icon = _a.icon, onClick = _a.onClick, href = _a.href, imageComponent = _a.imageComponent;
|
|
16347
16342
|
var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
|
|
16348
|
-
return (jsxRuntime.jsx("div", { className: "ta-left", children: jsxRuntime.jsx(Card, __assign({ title: title, description: description, density: "
|
|
16343
|
+
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 })) }));
|
|
16349
16344
|
};
|
|
16350
16345
|
|
|
16351
16346
|
var css_248z$6 = ".ButtonCell-module_buttonCell__x4NNi {\n color: #26262e;\n border: 1px solid #d2d2d9;\n transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n border: none;\n background-color: #f7f7fd;\n color: #26262e;\n opacity: 1;\n cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n background-color: #f7f7fd;\n}\n@media (max-width: 34rem) {\n .ButtonCell-module_buttonCell__x4NNi {\n pointer-events: none;\n }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n transition: all 0.3 ease-in-out;\n border: 2px solid #26262e;\n}";
|
|
@@ -16674,7 +16669,7 @@ var Table = function (_a) {
|
|
|
16674
16669
|
title: 'd-flex gap8 ai-center jc-center fw-bold',
|
|
16675
16670
|
}, title: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldHideDetails
|
|
16676
16671
|
? textOverrides.showDetails
|
|
16677
|
-
: textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "
|
|
16672
|
+
: textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "xsmall", 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: classNames$1(styles$5.modalContent, "pt8 p24 wmn6"), children: modalContentRenderer
|
|
16678
16673
|
? modalContentRenderer(infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body)
|
|
16679
16674
|
: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
|
|
16680
16675
|
};
|