@wix/patterns 1.432.0 → 1.433.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_PickerModalSplash","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PickerModal","props","dataHook","state","modalProps","renderError","width","multiple","rest","_isModalOpen","_customContent","_isCustomContentVisible","fetchPickerComponent","fetchFirstPage","fetchInitialProps","isModalOpen","useReactive","fetchPickerComponentStatus","status","fetchFirstPageStatus","fetchInitialPropsStatus","customContent","isCustomContentVisible","useState","multipleRef","current","useEffect","onIsOpenChanged","init","child","type","data","PickerContentComponent","createElement","_extends2","modalState","__self","__source","fileName","lineNumber","columnNumber","PickerModalSplash","primaryButtonText","undefined","secondaryButtonText","primaryButtonOnClick","secondaryButtonOnClick","Fragment","Modal","onRequestClose","closeModal","isOpen","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { PickerModalState } from '../../hooks';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useReactive } from '@wix/bex-utils/react';\nimport { PickerModalSplash } from '../PickerModalSplash';\nimport { MultipleSelection } from '../MaxSelection';\n\nexport interface PickerModalProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<CustomModalLayoutProps> {\n  /**\n   * Optional props to forward to `Modal` component\n   */\n  modalProps?: Partial<ModalProps>;\n  /** State object created with [`usePickerModal`](./?path=/story/base-components-collections-picker-hooks--usepickermodal) */\n  state: PickerModalState<T, F>;\n  /**\n   * A component to be rendered in the modal content when there's a failure fetching the data\n   * @param params\n   * @param params.err - The original failure error object\n   * @param params.isOnline - Indicates whether internet connection is available or not\n   */\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  /**\n   * Limits the number of items that can be selected.<br>\n   * Either a boolean or a number. A number indicates the maximum number of selections, `true` indicates no limit, `false` indicates only 1 item (radio button will be shown instead of checkboxes)\n   */\n  multiple?: MultipleSelection;\n}\n\nexport function PickerModal<T, F extends FiltersMap = FiltersMap>(\n  props: PickerModalProps<T, F>,\n) {\n  const {\n    dataHook,\n    state,\n    modalProps,\n    renderError,\n    width = '618px',\n    multiple,\n    ...rest\n  } = props;\n  const {\n    _isModalOpen,\n    _customContent,\n    _isCustomContentVisible,\n    fetchPickerComponent,\n    fetchFirstPage,\n    fetchInitialProps,\n  } = state;\n\n  const isModalOpen = useReactive(_isModalOpen);\n  const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);\n  const fetchFirstPageStatus = useReactive(fetchFirstPage.status);\n  const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);\n  const customContent = useReactive(_customContent);\n  const isCustomContentVisible = useReactive(_isCustomContentVisible);\n\n  useState(() => {\n    state.multipleRef.current = multiple;\n  });\n\n  useEffect(() => {\n    state.multipleRef.current = multiple;\n  }, [multiple]);\n\n  useEffect(() => {\n    state.onIsOpenChanged();\n  }, [isModalOpen]);\n\n  useEffect(() => state.init(), []);\n\n  let child: ReactNode;\n\n  if (\n    fetchPickerComponentStatus.type === 'success' &&\n    fetchFirstPageStatus.type === 'success' &&\n    fetchInitialPropsStatus.type === 'success'\n  ) {\n    const { data: PickerContentComponent } = fetchPickerComponentStatus;\n\n    child = (\n      <PickerContentComponent\n        dataHook={dataHook}\n        width=\"100%\"\n        modalState={state}\n        renderError={renderError}\n        multiple={multiple}\n        {...rest}\n      />\n    );\n  } else {\n    child = (\n      <PickerModalSplash\n        dataHook={dataHook}\n        state={state}\n        width=\"100%\"\n        renderError={renderError}\n        {...rest}\n        primaryButtonText={undefined}\n        secondaryButtonText={undefined}\n        primaryButtonOnClick={undefined}\n        secondaryButtonOnClick={undefined}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Modal\n        dataHook={\n          dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal'\n        }\n        onRequestClose={() => state.closeModal()}\n        {...modalProps}\n        isOpen={isModalOpen}\n      >\n        <div\n          data-wix-patterns\n          style={{ width, maxHeight: '100%', display: 'flex' }}\n        >\n          {child}\n        </div>\n      </Modal>\n\n      {customContent?.({\n        isOpen: isCustomContentVisible,\n        width,\n        close: state.onCreateNew,\n      })}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_PickerModalSplash","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PickerModal","props","dataHook","state","modalProps","renderError","width","multiple","rest","_isModalOpen","_customContent","_isCustomContentVisible","fetchPickerComponent","fetchFirstPage","fetchInitialProps","isModalOpen","useReactive","fetchPickerComponentStatus","status","fetchFirstPageStatus","fetchInitialPropsStatus","customContent","isCustomContentVisible","useState","multipleRef","current","useEffect","onIsOpenChanged","init","child","type","data","PickerContentComponent","createElement","_extends2","modalState","__self","__source","fileName","lineNumber","columnNumber","PickerModalSplash","primaryButtonText","undefined","secondaryButtonText","primaryButtonOnClick","secondaryButtonOnClick","Fragment","Modal","onRequestClose","closeModal","isOpen","cairoVersion","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { PickerModalState } from '../../hooks';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useReactive } from '@wix/bex-utils/react';\nimport { PickerModalSplash } from '../PickerModalSplash';\nimport { MultipleSelection } from '../MaxSelection';\nimport { version as cairoVersion } from '../../version';\n\nexport interface PickerModalProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<CustomModalLayoutProps> {\n  /**\n   * Optional props to forward to `Modal` component\n   */\n  modalProps?: Partial<ModalProps>;\n  /** State object created with [`usePickerModal`](./?path=/story/base-components-collections-picker-hooks--usepickermodal) */\n  state: PickerModalState<T, F>;\n  /**\n   * A component to be rendered in the modal content when there's a failure fetching the data\n   * @param params\n   * @param params.err - The original failure error object\n   * @param params.isOnline - Indicates whether internet connection is available or not\n   */\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  /**\n   * Limits the number of items that can be selected.<br>\n   * Either a boolean or a number. A number indicates the maximum number of selections, `true` indicates no limit, `false` indicates only 1 item (radio button will be shown instead of checkboxes)\n   */\n  multiple?: MultipleSelection;\n}\n\nexport function PickerModal<T, F extends FiltersMap = FiltersMap>(\n  props: PickerModalProps<T, F>,\n) {\n  const {\n    dataHook,\n    state,\n    modalProps,\n    renderError,\n    width = '618px',\n    multiple,\n    ...rest\n  } = props;\n  const {\n    _isModalOpen,\n    _customContent,\n    _isCustomContentVisible,\n    fetchPickerComponent,\n    fetchFirstPage,\n    fetchInitialProps,\n  } = state;\n\n  const isModalOpen = useReactive(_isModalOpen);\n  const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);\n  const fetchFirstPageStatus = useReactive(fetchFirstPage.status);\n  const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);\n  const customContent = useReactive(_customContent);\n  const isCustomContentVisible = useReactive(_isCustomContentVisible);\n\n  useState(() => {\n    state.multipleRef.current = multiple;\n  });\n\n  useEffect(() => {\n    state.multipleRef.current = multiple;\n  }, [multiple]);\n\n  useEffect(() => {\n    state.onIsOpenChanged();\n  }, [isModalOpen]);\n\n  useEffect(() => state.init(), []);\n\n  let child: ReactNode;\n\n  if (\n    fetchPickerComponentStatus.type === 'success' &&\n    fetchFirstPageStatus.type === 'success' &&\n    fetchInitialPropsStatus.type === 'success'\n  ) {\n    const { data: PickerContentComponent } = fetchPickerComponentStatus;\n\n    child = (\n      <PickerContentComponent\n        dataHook={dataHook}\n        width=\"100%\"\n        modalState={state}\n        renderError={renderError}\n        multiple={multiple}\n        {...rest}\n      />\n    );\n  } else {\n    child = (\n      <PickerModalSplash\n        dataHook={dataHook}\n        state={state}\n        width=\"100%\"\n        renderError={renderError}\n        {...rest}\n        primaryButtonText={undefined}\n        secondaryButtonText={undefined}\n        primaryButtonOnClick={undefined}\n        secondaryButtonOnClick={undefined}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Modal\n        dataHook={\n          dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal'\n        }\n        onRequestClose={() => state.closeModal()}\n        {...modalProps}\n        isOpen={isModalOpen}\n      >\n        <div\n          data-wix-patterns={cairoVersion}\n          style={{ width, maxHeight: '100%', display: 'flex' }}\n        >\n          {child}\n        </div>\n      </Modal>\n\n      {customContent?.({\n        isOpen: isCustomContentVisible,\n        width,\n        close: state.onCreateNew,\n      })}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAwBjD,SAASkB,WAAWA,CACzBC,KAA6B,EAC7B;EACA,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,KAAK,GAAG,OAAO;IACfC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGP,KAAK;EACT,MAAM;IACJQ,YAAY;IACZC,cAAc;IACdC,uBAAuB;IACvBC,oBAAoB;IACpBC,cAAc;IACdC;EACF,CAAC,GAAGX,KAAK;EAET,MAAMY,WAAW,GAAG,IAAAC,mBAAW,EAACP,YAAY,CAAC;EAC7C,MAAMQ,0BAA0B,GAAG,IAAAD,mBAAW,EAACJ,oBAAoB,CAACM,MAAM,CAAC;EAC3E,MAAMC,oBAAoB,GAAG,IAAAH,mBAAW,EAACH,cAAc,CAACK,MAAM,CAAC;EAC/D,MAAME,uBAAuB,GAAG,IAAAJ,mBAAW,EAACF,iBAAiB,CAACI,MAAM,CAAC;EACrE,MAAMG,aAAa,GAAG,IAAAL,mBAAW,EAACN,cAAc,CAAC;EACjD,MAAMY,sBAAsB,GAAG,IAAAN,mBAAW,EAACL,uBAAuB,CAAC;EAEnE,IAAAY,eAAQ,EAAC,MAAM;IACbpB,KAAK,CAACqB,WAAW,CAACC,OAAO,GAAGlB,QAAQ;EACtC,CAAC,CAAC;EAEF,IAAAmB,gBAAS,EAAC,MAAM;IACdvB,KAAK,CAACqB,WAAW,CAACC,OAAO,GAAGlB,QAAQ;EACtC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAAmB,gBAAS,EAAC,MAAM;IACdvB,KAAK,CAACwB,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,CAACZ,WAAW,CAAC,CAAC;EAEjB,IAAAW,gBAAS,EAAC,MAAMvB,KAAK,CAACyB,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAIC,KAAgB;EAEpB,IACEZ,0BAA0B,CAACa,IAAI,KAAK,SAAS,IAC7CX,oBAAoB,CAACW,IAAI,KAAK,SAAS,IACvCV,uBAAuB,CAACU,IAAI,KAAK,SAAS,EAC1C;IACA,MAAM;MAAEC,IAAI,EAAEC;IAAuB,CAAC,GAAGf,0BAA0B;IAEnEY,KAAK,gBACHtD,MAAA,CAAAgB,OAAA,CAAA0C,aAAA,CAACD,sBAAsB,MAAAE,SAAA,CAAA3C,OAAA;MACrBW,QAAQ,EAAEA,QAAS;MACnBI,KAAK,EAAC,MAAM;MACZ6B,UAAU,EAAEhC,KAAM;MAClBE,WAAW,EAAEA,WAAY;MACzBE,QAAQ,EAAEA;IAAS,GACfC,IAAI;MAAA4B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1D,YAAA;QAAA2D,UAAA;QAAAC,YAAA;MAAA;IAAA,EACT,CACF;EACH,CAAC,MAAM;IACLX,KAAK,gBACHtD,MAAA,CAAAgB,OAAA,CAAA0C,aAAA,CAACvD,kBAAA,CAAA+D,iBAAiB,MAAAP,SAAA,CAAA3C,OAAA;MAChBW,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbG,KAAK,EAAC,MAAM;MACZD,WAAW,EAAEA;IAAY,GACrBG,IAAI;MACRkC,iBAAiB,EAAEC,SAAU;MAC7BC,mBAAmB,EAAED,SAAU;MAC/BE,oBAAoB,EAAEF,SAAU;MAChCG,sBAAsB,EAAEH,SAAU;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1D,YAAA;QAAA2D,UAAA;QAAAC,YAAA;MAAA;IAAA,EACnC,CACF;EACH;EAEA,oBACEjE,MAAA,CAAAgB,OAAA,CAAA0C,aAAA,CAAA1D,MAAA,CAAAgB,OAAA,CAAAwD,QAAA,qBACExE,MAAA,CAAAgB,OAAA,CAAA0C,aAAA,CAAC5D,aAAA,CAAA2E,KAAK,MAAAd,SAAA,CAAA3C,OAAA;IACJW,QAAQ,EACNA,QAAQ,GAAG,GAAGA,QAAQ,eAAe,GAAG,yBACzC;IACD+C,cAAc,EAAEA,CAAA,KAAM9C,KAAK,CAAC+C,UAAU,CAAC;EAAE,GACrC9C,UAAU;IACd+C,MAAM,EAAEpC,WAAY;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEpBjE,MAAA,CAAAgB,OAAA,CAAA0C,aAAA;IACE,qBAAmBmB,gBAAa;IAChCC,KAAK,EAAE;MAAE/C,KAAK;MAAEgD,SAAS,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAO,CAAE;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpDX,KACE,CACA,CAAC,EAEPR,aAAa,oBAAbA,aAAa,CAAG;IACf8B,MAAM,EAAE7B,sBAAsB;IAC9BhB,KAAK;IACLkD,KAAK,EAAErD,KAAK,CAACsD;EACf,CAAC,CACD,CAAC;AAEP","ignoreList":[]}

package/dist/cjs/components/PickerStandalone/PickerStandalone.js

@@ -14,6 +14,7 @@ var _PickerListContent = require("../PickerListContent");
 var _PickerStandaloneTableListItem = require("./PickerStandaloneTableListItem");
 var _mobxReactLite = require("mobx-react-lite");
 var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _version = require("../../version");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerStandalone/PickerStandalone.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 _PickerStandalone(props) {
@@ -66,7 +67,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 136,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -74,15 +75,15 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 137,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-patterns": true,
+    "data-wix-patterns": _version.version,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 138,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Splash.Splash, (0, _extends2.default)({
@@ -93,7 +94,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 139,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayout.PickerStandaloneLayout, (0, _extends2.default)({
@@ -103,7 +104,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 145,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_Picker.Picker, {
@@ -114,7 +115,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 150,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_PickerListContent.PickerListContent, (0, _extends2.default)({}, selectorListProps, {
@@ -130,14 +131,14 @@ function _PickerStandalone(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 161,
         columnNumber: 21
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 156,
       columnNumber: 17
     }
   }))))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [`ComputedQuery`](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-patterns>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","cairoVersion","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { version as cairoVersion } from '../../version';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [`ComputedQuery`](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-wix-patterns={cairoVersion}>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem3454716548";
+var _namespace_ = "PickerTableListItem3188700452";
 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": "PickerTableListItem3454716548__root"
+  "root": "PickerTableListItem3188700452__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3454716548\";\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\":\"PickerTableListItem3454716548__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3188700452\";\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\":\"PickerTableListItem3188700452__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent947430149";
+var _namespace_ = "ScrollableContent3106237506";
 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": "ScrollableContent947430149__root"
+  "root": "ScrollableContent3106237506__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent947430149\";\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\":\"ScrollableContent947430149__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3106237506\";\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\":\"ScrollableContent3106237506__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SetupWidget/SetupStepCard.js

@@ -52,7 +52,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(ChevronIcon, {
@@ -61,7 +61,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 70,
       columnNumber: 7
     }
   }));
@@ -74,7 +74,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, step.description);
@@ -97,7 +97,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 83,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,7 +107,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -118,7 +118,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 102,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -129,7 +129,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 108,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -137,7 +137,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 109,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -146,7 +146,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 110,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,7 +155,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 114,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -167,14 +167,14 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 115,
       columnNumber: 15
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 122,
       columnNumber: 32
     }
   }, step.title) : step.title), isInProgress && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -184,7 +184,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 125,
       columnNumber: 17
     }
   }, t('cairo.setupWidget.step.inProgress')))), isDisabled ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -196,14 +196,14 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 136,
       columnNumber: 13
     }
   }, chevron) : chevron), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 156,
       columnNumber: 13
     }
   }), description, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -212,7 +212,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 158,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -221,7 +221,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 165,
       columnNumber: 15
     }
   }, renderStepContent == null ? void 0 : renderStepContent(step)))), !isInline && description));

