@wix/patterns 1.308.0 → 1.317.0

package/dist/cjs/components/ExportButton/ExportButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","Modal","onRequestClose","requestClose","isOpen","dataHook","ExportButtonModalLayout","exportModalState","Box","ResponsiveButton","actions","onClick","open","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => (\n          <Modal\n            onRequestClose={state.requestClose}\n            isOpen={state.isOpen}\n            dataHook=\"export-modal\"\n          >\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          </Modal>\n        )}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","Box","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,6 +12,8 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _types = require("@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types");
 var _util = require("@wix/bex-core/util");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _CustomDrawerLayout = require("../CustomDrawerLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ExportButton/ExportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ExportButtonModalLayout(props) {
@@ -33,6 +35,7 @@ function _ExportButtonModalLayout(props) {
     ...rest
   } = props;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const createExport = (0, _bexCore.useCreateExport)({
     transformPlatformizedQuery,
     differentQueryEndpointThanCollection,
@@ -69,6 +72,18 @@ function _ExportButtonModalLayout(props) {
     return undefined;
   }, [onRequestClose]);
   (0, _react.useEffect)(() => state.init(), []);
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+      dataHook: "export-modal-layout"
+    }, rest, customModalLayoutProps, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 7
+      }
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
     width: "510px",
     dataHook: "export-modal-layout"
@@ -76,7 +91,7 @@ function _ExportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 103,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getExportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_bexCore","_types","_util","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButtonModalLayout","props","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","methodSpec","fields","saveAs","exportModalState","arrayFieldDelimiter","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","rest","table","useToolbarCollectionContext","createExport","useCreateExport","reportBi","createExportAsyncJobRequest","ArrayFieldDelimiter","undefined","requestQueryFieldNumber","QueryFieldNumber","state","useState","onRequestClose","customModalLayoutProps","getExportModalStepProps","useEffect","addEventListener","events","init","createElement","CustomModalLayout","_extends2","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","ExportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"sourcesContent":["import { CustomModalLayout } from '@wix/design-system';\nimport { getExportModalStepProps } from './getExportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, useCreateExport } from '@wix/bex-core';\nimport { ExportButtonModalLayoutProps } from './ExportProps';\nimport {\n  QueryFieldNumber,\n  ArrayFieldDelimiter,\n} from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _ExportButtonModalLayout<T, F extends FiltersMap>(\n  props: ExportButtonModalLayoutProps<T, F>,\n) {\n  const {\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalState,\n    arrayFieldDelimiter,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n    ...rest\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const createExport = useCreateExport<T, F>({\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    reportBi: table.reportBi,\n    exportModalState,\n    createExportAsyncJobRequest: {\n      methodMetadata,\n      fields,\n      arrayFieldDelimiter: arrayFieldDelimiter\n        ? ArrayFieldDelimiter[arrayFieldDelimiter]\n        : undefined,\n      methodSpec: methodSpec\n        ? {\n            ...methodSpec,\n            requestQueryFieldNumber: methodSpec.requestQueryFieldNumber\n              ? QueryFieldNumber[methodSpec.requestQueryFieldNumber]\n              : undefined,\n          }\n        : undefined,\n    },\n    saveAs,\n  });\n\n  const [state] = useState(() => createExport());\n\n  const { onRequestClose, ...customModalLayoutProps } = getExportModalStepProps(\n    {\n      state,\n      renderError,\n      exportModalFooter,\n      exportModalTitle,\n      onProgressModalTitle,\n      exportToCSVMessage,\n    },\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        exportModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <CustomModalLayout\n      width=\"510px\"\n      dataHook=\"export-modal-layout\"\n      {...rest}\n      {...customModalLayoutProps}\n    />\n  );\n}\n\nexport const ExportButtonModalLayout = observer(_ExportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getExportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_bexCore","_types","_util","_useIsMobile","_CustomDrawerLayout","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButtonModalLayout","props","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","methodSpec","fields","saveAs","exportModalState","arrayFieldDelimiter","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","rest","table","useToolbarCollectionContext","isMobile","useIsMobile","createExport","useCreateExport","reportBi","createExportAsyncJobRequest","ArrayFieldDelimiter","undefined","requestQueryFieldNumber","QueryFieldNumber","state","useState","onRequestClose","customModalLayoutProps","getExportModalStepProps","useEffect","addEventListener","events","init","createElement","CustomDrawerLayout","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","width","ExportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"sourcesContent":["import { CustomModalLayout } from '@wix/design-system';\nimport { getExportModalStepProps } from './getExportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, useCreateExport } from '@wix/bex-core';\nimport { ExportButtonModalLayoutProps } from './ExportProps';\nimport {\n  QueryFieldNumber,\n  ArrayFieldDelimiter,\n} from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\n\nfunction _ExportButtonModalLayout<T, F extends FiltersMap>(\n  props: ExportButtonModalLayoutProps<T, F>,\n) {\n  const {\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalState,\n    arrayFieldDelimiter,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n    ...rest\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const isMobile = useIsMobile();\n\n  const createExport = useCreateExport<T, F>({\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    reportBi: table.reportBi,\n    exportModalState,\n    createExportAsyncJobRequest: {\n      methodMetadata,\n      fields,\n      arrayFieldDelimiter: arrayFieldDelimiter\n        ? ArrayFieldDelimiter[arrayFieldDelimiter]\n        : undefined,\n      methodSpec: methodSpec\n        ? {\n            ...methodSpec,\n            requestQueryFieldNumber: methodSpec.requestQueryFieldNumber\n              ? QueryFieldNumber[methodSpec.requestQueryFieldNumber]\n              : undefined,\n          }\n        : undefined,\n    },\n    saveAs,\n  });\n\n  const [state] = useState(() => createExport());\n\n  const { onRequestClose, ...customModalLayoutProps } = getExportModalStepProps(\n    {\n      state,\n      renderError,\n      exportModalFooter,\n      exportModalTitle,\n      onProgressModalTitle,\n      exportToCSVMessage,\n    },\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        exportModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  if (isMobile) {\n    return (\n      <CustomDrawerLayout\n        dataHook=\"export-modal-layout\"\n        {...rest}\n        {...customModalLayoutProps}\n      />\n    );\n  }\n\n  return (\n    <CustomModalLayout\n      width=\"510px\"\n      dataHook=\"export-modal-layout\"\n      {...rest}\n      {...customModalLayoutProps}\n    />\n  );\n}\n\nexport const ExportButtonModalLayout = observer(_ExportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,30 +10,46 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _ExportButtonModalLayout = require("./ExportButtonModalLayout");
 var _mobxReactLite = require("mobx-react-lite");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ExportButton/ExportModal.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ExportModal(props) {
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const [exportModalState] = (0, _react.useState)(() => table.exportState ?? (table.exportState = new _bexCore.ModalState()));
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
-    onRequestClose: exportModalState.close,
-    isOpen: exportModalState.isOpen,
-    dataHook: "export-modal",
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const child = /*#__PURE__*/_react.default.createElement(_ExportButtonModalLayout.ExportButtonModalLayout, (0, _extends2.default)({}, props, {
+    exportModalState: exportModalState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 20,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_ExportButtonModalLayout.ExportButtonModalLayout, (0, _extends2.default)({}, props, {
-    exportModalState: exportModalState,
+  }));
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Drawer, {
+      dataHook: "export-modal",
+      open: exportModalState.isOpen,
+      onClose: exportModalState.close,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    onRequestClose: exportModalState.close,
+    isOpen: exportModalState.isOpen,
+    dataHook: "export-modal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
-      columnNumber: 7
+      lineNumber: 36,
+      columnNumber: 5
     }
-  })));
+  }, child);
 }
 const ExportModal = exports.ExportModal = (0, _mobxReactLite.observer)(_ExportModal);
 //# sourceMappingURL=ExportModal.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_ToolbarCollectionContext","_bexCore","_ExportButtonModalLayout","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportModal","props","table","useToolbarCollectionContext","exportModalState","useState","exportState","ModalState","createElement","Modal","onRequestClose","close","isOpen","dataHook","__self","__source","fileName","lineNumber","columnNumber","ExportButtonModalLayout","_extends2","ExportModal","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportModal.tsx"],"sourcesContent":["import { Modal } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { observer } from 'mobx-react-lite';\nimport { ExportModalProps } from './ExportProps';\n\nfunction _ExportModal<T, F extends FiltersMap>(props: ExportModalProps<T, F>) {\n  const table = useToolbarCollectionContext<T, F>();\n\n  const [exportModalState] = useState(\n    () => (table.exportState ??= new ModalState()),\n  );\n\n  return (\n    <Modal\n      onRequestClose={exportModalState.close}\n      isOpen={exportModalState.isOpen}\n      dataHook=\"export-modal\"\n    >\n      <ExportButtonModalLayout {...props} exportModalState={exportModalState} />\n    </Modal>\n  );\n}\n\nexport const ExportModal = observer(_ExportModal);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA2C,IAAAO,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG3C,SAASkB,YAAYA,CAA0BC,KAA6B,EAAE;EAC5E,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAO,CAAC;EAEjD,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MAAOH,KAAK,CAACI,WAAW,KAAjBJ,KAAK,CAACI,WAAW,GAAK,IAAIC,mBAAU,CAAC,CAAC,CAC/C,CAAC;EAED,oBACEjC,MAAA,CAAAiB,OAAA,CAAAiB,aAAA,CAACpC,aAAA,CAAAqC,KAAK;IACJC,cAAc,EAAEN,gBAAgB,CAACO,KAAM;IACvCC,MAAM,EAAER,gBAAgB,CAACQ,MAAO;IAChCC,QAAQ,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvB5C,MAAA,CAAAiB,OAAA,CAAAiB,aAAA,CAAC9B,wBAAA,CAAAyC,uBAAuB,MAAAC,SAAA,CAAA7B,OAAA,MAAKU,KAAK;IAAEG,gBAAgB,EAAEA,gBAAiB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CACpE,CAAC;AAEZ;AAEO,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACvB,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_ToolbarCollectionContext","_bexCore","_ExportButtonModalLayout","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportModal","props","table","useToolbarCollectionContext","exportModalState","useState","exportState","ModalState","isMobile","useIsMobile","child","createElement","ExportButtonModalLayout","_extends2","__self","__source","fileName","lineNumber","columnNumber","Drawer","dataHook","open","isOpen","onClose","close","Modal","onRequestClose","ExportModal","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportModal.tsx"],"sourcesContent":["import { Drawer, Modal } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { observer } from 'mobx-react-lite';\nimport { ExportModalProps } from './ExportProps';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportModal<T, F extends FiltersMap>(props: ExportModalProps<T, F>) {\n  const table = useToolbarCollectionContext<T, F>();\n\n  const [exportModalState] = useState(\n    () => (table.exportState ??= new ModalState()),\n  );\n\n  const isMobile = useIsMobile();\n\n  const child = (\n    <ExportButtonModalLayout {...props} exportModalState={exportModalState} />\n  );\n\n  if (isMobile) {\n    return (\n      <Drawer\n        dataHook=\"export-modal\"\n        open={exportModalState.isOpen}\n        onClose={exportModalState.close}\n      >\n        {child}\n      </Drawer>\n    );\n  }\n\n  return (\n    <Modal\n      onRequestClose={exportModalState.close}\n      isOpen={exportModalState.isOpen}\n      dataHook=\"export-modal\"\n    >\n      {child}\n    </Modal>\n  );\n}\n\nexport const ExportModal = observer(_ExportModal);\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,16 +8,17 @@ var _unidriver2 = require("../../unidriver");
 var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
 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 = () => (0, _unidriver3.TextUniDriver)(linearProgressBarBase().$('[data-hook="progress-count"]'), body);
   const getTotalCounter = () => (0, _unidriver3.HeadingUniDriver)(linearProgressBarBase().$('[data-hook="progress-total"]'), body);
