@wix/patterns 1.308.0 → 1.317.0

package/dist/esm/components/ExportButton/ExportButtonModalLayout.js

@@ -6,9 +6,12 @@ import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { useCreateExport } from '@wix/bex-core';
 import { QueryFieldNumber, ArrayFieldDelimiter, } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';
 import { addEventListener } from '@wix/bex-core/util';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { CustomDrawerLayout } from '../CustomDrawerLayout';
 function _ExportButtonModalLayout(props) {
     const { renderError, transformPlatformizedQuery, differentQueryEndpointThanCollection, customTotal, methodMetadata, methodSpec, fields, saveAs, exportModalState, arrayFieldDelimiter, exportModalFooter, exportModalTitle, onProgressModalTitle, exportToCSVMessage, ...rest } = props;
     const table = useToolbarCollectionContext();
+    const isMobile = useIsMobile();
     const createExport = useCreateExport({
         transformPlatformizedQuery,
         differentQueryEndpointThanCollection,
@@ -48,6 +51,9 @@ function _ExportButtonModalLayout(props) {
         return undefined;
     }, [onRequestClose]);
     useEffect(() => state.init(), []);
+    if (isMobile) {
+        return (React.createElement(CustomDrawerLayout, { dataHook: "export-modal-layout", ...rest, ...customModalLayoutProps }));
+    }
     return (React.createElement(CustomModalLayout, { width: "510px", dataHook: "export-modal-layout", ...rest, ...customModalLayoutProps }));
 }
 export const ExportButtonModalLayout = observer(_ExportButtonModalLayout);

package/dist/esm/components/ExportButton/ExportButtonModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportButtonModalLayout.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,iFAAiF,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,SAAS,wBAAwB,CAC/B,KAAyC;IAEzC,MAAM,EACJ,WAAW,EACX,0BAA0B,EAC1B,oCAAoC,EACpC,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,2BAA2B,EAAQ,CAAC;IAElD,MAAM,YAAY,GAAG,eAAe,CAAO;QACzC,0BAA0B;QAC1B,oCAAoC;QACpC,WAAW;QACX,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,gBAAgB;QAChB,2BAA2B,EAAE;YAC3B,cAAc;YACd,MAAM;YACN,mBAAmB,EAAE,mBAAmB;gBACtC,CAAC,CAAC,mBAAmB,CAAC,mBAAmB,CAAC;gBAC1C,CAAC,CAAC,SAAS;YACb,UAAU,EAAE,UAAU;gBACpB,CAAC,CAAC;oBACE,GAAG,UAAU;oBACb,uBAAuB,EAAE,UAAU,CAAC,uBAAuB;wBACzD,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,uBAAuB,CAAC;wBACtD,CAAC,CAAC,SAAS;iBACd;gBACH,CAAC,CAAC,SAAS;SACd;QACD,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;IAE/C,MAAM,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,GAAG,uBAAuB,CAC3E;QACE,KAAK;QACL,WAAW;QACX,iBAAiB;QACjB,gBAAgB;QAChB,oBAAoB;QACpB,kBAAkB;KACnB,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,OAAO,gBAAgB,CACrB,gBAAgB,CAAC,MAAM,EACvB,cAAc,EACd,cAAc,CACf,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,qBAAqB,KAC1B,IAAI,KACJ,sBAAsB,GAC1B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"ExportButtonModalLayout.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ExportButton/ExportModal.js

@@ -1,14 +1,19 @@
-import { Modal } from '@wix/design-system';
+import { Drawer, Modal } from '@wix/design-system';
 import React, { useState } from 'react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ModalState } from '@wix/bex-core';
 import { ExportButtonModalLayout } from './ExportButtonModalLayout';
 import { observer } from 'mobx-react-lite';
+import { useIsMobile } from '../../hooks/useIsMobile';
 function _ExportModal(props) {
     const table = useToolbarCollectionContext();
     const [exportModalState] = useState(() => (table.exportState ??= new ModalState()));
-    return (React.createElement(Modal, { onRequestClose: exportModalState.close, isOpen: exportModalState.isOpen, dataHook: "export-modal" },
-        React.createElement(ExportButtonModalLayout, { ...props, exportModalState: exportModalState })));
+    const isMobile = useIsMobile();
+    const child = (React.createElement(ExportButtonModalLayout, { ...props, exportModalState: exportModalState }));
+    if (isMobile) {
+        return (React.createElement(Drawer, { dataHook: "export-modal", open: exportModalState.isOpen, onClose: exportModalState.close }, child));
+    }
+    return (React.createElement(Modal, { onRequestClose: exportModalState.close, isOpen: exportModalState.isOpen, dataHook: "export-modal" }, child));
 }
 export const ExportModal = observer(_ExportModal);
 //# sourceMappingURL=ExportModal.js.map

package/dist/esm/components/ExportButton/ExportModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportModal.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,SAAS,YAAY,CAA0B,KAA6B;IAC1E,MAAM,KAAK,GAAG,2BAA2B,EAAQ,CAAC;IAElD,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,UAAU,EAAE,CAAC,CAC/C,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,cAAc,EAAE,gBAAgB,CAAC,KAAK,EACtC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,QAAQ,EAAC,cAAc;QAEvB,oBAAC,uBAAuB,OAAK,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CACpE,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"ExportModal.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,SAAS,YAAY,CAA0B,KAA6B;IAC1E,MAAM,KAAK,GAAG,2BAA2B,EAAQ,CAAC;IAElD,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,UAAU,EAAE,CAAC,CAC/C,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,CACZ,oBAAC,uBAAuB,OAAK,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC3E,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAE,gBAAgB,CAAC,MAAM,EAC7B,OAAO,EAAE,gBAAgB,CAAC,KAAK,IAE9B,KAAK,CACC,CACV,CAAC;KACH;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,cAAc,EAAE,gBAAgB,CAAC,KAAK,EACtC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,QAAQ,EAAC,cAAc,IAEtB,KAAK,CACA,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/ExportButton/ExportModal.uni.driver.js

@@ -3,16 +3,17 @@ import { baseUniDriverFactory } from '../../unidriver';
 import { CustomModalLayoutUniDriver, HeadingUniDriver, ModalUniDriver, RadioGroupUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 export function ExportModalUniDriver(base, body) {
     const modalBase = () => body.$('.portal-export-modal');
-    const footerBase = () => modalBase().$('[data-hook="export-modal-footer-text"]');
-    const linearProgressBarBase = () => modalBase().$('[data-hook="export-linear-progress-bar"]');
+    const modalLayoutBase = () => body.$('[data-hook="export-modal-layout"]');
+    const footerBase = () => modalLayoutBase().$('[data-hook="export-modal-footer-text"]');
+    const linearProgressBarBase = () => modalLayoutBase().$('[data-hook="export-linear-progress-bar"]');
     const getAbsoluteCounter = () => TextUniDriver(linearProgressBarBase().$('[data-hook="progress-count"]'), body);
     const getTotalCounter = () => HeadingUniDriver(linearProgressBarBase().$('[data-hook="progress-total"]'), body);
-    const getExportRadioGroup = () => RadioGroupUniDriver(modalBase().$('[data-hook="export-group"]'), body);
+    const getExportRadioGroup = () => RadioGroupUniDriver(modalLayoutBase().$('[data-hook="export-group"]'), body);
     const getModal = () => ModalUniDriver(modalBase(), modalBase());
-    const getModalLayout = () => CustomModalLayoutUniDriver(modalBase().$('[data-hook="export-modal-layout"]'), body);
+    const getModalLayout = () => CustomModalLayoutUniDriver(modalLayoutBase(), body);
     const getFooterText = async () => (await TextUniDriver(footerBase(), body)).getText();
     const footerExists = () => footerBase().exists();
-    const getCsvMessageText = async () => (await TextUniDriver(modalBase().$('[data-hook="export-csv-message"]'), body).getText()).replace(' ', ' ');
+    const getCsvMessageText = async () => (await TextUniDriver(modalLayoutBase().$('[data-hook="export-csv-message"]'), body).getText()).replace(' ', ' ');
     return {
         wait: (timeout) => base.wait(timeout),
         ...baseUniDriverFactory(base),
@@ -40,8 +41,8 @@ export function ExportModalUniDriver(base, body) {
         getTotalCounter: () => getTotalCounter().getText(),
         /** Get text from error message without the space value that is added with the widows prop
         Tests are failing with this Hex valus, so it is replaced here */
-        getErrorMessageText: async () => (await modalBase().$('[data-hook="export-error-message"]').text()).replace('\u00A0', ' '),
-        getErrorMessageAction: async () => modalBase().$('[data-hook="export-error-message-action"]'),
+        getErrorMessageText: async () => (await modalLayoutBase().$('[data-hook="export-error-message"]').text()).replace('\u00A0', ' '),
+        getErrorMessageAction: async () => modalLayoutBase().$('[data-hook="export-error-message-action"]'),
         /** Get export modal footer text*/
         getFooterText,
         /** Indicates whether footer exists in the export modal */

package/dist/esm/components/ExportButton/ExportModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportModal.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportModal.uni.driver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExportModal.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportModal.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/ExportButton/ExportStepProgress.js

@@ -18,7 +18,7 @@ function _ExportStepProgress({ state, }) {
             disposers.forEach((d) => d());
         };
     }, []);
-    return (React.createElement(Box, { gap: "SP1", direction: "vertical", paddingTop: "SP1" },
+    return (React.createElement(Box, { gap: "SP1", direction: "vertical", width: "100%" },
         React.createElement(LinearAbsoluteProgressBar, { value: counter, count: absoluteCounter, total: totalForExport, dataHook: "export-linear-progress-bar" }),
         React.createElement(Text, { widows: true }, t('cairo.export.exportingDescription'))));
 }

package/dist/esm/components/ExportButton/ExportStepProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportStepProgress.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportStepProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAMxE,SAAS,mBAAmB,CAA0B,EACpD,KAAK,GACyB;IAC9B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG;YAChB,QAAQ,CACN,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,CAAC,EAC7C,CAAC,IAAI,EAAE,EAAE;gBACP,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,CACF;SACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK;QAClD,oBAAC,yBAAyB,IACxB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAC,4BAA4B,GACrC;QACF,oBAAC,IAAI,IAAC,MAAM,UAAE,CAAC,CAAC,mCAAmC,CAAC,CAAQ,CAIxD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"ExportStepProgress.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportStepProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAMxE,SAAS,mBAAmB,CAA0B,EACpD,KAAK,GACyB;IAC9B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG;YAChB,QAAQ,CACN,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,CAAC,EAC7C,CAAC,IAAI,EAAE,EAAE;gBACP,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,CACF;SACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM;QAC9C,oBAAC,yBAAyB,IACxB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAC,4BAA4B,GACrC;QACF,oBAAC,IAAI,IAAC,MAAM,UAAE,CAAC,CAAC,mCAAmC,CAAC,CAAQ,CAIxD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade3377844725";
+var _namespace_ = "Fade195922068";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade3377844725__root" };
+export var classes = { "root": "Fade195922068__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/FiltersPanel/FiltersPanelAppliedFiltersSection.js

@@ -25,6 +25,7 @@ function _FiltersPanelAppliedFiltersSection(props) {
                         });
                     });
                     onClearButtonClicked?.();
+                    state.sidePanel.focus.modalElement?.focus();
                 }, disabled: !nonPersistentCustomFiltersCount }, t('cairo.clear')))));
 }
 export const FiltersPanelAppliedFiltersSection = observer(_FiltersPanelAppliedFiltersSection);