package/dist/cjs/components/SetupWidget/SetupStepCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport {\n  ChevronRight,\n  ChevronDown,\n  ChevronUp,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepIcon.js

@@ -26,7 +26,7 @@ const SetupStepIcon = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 27,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.ConfirmSmall, {
@@ -36,7 +36,7 @@ const SetupStepIcon = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 25,
+        lineNumber: 28,
         columnNumber: 9
       }
     }));
@@ -47,7 +47,7 @@ const SetupStepIcon = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.CircleSmallFilledSmall, {
@@ -57,7 +57,7 @@ const SetupStepIcon = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 38,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/SetupWidget/SetupStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqF,IAAAG,YAAA;AAGrF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  ConfirmSmall,\n  CircleSmallFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAGuC,IAAAG,YAAA;AAGvC;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget2654981828";
+var _namespace_ = "SetupWidget2832764723";
 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": "SetupWidget2654981828__root",
-  "row": "SetupWidget2654981828__row",
-  "completedCta": "SetupWidget2654981828__completedCta",
-  "card": "SetupWidget2654981828__card",
-  "stepIcon": "SetupWidget2654981828__stepIcon",
-  "chevron": "SetupWidget2654981828__chevron",
-  "chevronDisabled": "SetupWidget2654981828__chevronDisabled",
-  "inProgressLabel": "SetupWidget2654981828__inProgressLabel"
+  "root": "SetupWidget2832764723__root",
+  "row": "SetupWidget2832764723__row",
+  "completedCta": "SetupWidget2832764723__completedCta",
+  "card": "SetupWidget2832764723__card",
+  "stepIcon": "SetupWidget2832764723__stepIcon",
+  "chevron": "SetupWidget2832764723__chevron",
+  "chevronDisabled": "SetupWidget2832764723__chevronDisabled",
+  "inProgressLabel": "SetupWidget2832764723__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget2654981828\";\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\":\"SetupWidget2654981828__root\",\"row\":\"SetupWidget2654981828__row\",\"completedCta\":\"SetupWidget2654981828__completedCta\",\"card\":\"SetupWidget2654981828__card\",\"stepIcon\":\"SetupWidget2654981828__stepIcon\",\"chevron\":\"SetupWidget2654981828__chevron\",\"chevronDisabled\":\"SetupWidget2654981828__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2654981828__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget2832764723\";\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\":\"SetupWidget2832764723__root\",\"row\":\"SetupWidget2832764723__row\",\"completedCta\":\"SetupWidget2832764723__completedCta\",\"card\":\"SetupWidget2832764723__card\",\"stepIcon\":\"SetupWidget2832764723__stepIcon\",\"chevron\":\"SetupWidget2832764723__chevron\",\"chevronDisabled\":\"SetupWidget2832764723__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2832764723__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard1840186893";
+var _namespace_ = "SkeletonCard1542096506";
 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": "SkeletonCard1840186893__root",
-  "headerLoading": "SkeletonCard1840186893__headerLoading"
+  "root": "SkeletonCard1542096506__root",
+  "headerLoading": "SkeletonCard1542096506__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1840186893\";\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\":\"SkeletonCard1840186893__root\",\"headerLoading\":\"SkeletonCard1840186893__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1542096506\";\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\":\"SkeletonCard1542096506__root\",\"headerLoading\":\"SkeletonCard1542096506__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}