-  const getExportRadioGroup = () => (0, _unidriver3.RadioGroupUniDriver)(modalBase().$('[data-hook="export-group"]'), body);
+  const getExportRadioGroup = () => (0, _unidriver3.RadioGroupUniDriver)(modalLayoutBase().$('[data-hook="export-group"]'), body);
   const getModal = () => (0, _unidriver3.ModalUniDriver)(modalBase(), modalBase());
-  const getModalLayout = () => (0, _unidriver3.CustomModalLayoutUniDriver)(modalBase().$('[data-hook="export-modal-layout"]'), body);
+  const getModalLayout = () => (0, _unidriver3.CustomModalLayoutUniDriver)(modalLayoutBase(), body);
   const getFooterText = async () => (await (0, _unidriver3.TextUniDriver)(footerBase(), body)).getText();
   const footerExists = () => footerBase().exists();
-  const getCsvMessageText = async () => (await (0, _unidriver3.TextUniDriver)(modalBase().$('[data-hook="export-csv-message"]'), body).getText()).replace(' ', ' ');
+  const getCsvMessageText = async () => (await (0, _unidriver3.TextUniDriver)(modalLayoutBase().$('[data-hook="export-csv-message"]'), body).getText()).replace(' ', ' ');
   return {
     wait: timeout => base.wait(timeout),
     ...(0, _unidriver2.baseUniDriverFactory)(base),
@@ -45,8 +46,8 @@ 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/cjs/components/ExportButton/ExportModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ExportModalUniDriver","base","body","modalBase","$","footerBase","linearProgressBarBase","getAbsoluteCounter","TextUniDriver","getTotalCounter","HeadingUniDriver","getExportRadioGroup","RadioGroupUniDriver","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","getText","footerExists","exists","getCsvMessageText","replace","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getErrorMessageText","text","getErrorMessageAction","_default","exports","default"],"sources":["../../../../src/components/ExportButton/ExportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CustomModalLayoutUniDriver,\n  HeadingUniDriver,\n  ModalUniDriver,\n  RadioGroupUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ExportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-export-modal');\n  const footerBase = () =>\n    modalBase().$('[data-hook=\"export-modal-footer-text\"]');\n\n  const linearProgressBarBase = () =>\n    modalBase().$('[data-hook=\"export-linear-progress-bar\"]');\n\n  const getAbsoluteCounter = () =>\n    TextUniDriver(\n      linearProgressBarBase().$('[data-hook=\"progress-count\"]'),\n      body,\n    );\n\n  const getTotalCounter = () =>\n    HeadingUniDriver(\n      linearProgressBarBase().$('[data-hook=\"progress-total\"]'),\n      body,\n    );\n\n  const getExportRadioGroup = () =>\n    RadioGroupUniDriver(modalBase().$('[data-hook=\"export-group\"]'), body);\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(\n      modalBase().$('[data-hook=\"export-modal-layout\"]'),\n      body,\n    );\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const getCsvMessageText = async () =>\n    (\n      await TextUniDriver(\n        modalBase().$('[data-hook=\"export-csv-message\"]'),\n        body,\n      ).getText()\n    ).replace(' ', ' ');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    /** Get RadioGroupDriver of export types list */\n    getExportRadioGroup,\n    getModalLayout,\n    getCsvMessageText,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    /** Clicks export modal primary action button*/\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    /** Get export modal primary action text*/\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    /** Get export modal secondary action text */\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    /** Clicks export modal secondary action button*/\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    /** Clicks export modal close button*/\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    /** Get export modal title*/\n    getModalTitle: () => getModalLayout().getTitleText(),\n    /** Get export progress absolute counter*/\n    getAbsoluteCounter: () => getAbsoluteCounter().getText(),\n    /** Get export total counter*/\n    getTotalCounter: () => getTotalCounter().getText(),\n    /** Get text from error message without the space value that is added with the widows prop\n    Tests are failing with this Hex valus, so it is replaced here */\n    getErrorMessageText: async () =>\n      (\n        await modalBase().$('[data-hook=\"export-error-message\"]').text()\n      ).replace('\\u00A0', ' '),\n    getErrorMessageAction: async () =>\n      modalBase().$('[data-hook=\"export-error-message-action\"]'),\n    /** Get export modal footer text*/\n    getFooterText,\n    /** Indicates whether footer exists in the export modal */\n    footerExists,\n  };\n}\n\nexport default ExportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ExportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","linearProgressBarBase","getAbsoluteCounter","TextUniDriver","getTotalCounter","HeadingUniDriver","getExportRadioGroup","RadioGroupUniDriver","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","getText","footerExists","exists","getCsvMessageText","replace","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getErrorMessageText","text","getErrorMessageAction","_default","exports","default"],"sources":["../../../../src/components/ExportButton/ExportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CustomModalLayoutUniDriver,\n  HeadingUniDriver,\n  ModalUniDriver,\n  RadioGroupUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ExportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-export-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"export-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"export-modal-footer-text\"]');\n\n  const linearProgressBarBase = () =>\n    modalLayoutBase().$('[data-hook=\"export-linear-progress-bar\"]');\n\n  const getAbsoluteCounter = () =>\n    TextUniDriver(\n      linearProgressBarBase().$('[data-hook=\"progress-count\"]'),\n      body,\n    );\n\n  const getTotalCounter = () =>\n    HeadingUniDriver(\n      linearProgressBarBase().$('[data-hook=\"progress-total\"]'),\n      body,\n    );\n\n  const getExportRadioGroup = () =>\n    RadioGroupUniDriver(\n      modalLayoutBase().$('[data-hook=\"export-group\"]'),\n      body,\n    );\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const getCsvMessageText = async () =>\n    (\n      await TextUniDriver(\n        modalLayoutBase().$('[data-hook=\"export-csv-message\"]'),\n        body,\n      ).getText()\n    ).replace(' ', ' ');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    /** Get RadioGroupDriver of export types list */\n    getExportRadioGroup,\n    getModalLayout,\n    getCsvMessageText,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    /** Clicks export modal primary action button*/\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    /** Get export modal primary action text*/\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    /** Get export modal secondary action text */\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    /** Clicks export modal secondary action button*/\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    /** Clicks export modal close button*/\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    /** Get export modal title*/\n    getModalTitle: () => getModalLayout().getTitleText(),\n    /** Get export progress absolute counter*/\n    getAbsoluteCounter: () => getAbsoluteCounter().getText(),\n    /** Get export total counter*/\n    getTotalCounter: () => getTotalCounter().getText(),\n    /** Get text from error message without the space value that is added with the widows prop\n    Tests are failing with this Hex valus, so it is replaced here */\n    getErrorMessageText: async () =>\n      (\n        await modalLayoutBase().$('[data-hook=\"export-error-message\"]').text()\n      ).replace('\\u00A0', ' '),\n    getErrorMessageAction: async () =>\n      modalLayoutBase().$('[data-hook=\"export-error-message-action\"]'),\n    /** Get export modal footer text*/\n    getFooterText,\n    /** Indicates whether footer exists in the export modal */\n    footerExists,\n  };\n}\n\nexport default ExportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -31,7 +31,7 @@ function _ExportStepProgress({
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "SP1",
     direction: "vertical",
-    paddingTop: "SP1",
+    width: "100%",
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_designSystem","_react","_interopRequireWildcard","_mobxReactLite","_mobx","_LinearAbsoluteProgressBar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportStepProgress","state","counter","totalForExport","absoluteCounter","translate","collapse","useState","TransitionState","useEffect","disposers","reaction","iterationsCountPoll","pollCount","show","setShow","forEach","d","createElement","Box","gap","direction","paddingTop","__self","__source","fileName","lineNumber","columnNumber","LinearAbsoluteProgressBar","value","count","total","dataHook","Text","widows","ExportStepProgress","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportStepProgress.tsx"],"sourcesContent":["import { ExportState, FiltersMap, TransitionState } from '@wix/bex-core';\nimport { Box, Text } from '@wix/design-system';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\n// import { Collapse } from '../Collapse';\nimport { reaction } from 'mobx';\nimport { LinearAbsoluteProgressBar } from './LinearAbsoluteProgressBar';\n\nexport interface ExportStepProgressProps<T, F extends FiltersMap> {\n  state: ExportState<T, F>;\n}\n\nfunction _ExportStepProgress<T, F extends FiltersMap>({\n  state,\n}: ExportStepProgressProps<T, F>) {\n  const { counter, totalForExport, absoluteCounter, translate: t } = state;\n\n  const [collapse] = useState(() => new TransitionState());\n\n  useEffect(() => {\n    const disposers = [\n      reaction(\n        () => state.iterationsCountPoll.pollCount > 7,\n        (show) => {\n          collapse.setShow(show);\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, []);\n\n  return (\n    <Box gap=\"SP1\" direction=\"vertical\" paddingTop=\"SP1\">\n      <LinearAbsoluteProgressBar\n        value={counter}\n        count={absoluteCounter}\n        total={totalForExport}\n        dataHook=\"export-linear-progress-bar\"\n      />\n      <Text widows>{t('cairo.export.exportingDescription')}</Text>\n      {/* <Collapse state={collapse} timeout={300}>*/}\n      {/*  <Text>Still on it...</Text>*/}\n      {/* </Collapse>*/}\n    </Box>\n  );\n}\n\nexport const ExportStepProgress = observer(_ExportStepProgress);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_designSystem","_react","_interopRequireWildcard","_mobxReactLite","_mobx","_LinearAbsoluteProgressBar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportStepProgress","state","counter","totalForExport","absoluteCounter","translate","collapse","useState","TransitionState","useEffect","disposers","reaction","iterationsCountPoll","pollCount","show","setShow","forEach","d","createElement","Box","gap","direction","width","__self","__source","fileName","lineNumber","columnNumber","LinearAbsoluteProgressBar","value","count","total","dataHook","Text","widows","ExportStepProgress","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportStepProgress.tsx"],"sourcesContent":["import { ExportState, FiltersMap, TransitionState } from '@wix/bex-core';\nimport { Box, Text } from '@wix/design-system';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\n// import { Collapse } from '../Collapse';\nimport { reaction } from 'mobx';\nimport { LinearAbsoluteProgressBar } from './LinearAbsoluteProgressBar';\n\nexport interface ExportStepProgressProps<T, F extends FiltersMap> {\n  state: ExportState<T, F>;\n}\n\nfunction _ExportStepProgress<T, F extends FiltersMap>({\n  state,\n}: ExportStepProgressProps<T, F>) {\n  const { counter, totalForExport, absoluteCounter, translate: t } = state;\n\n  const [collapse] = useState(() => new TransitionState());\n\n  useEffect(() => {\n    const disposers = [\n      reaction(\n        () => state.iterationsCountPoll.pollCount > 7,\n        (show) => {\n          collapse.setShow(show);\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, []);\n\n  return (\n    <Box gap=\"SP1\" direction=\"vertical\" width=\"100%\">\n      <LinearAbsoluteProgressBar\n        value={counter}\n        count={absoluteCounter}\n        total={totalForExport}\n        dataHook=\"export-linear-progress-bar\"\n      />\n      <Text widows>{t('cairo.export.exportingDescription')}</Text>\n      {/* <Collapse state={collapse} timeout={300}>*/}\n      {/*  <Text>Still on it...</Text>*/}\n      {/* </Collapse>*/}\n    </Box>\n  );\n}\n\nexport const ExportStepProgress = observer(_ExportStepProgress);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade3377844725";
+var _namespace_ = "Fade195922068";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade3377844725__root"
+  "root": "Fade195922068__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3377844725\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade3377844725__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade195922068\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade195922068__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqB,CAAC;AAC5C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -48,6 +48,7 @@ function _FiltersPanelAppliedFiltersSection(props) {
     dataHook: "clear-all-filters",
     size: "small",
     onClick: () => {
+      var _state$sidePanel$focu;
       (0, _mobx.runInAction)(() => {
         const {
           query: {
@@ -64,6 +65,7 @@ function _FiltersPanelAppliedFiltersSection(props) {
         });
       });
       onClearButtonClicked == null || onClearButtonClicked();
+      (_state$sidePanel$focu = state.sidePanel.focus.modalElement) == null || _state$sidePanel$focu.focus();
     },
     disabled: !nonPersistentCustomFiltersCount,
     __self: this,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_mobx","_jsxFileName","_FiltersPanelAppliedFiltersSection","props","state","onClearButtonClicked","collection","translate","t","query","nonPersistentCustomFiltersCount","default","createElement","Fragment","Text","weight","dataHook","size","__self","__source","fileName","lineNumber","columnNumber","num","Box","align","flex","TextButton","onClick","runInAction","nonPersistentCustomFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","disabled","FiltersPanelAppliedFiltersSection","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelAppliedFiltersSection.tsx"],"sourcesContent":["import { Box, Text, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { runInAction } from 'mobx';\n\nexport interface FiltersPanelAppliedFiltersSectionProps<\n  T,\n  F extends FiltersMap,\n> {\n  state: ToolbarCollectionState<T, F>;\n  onClearButtonClicked?: () => unknown;\n}\n\nfunction _FiltersPanelAppliedFiltersSection<T, F extends FiltersMap>(\n  props: FiltersPanelAppliedFiltersSectionProps<T, F>,\n) {\n  const { state, onClearButtonClicked } = props;\n\n  const { collection } = state;\n\n  const { translate: t, query } = collection;\n  const { nonPersistentCustomFiltersCount } = query;\n\n  return (\n    <>\n      <Text weight=\"bold\" dataHook=\"applied-filters\" size=\"small\">\n        {t('cairo.appliedFilters', {\n          num: nonPersistentCustomFiltersCount,\n        })}\n      </Text>\n\n      <Box align=\"right\" flex={1}>\n        <TextButton\n          dataHook=\"clear-all-filters\"\n          size=\"small\"\n          onClick={() => {\n            runInAction(() => {\n              const {\n                query: { nonPersistentCustomFilters },\n              } = collection;\n              collection.emitter.emit('beforeClearFilters', {\n                origin: 'sidebar',\n              });\n              nonPersistentCustomFilters\n                .filter((filter) => !filter._hideFromToolbar)\n                .forEach((filter) => {\n                  filter?.reset({ emitEvents: ['change', 'refresh'] });\n                });\n            });\n            onClearButtonClicked?.();\n          }}\n          disabled={!nonPersistentCustomFiltersCount}\n        >\n          {t('cairo.clear')}\n        </TextButton>\n      </Box>\n    </>\n  );\n}\n\nexport const FiltersPanelAppliedFiltersSection = observer(\n  _FiltersPanelAppliedFiltersSection,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAmC,IAAAK,YAAA;AAUnC,SAASC,kCAAkCA,CACzCC,KAAmD,EACnD;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAE7C,MAAM;IAAEG;EAAW,CAAC,GAAGF,KAAK;EAE5B,MAAM;IAAEG,SAAS,EAAEC,CAAC;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC1C,MAAM;IAAEI;EAAgC,CAAC,GAAGD,KAAK;EAEjD,oBACEZ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAmB,IAAI;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ,EAAC,iBAAiB;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDd,CAAC,CAAC,sBAAsB,EAAE;IACzBe,GAAG,EAAEb;EACP,CAAC,CACG,CAAC,eAEPb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA6B,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,EAAE,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBzB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,UAAU;IACTX,QAAQ,EAAC,mBAAmB;IAC5BC,IAAI,EAAC,OAAO;IACZW,OAAO,EAAEA,CAAA,KAAM;MACb,IAAAC,iBAAW,EAAC,MAAM;QAChB,MAAM;UACJpB,KAAK,EAAE;YAAEqB;UAA2B;QACtC,CAAC,GAAGxB,UAAU;QACdA,UAAU,CAACyB,OAAO,CAACC,IAAI,CAAC,oBAAoB,EAAE;UAC5CC,MAAM,EAAE;QACV,CAAC,CAAC;QACFH,0BAA0B,CACvBI,MAAM,CAAEA,MAAM,IAAK,CAACA,MAAM,CAACC,gBAAgB,CAAC,CAC5CC,OAAO,CAAEF,MAAM,IAAK;UACnBA,MAAM,YAANA,MAAM,CAAEG,KAAK,CAAC;YAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;UAAE,CAAC,CAAC;QACtD,CAAC,CAAC;MACN,CAAC,CAAC;MACFjC,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;IAC1B,CAAE;IACFkC,QAAQ,EAAE,CAAC7B,+BAAgC;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1Cd,CAAC,CAAC,aAAa,CACN,CACT,CACL,CAAC;AAEP;AAEO,MAAMgC,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvDxC,kCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_mobx","_jsxFileName","_FiltersPanelAppliedFiltersSection","props","state","onClearButtonClicked","collection","translate","t","query","nonPersistentCustomFiltersCount","default","createElement","Fragment","Text","weight","dataHook","size","__self","__source","fileName","lineNumber","columnNumber","num","Box","align","flex","TextButton","onClick","_state$sidePanel$focu","runInAction","nonPersistentCustomFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","sidePanel","focus","modalElement","disabled","FiltersPanelAppliedFiltersSection","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelAppliedFiltersSection.tsx"],"sourcesContent":["import { Box, Text, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { runInAction } from 'mobx';\n\nexport interface FiltersPanelAppliedFiltersSectionProps<\n  T,\n  F extends FiltersMap,\n> {\n  state: ToolbarCollectionState<T, F>;\n  onClearButtonClicked?: () => unknown;\n}\n\nfunction _FiltersPanelAppliedFiltersSection<T, F extends FiltersMap>(\n  props: FiltersPanelAppliedFiltersSectionProps<T, F>,\n) {\n  const { state, onClearButtonClicked } = props;\n\n  const { collection } = state;\n\n  const { translate: t, query } = collection;\n  const { nonPersistentCustomFiltersCount } = query;\n\n  return (\n    <>\n      <Text weight=\"bold\" dataHook=\"applied-filters\" size=\"small\">\n        {t('cairo.appliedFilters', {\n          num: nonPersistentCustomFiltersCount,\n        })}\n      </Text>\n\n      <Box align=\"right\" flex={1}>\n        <TextButton\n          dataHook=\"clear-all-filters\"\n          size=\"small\"\n          onClick={() => {\n            runInAction(() => {\n              const {\n                query: { nonPersistentCustomFilters },\n              } = collection;\n              collection.emitter.emit('beforeClearFilters', {\n                origin: 'sidebar',\n              });\n              nonPersistentCustomFilters\n                .filter((filter) => !filter._hideFromToolbar)\n                .forEach((filter) => {\n                  filter?.reset({ emitEvents: ['change', 'refresh'] });\n                });\n            });\n            onClearButtonClicked?.();\n            state.sidePanel.focus.modalElement?.focus();\n          }}\n          disabled={!nonPersistentCustomFiltersCount}\n        >\n          {t('cairo.clear')}\n        </TextButton>\n      </Box>\n    </>\n  );\n}\n\nexport const FiltersPanelAppliedFiltersSection = observer(\n  _FiltersPanelAppliedFiltersSection,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAmC,IAAAK,YAAA;AAUnC,SAASC,kCAAkCA,CACzCC,KAAmD,EACnD;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAE7C,MAAM;IAAEG;EAAW,CAAC,GAAGF,KAAK;EAE5B,MAAM;IAAEG,SAAS,EAAEC,CAAC;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC1C,MAAM;IAAEI;EAAgC,CAAC,GAAGD,KAAK;EAEjD,oBACEZ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAmB,IAAI;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ,EAAC,iBAAiB;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDd,CAAC,CAAC,sBAAsB,EAAE;IACzBe,GAAG,EAAEb;EACP,CAAC,CACG,CAAC,eAEPb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA6B,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,EAAE,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBzB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,UAAU;IACTX,QAAQ,EAAC,mBAAmB;IAC5BC,IAAI,EAAC,OAAO;IACZW,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACb,IAAAC,iBAAW,EAAC,MAAM;QAChB,MAAM;UACJrB,KAAK,EAAE;YAAEsB;UAA2B;QACtC,CAAC,GAAGzB,UAAU;QACdA,UAAU,CAAC0B,OAAO,CAACC,IAAI,CAAC,oBAAoB,EAAE;UAC5CC,MAAM,EAAE;QACV,CAAC,CAAC;QACFH,0BAA0B,CACvBI,MAAM,CAAEA,MAAM,IAAK,CAACA,MAAM,CAACC,gBAAgB,CAAC,CAC5CC,OAAO,CAAEF,MAAM,IAAK;UACnBA,MAAM,YAANA,MAAM,CAAEG,KAAK,CAAC;YAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;UAAE,CAAC,CAAC;QACtD,CAAC,CAAC;MACN,CAAC,CAAC;MACFlC,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;MACxB,CAAAwB,qBAAA,GAAAzB,KAAK,CAACoC,SAAS,CAACC,KAAK,CAACC,YAAY,aAAlCb,qBAAA,CAAoCY,KAAK,CAAC,CAAC;IAC7C,CAAE;IACFE,QAAQ,EAAE,CAACjC,+BAAgC;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1Cd,CAAC,CAAC,aAAa,CACN,CACT,CACL,CAAC;AAEP;AAEO,MAAMoC,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvD5C,kCACF,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading1047250066";
+var _namespace_ = "Heading2772262609";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading1047250066__root"
+  "root": "Heading2772262609__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1047250066\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading1047250066__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2772262609\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading2772262609__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow4035773023";
+var _namespace_ = "InputOverflow2848822892";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "InputOverflow4035773023__root"
+  "root": "InputOverflow2848822892__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4035773023\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow4035773023__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2848822892\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow2848822892__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow375204560\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow375204560__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow375204560__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3912306227\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow3912306227__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3912306227__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText3590077997";
+var _namespace_ = "MaxHeightText3608932933";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxHeightText3590077997__root"
+  "root": "MaxHeightText3608932933__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3590077997\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText3590077997__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3608932933\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText3608932933__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines977625515";
+var _namespace_ = "MaxLines2519136276";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxLines977625515__root"
+  "root": "MaxLines2519136276__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines977625515\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines977625515__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2519136276\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines2519136276__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}