package/dist/esm/components/FiltersPanel/FiltersPanelAppliedFiltersSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersPanelAppliedFiltersSection.js","sourceRoot":"","sources":["../../../../src/components/FiltersPanel/FiltersPanelAppliedFiltersSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAUnC,SAAS,kCAAkC,CACzC,KAAmD;IAEnD,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;IAC3C,MAAM,EAAE,+BAA+B,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IACxD,CAAC,CAAC,sBAAsB,EAAE;YACzB,GAAG,EAAE,+BAA+B;SACrC,CAAC,CACG;QAEP,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC;YACxB,oBAAC,UAAU,IACT,QAAQ,EAAC,mBAAmB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,GAAG,EAAE;wBACf,MAAM,EACJ,KAAK,EAAE,EAAE,0BAA0B,EAAE,GACtC,GAAG,UAAU,CAAC;wBACf,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;4BAC5C,MAAM,EAAE,SAAS;yBAClB,CAAC,CAAC;wBACH,0BAA0B;6BACvB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;6BAC5C,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;4BAClB,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;wBACvD,CAAC,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;oBACH,oBAAoB,EAAE,EAAE,CAAC;gBAC3B,CAAC,EACD,QAAQ,EAAE,CAAC,+BAA+B,IAEzC,CAAC,CAAC,aAAa,CAAC,CACN,CACT,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAG,QAAQ,CACvD,kCAAkC,CACnC,CAAC"}
+{"version":3,"file":"FiltersPanelAppliedFiltersSection.js","sourceRoot":"","sources":["../../../../src/components/FiltersPanel/FiltersPanelAppliedFiltersSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAUnC,SAAS,kCAAkC,CACzC,KAAmD;IAEnD,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;IAC3C,MAAM,EAAE,+BAA+B,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IACxD,CAAC,CAAC,sBAAsB,EAAE;YACzB,GAAG,EAAE,+BAA+B;SACrC,CAAC,CACG;QAEP,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC;YACxB,oBAAC,UAAU,IACT,QAAQ,EAAC,mBAAmB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,GAAG,EAAE;wBACf,MAAM,EACJ,KAAK,EAAE,EAAE,0BAA0B,EAAE,GACtC,GAAG,UAAU,CAAC;wBACf,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;4BAC5C,MAAM,EAAE,SAAS;yBAClB,CAAC,CAAC;wBACH,0BAA0B;6BACvB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;6BAC5C,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;4BAClB,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;wBACvD,CAAC,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;oBACH,oBAAoB,EAAE,EAAE,CAAC;oBACzB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;gBAC9C,CAAC,EACD,QAAQ,EAAE,CAAC,+BAA+B,IAEzC,CAAC,CAAC,aAAa,CAAC,CACN,CACT,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAG,QAAQ,CACvD,kCAAkC,CACnC,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading1047250066";
+var _namespace_ = "Heading2772262609";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading1047250066__root" };
+export var classes = { "root": "Heading2772262609__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow4035773023";
+var _namespace_ = "InputOverflow2848822892";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow4035773023__root" };
+export var classes = { "root": "InputOverflow2848822892__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow375204560";
+var _namespace_ = "LoadingRow3912306227";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow375204560__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow375204560__gradientSwoosh" };
+export var classes = { "root": "LoadingRow3912306227__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow3912306227__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,qCAAqC,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText3590077997";
+var _namespace_ = "MaxHeightText3608932933";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText3590077997__root" };
+export var classes = { "root": "MaxHeightText3608932933__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines977625515";
+var _namespace_ = "MaxLines2519136276";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines977625515__root" };
+export var classes = { "root": "MaxLines2519136276__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar3384938799";
+var _namespace_ = "MultiBulkActionToolbar2871372921";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar3384938799__root", "leftGroupWrapper": "MultiBulkActionToolbar3384938799__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3384938799__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3384938799__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar2871372921__root", "leftGroupWrapper": "MultiBulkActionToolbar2871372921__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar2871372921__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar2871372921__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow4269702703";
+var _namespace_ = "NestedTablePlaceholderStatesRow1158360690";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow4269702703__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow1158360690__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2773824342";
+var _namespace_ = "NestedTableRow1108205947";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2773824342__root", "firstLevel": "NestedTableRow2773824342__firstLevel", "placeholder": "NestedTableRow2773824342__placeholder", "parentHovered": "NestedTableRow2773824342__parentHovered" };
+export var classes = { "root": "NestedTableRow1108205947__root", "firstLevel": "NestedTableRow1108205947__firstLevel", "placeholder": "NestedTableRow1108205947__placeholder", "parentHovered": "NestedTableRow1108205947__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect3250565435";
+var _namespace_ = "MultipleDragOverlayEffect435668955";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect3250565435__root" };
+export var classes = { "root": "MultipleDragOverlayEffect435668955__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow3732860894";
+var _namespace_ = "NestedTableDragAndDropRow64711421";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow3732860894__root" };
+export var classes = { "root": "NestedTableDragAndDropRow64711421__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent3376884860";
+var _namespace_ = "PickerContent3261273723";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent3376884860__root" };
+export var classes = { "root": "PickerContent3261273723__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2653849695";
+var _namespace_ = "PickerContentAdditionalStep2051639453";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep2653849695__root", "titles": "PickerContentAdditionalStep2653849695__titles", "suffix": "PickerContentAdditionalStep2653849695__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep2051639453__root", "titles": "PickerContentAdditionalStep2051639453__titles", "suffix": "PickerContentAdditionalStep2051639453__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem4193578985";
+var _namespace_ = "PickerTableListItem2181412847";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem4193578985__root" };
+export var classes = { "root": "PickerTableListItem2181412847__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent2579072526";
+var _namespace_ = "ScrollableContent3215793638";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent2579072526__root" };
+export var classes = { "root": "ScrollableContent3215793638__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard342119583";
+var _namespace_ = "SkeletonCard837474356";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard342119583__root", "headerLoading": "SkeletonCard342119583__headerLoading" };
+export var classes = { "root": "SkeletonCard837474356__root", "headerLoading": "SkeletonCard837474356__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal1985984796";
+var _namespace_ = "SlidingModal1449859352";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal1985984796__root" };
+export var classes = { "root": "SlidingModal1449859352__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Suggestions/MarketingCard.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, MarketingLayout, SkeletonLine, Card, Button, Image, Text, TextButton, Badge, SkeletonRectangle, } from '@wix/design-system';
+const getCardWidth = (totalOffers) => {
+    if (totalOffers === 1) {
+        return '100%';
+    }
+    if (totalOffers === 2) {
+        return '50%';
+    }
+    return '550px';
+};
+const MarketingCardInternal = ({ schema, totalOffers, }) => {
+    const { title, description: descriptionData, imageUrl, ctaButton: ctaButtonData, badge: badgeData, } = schema;
+    const handleCtaClick = () => {
+        if (ctaButtonData?.link) {
+            window.open(ctaButtonData.link, '_blank');
+        }
+    };
+    const handleLearnMoreClick = () => {
+        if (descriptionData?.learnMore?.link) {
+            window.open(descriptionData.learnMore.link, '_blank');
+        }
+    };
+    const description = (React.createElement(React.Fragment, null,
+        React.createElement(Text, { size: "small", secondary: true, dataHook: "suggestions-card-subtitle" },
+            descriptionData.text,
+            ' '),
+        descriptionData.learnMore && (React.createElement(TextButton, { size: "small", secondary: true, dataHook: "suggestions-card-learn-more", onClick: handleLearnMoreClick }, descriptionData.learnMore.text ?? 'Learn more'))));
+    const ctaButton = ctaButtonData ? (React.createElement(Button, { size: "small", skin: ctaButtonData.skin || 'standard', priority: ctaButtonData.priority || 'secondary', dataHook: "suggestions-card-button", onClick: handleCtaClick }, ctaButtonData.text)) : null;
+    const badge = badgeData ? (React.createElement(Badge, { skin: badgeData.skin || 'general', size: "small", dataHook: "suggestion-card-badge", uppercase: false }, badgeData.text)) : null;
+    const image = (React.createElement(Image, { src: imageUrl, width: 96, height: 96, borderRadius: "8px", dataHook: "suggestions-card-image" }));
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: title, description: description, image: image, actions: [ctaButton], badge: badge, hiddenBadge: !badge }))));
+};
+/**
+ * Creates a render function for marketing cards.
+ * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ *                         If not provided, uses offer.asset.creative directly.
+ * @returns A render function compatible with Suggestions.renderCard prop.
+ */
+export const renderMarketingCard = (translateOffer) => (props) => {
+    const schema = translateOffer
+        ? translateOffer(props.offer)
+        : props.offer?.asset?.creative;
+    const requiredFieldsExist = schema?.title && schema?.imageUrl && schema?.description?.text;
+    if (!requiredFieldsExist) {
+        return null;
+    }
+    return (React.createElement(MarketingCardInternal, { schema: schema, totalOffers: props.totalOffers }));
+};
+/**
+ * Skeleton component for MarketingCard during loading state.
+ */
+export const MarketingCardSkeleton = ({ totalOffers, }) => {
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: React.createElement(SkeletonLine, { width: "120px" }), description: React.createElement(SkeletonLine, { width: "168px" }), actions: [React.createElement(SkeletonRectangle, { width: "72px", height: "30px" })], image: React.createElement(SkeletonRectangle, { width: "96px", height: "96px" }), badge: React.createElement(Badge, null), hiddenBadge: true }))));
+};
+//# sourceMappingURL=MarketingCard.js.map

package/dist/esm/components/Suggestions/MarketingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingCard.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js

@@ -0,0 +1,22 @@
+import { MarketingLayoutUniDriver, BadgeUniDriver, ButtonUniDriver, TextButtonUniDriver, TextUniDriver, ImageUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function MarketingCardUniDriver(base, body) {
+    const marketingLayout = MarketingLayoutUniDriver(base, body);
+    const subtitle = TextUniDriver(base.$('[data-hook="suggestions-card-subtitle"]'), body);
+    const learnMore = TextButtonUniDriver(base.$('[data-hook="suggestions-card-learn-more"]'), body);
+    const ctaButton = ButtonUniDriver(base.$('[data-hook="suggestions-card-button"]'), body);
+    const badge = BadgeUniDriver(base.$('[data-hook="suggestion-card-badge"]'), body);
+    const image = ImageUniDriver(base.$('[data-hook="suggestions-card-image"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        getTitleText: () => marketingLayout.getTitleText(),
+        description: {
+            subtitle,
+            learnMore,
+        },
+        ctaButton,
+        badge,
+        image,
+    };
+}
+//# sourceMappingURL=MarketingCard.uni.driver.js.map

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CAAC,IAAe,EAAE,IAAe;IACrE,MAAM,eAAe,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,aAAa,CAC5B,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,EACjD,IAAI,CACL,CAAC;IACF,MAAM,SAAS,GAAG,mBAAmB,CACnC,IAAI,CAAC,CAAC,CAAC,2CAA2C,CAAC,EACnD,IAAI,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAC/B,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAC/C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAC7C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAC9C,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,YAAY,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE;QAClD,WAAW,EAAE;YACX,QAAQ;YACR,SAAS;SACV;QACD,SAAS;QACT,KAAK;QACL,KAAK;KACN,CAAC;AACJ,CAAC"}