@wix/patterns 1.307.0 → 1.316.0

package/dist/cjs/components/PageWrapper/PageWrapperBase.js

@@ -7,6 +7,7 @@ var _react2 = require("@wix/bex-utils/react");
 var _react3 = require("@wix/bex-core/react");
 var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
+var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PageWrapper/PageWrapperBase.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 PageWrapperBase(props) {
@@ -48,12 +49,12 @@ function PageWrapperBase(props) {
     position: 'absolute',
     zIndex: 1
   }), []);
-  return /*#__PURE__*/_react.default.createElement(_react3.PageContextProvider, {
+  let child = /*#__PURE__*/_react.default.createElement(_react3.PageContextProvider, {
     value: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 59,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,7 +68,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -75,7 +76,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 69,
       columnNumber: 9
     }
   }, children), /*#__PURE__*/_react.default.createElement("div", {
@@ -89,9 +90,21 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 9
     }
   })));
+  if (state.isMobile) {
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.WixDesignSystemProvider, {
+      mobile: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 85,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return child;
 }
 //# sourceMappingURL=PageWrapperBase.js.map

package/dist/cjs/components/PageWrapper/PageWrapperBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useRelativeSidePanel","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","overflow","undefined","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language","runInAction"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment, useRelativeSidePanel } = useWixPatternsContainer();\n\n  // CAIRO-3582: modify mobile detection to use user agent\n  // useEffect(() => {\n  //   return state.init();\n  // }, [state]);\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n      overflow: useRelativeSidePanel ? ('hidden' as const) : undefined,\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          data-hook=\"modals-container\"\n          ref={(el) => {\n            runInAction(() => {\n              modalsContainerRef.current = el;\n            });\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_mobx","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useRelativeSidePanel","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","overflow","undefined","modalsContainerStyle","child","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language","runInAction","isMobile","WixDesignSystemProvider","mobile"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { WixDesignSystemProvider } from '@wix/design-system';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment, useRelativeSidePanel } = useWixPatternsContainer();\n\n  // CAIRO-3582: modify mobile detection to use user agent\n  // useEffect(() => {\n  //   return state.init();\n  // }, [state]);\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n      overflow: useRelativeSidePanel ? ('hidden' as const) : undefined,\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  let child = (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          data-hook=\"modals-container\"\n          ref={(el) => {\n            runInAction(() => {\n              modalsContainerRef.current = el;\n            });\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n\n  if (state.isMobile) {\n    child = (\n      <WixDesignSystemProvider mobile={true}>{child}</WixDesignSystemProvider>\n    );\n  }\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent3366107491";
+var _namespace_ = "PickerContent646877739";
 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": "PickerContent3366107491__root"
+  "root": "PickerContent646877739__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3366107491\";\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\":\"PickerContent3366107491__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent646877739\";\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\":\"PickerContent646877739__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,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;AAA8B,CAAC;AACrD,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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1248135679";
+var _namespace_ = "PickerContentAdditionalStep1520787953";
 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": "PickerContentAdditionalStep1248135679__root",
-  "titles": "PickerContentAdditionalStep1248135679__titles",
-  "suffix": "PickerContentAdditionalStep1248135679__suffix"
+  "root": "PickerContentAdditionalStep1520787953__root",
+  "titles": "PickerContentAdditionalStep1520787953__titles",
+  "suffix": "PickerContentAdditionalStep1520787953__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1248135679\";\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\":\"PickerContentAdditionalStep1248135679__root\",\"titles\":\"PickerContentAdditionalStep1248135679__titles\",\"suffix\":\"PickerContentAdditionalStep1248135679__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1520787953\";\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\":\"PickerContentAdditionalStep1520787953__root\",\"titles\":\"PickerContentAdditionalStep1520787953__titles\",\"suffix\":\"PickerContentAdditionalStep1520787953__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/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_ = "PickerTableListItem1287110513";
+var _namespace_ = "PickerTableListItem2468441107";
 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": "PickerTableListItem1287110513__root"
+  "root": "PickerTableListItem2468441107__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_ = \"PickerTableListItem1287110513\";\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\":\"PickerTableListItem1287110513__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_ = \"PickerTableListItem2468441107\";\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\":\"PickerTableListItem2468441107__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_ = "ScrollableContent4123272871";
+var _namespace_ = "ScrollableContent2387931131";
 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": "ScrollableContent4123272871__root"
+  "root": "ScrollableContent2387931131__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_ = \"ScrollableContent4123272871\";\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\":\"ScrollableContent4123272871__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":[]}
+{"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_ = \"ScrollableContent2387931131\";\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\":\"ScrollableContent2387931131__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/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_ = "SkeletonCard847847600";
+var _namespace_ = "SkeletonCard3405140458";
 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": "SkeletonCard847847600__root",
-  "headerLoading": "SkeletonCard847847600__headerLoading"
+  "root": "SkeletonCard3405140458__root",
+  "headerLoading": "SkeletonCard3405140458__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_ = \"SkeletonCard847847600\";\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\":\"SkeletonCard847847600__root\",\"headerLoading\":\"SkeletonCard847847600__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,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,eAAe,EAAC;AAAsC,CAAC;AAC3G,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_ = \"SkeletonCard3405140458\";\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\":\"SkeletonCard3405140458__root\",\"headerLoading\":\"SkeletonCard3405140458__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":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal2119512318";
+var _namespace_ = "SlidingModal41494342";
 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": "SlidingModal2119512318__root"
+  "root": "SlidingModal41494342__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2119512318\";\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\":\"SlidingModal2119512318__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,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal41494342\";\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\":\"SlidingModal41494342__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,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,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/Suggestions/MarketingCard.js

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.renderMarketingCard = exports.MarketingCardSkeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/MarketingCard.tsx";
+/**
+ * Schema for marketing card content.
+ * This defines the structure expected in offer.asset.creative for MarketingCard rendering.
+ */
+
+const getCardWidth = totalOffers => {
+  if (totalOffers === 1) {
+    return '100%';
+  }
+  if (totalOffers === 2) {
+    return '50%';
+  }
+  return '550px';
+};
+const MarketingCardInternal = ({
+  schema,
+  totalOffers
+}) => {
+  const {
+    title,
+    description: descriptionData,
+    imageUrl,
+    ctaButton: ctaButtonData,
+    badge: badgeData
+  } = schema;
+  const handleCtaClick = () => {
+    if (ctaButtonData != null && ctaButtonData.link) {
+      window.open(ctaButtonData.link, '_blank');
+    }
+  };
+  const handleLearnMoreClick = () => {
+    var _descriptionData$lear;
+    if (descriptionData != null && (_descriptionData$lear = descriptionData.learnMore) != null && _descriptionData$lear.link) {
+      window.open(descriptionData.learnMore.link, '_blank');
+    }
+  };
+  const description = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    secondary: true,
+    dataHook: "suggestions-card-subtitle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 87,
+      columnNumber: 7
+    }
+  }, descriptionData.text, ' '), descriptionData.learnMore && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "small",
+    secondary: true,
+    dataHook: "suggestions-card-learn-more",
+    onClick: handleLearnMoreClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 9
+    }
+  }, descriptionData.learnMore.text ?? 'Learn more'));
+  const ctaButton = ctaButtonData ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    size: "small",
+    skin: ctaButtonData.skin || 'standard',
+    priority: ctaButtonData.priority || 'secondary',
+    dataHook: "suggestions-card-button",
+    onClick: handleCtaClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 5
+    }
+  }, ctaButtonData.text) : null;
+  const badge = badgeData ? /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+    skin: badgeData.skin || 'general',
+    size: "small",
+    dataHook: "suggestion-card-badge",
+    uppercase: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 5
+    }
+  }, badgeData.text) : null;
+  const image = /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+    src: imageUrl,
+    width: 96,
+    height: 96,
+    borderRadius: "8px",
+    dataHook: "suggestions-card-image",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 5
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "suggestions-card",
+    width: getCardWidth(totalOffers),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 137,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    stretchVertically: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 138,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MarketingLayout, {
+    title: title,
+    description: description,
+    image: image,
+    actions: [ctaButton],
+    badge: badge,
+    hiddenBadge: !badge,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 9
+    }
+  })));
+};
+
+/**
+ * Creates a render function for marketing cards.
+ * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ *                         If not provided, uses offer.asset.creative directly.
+ * @returns A render function compatible with Suggestions.renderCard prop.
+ */
+const renderMarketingCard = translateOffer => props => {
+  var _props$offer, _schema$description;
+  const schema = translateOffer ? translateOffer(props.offer) : (_props$offer = props.offer) == null || (_props$offer = _props$offer.asset) == null ? void 0 : _props$offer.creative;
+  const requiredFieldsExist = (schema == null ? void 0 : schema.title) && (schema == null ? void 0 : schema.imageUrl) && (schema == null || (_schema$description = schema.description) == null ? void 0 : _schema$description.text);
+  if (!requiredFieldsExist) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(MarketingCardInternal, {
+    schema: schema,
+    totalOffers: props.totalOffers,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 172,
+      columnNumber: 7
+    }
+  });
+};
+
+/**
+ * Skeleton component for MarketingCard during loading state.
+ */
+exports.renderMarketingCard = renderMarketingCard;
+const MarketingCardSkeleton = ({
+  totalOffers
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "suggestions-card",
+    width: getCardWidth(totalOffers),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 183,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    stretchVertically: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 184,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MarketingLayout, {
+    title: /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+      width: "120px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 186,
+        columnNumber: 18
+      }
+    }),
+    description: /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+      width: "168px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 187,
+        columnNumber: 24
+      }
+    }),
+    actions: [/*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+      width: "72px",
+      height: "30px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 188,
+        columnNumber: 21
+      }
+    })],
+    image: /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+      width: "96px",
+      height: "96px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 189,
+        columnNumber: 18
+      }
+    }),
+    badge: /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 190,
+        columnNumber: 18
+      }
+    }),
+    hiddenBadge: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 185,
+      columnNumber: 9
+    }
+  })));
+};
+exports.MarketingCardSkeleton = MarketingCardSkeleton;
+//# sourceMappingURL=MarketingCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","getCardWidth","totalOffers","MarketingCardInternal","schema","title","description","descriptionData","imageUrl","ctaButton","ctaButtonData","badge","badgeData","handleCtaClick","link","window","open","handleLearnMoreClick","_descriptionData$lear","learnMore","default","createElement","Fragment","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","text","TextButton","onClick","Button","skin","priority","Badge","uppercase","image","Image","src","width","height","borderRadius","Box","Card","stretchVertically","MarketingLayout","actions","hiddenBadge","renderMarketingCard","translateOffer","props","_props$offer","_schema$description","offer","asset","creative","requiredFieldsExist","exports","MarketingCardSkeleton","SkeletonLine","SkeletonRectangle"],"sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  MarketingLayout,\n  SkeletonLine,\n  Card,\n  Button,\n  BadgeSkin,\n  ButtonSkin,\n  Image,\n  Text,\n  TextButton,\n  Badge,\n  SkeletonRectangle,\n  ButtonPriority,\n} from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { BaseCardComponentProps, SuggestionsCardProps } from './types';\n\n/**\n * Schema for marketing card content.\n * This defines the structure expected in offer.asset.creative for MarketingCard rendering.\n */\nexport interface MarketingCardSchema {\n  title: string;\n  description: {\n    text: string;\n    learnMore?: {\n      link: string;\n      text?: string; // defaults to 'Learn more'\n    };\n  };\n  imageUrl: string;\n  ctaButton?: {\n    text: string;\n    link: string;\n    skin?: Extract<ButtonSkin, 'standard' | 'premium' | 'ai'>; // defaults to 'standard'\n    priority?: Extract<ButtonPriority, 'primary' | 'secondary'>; // defaults to 'secondary'\n  };\n  badge?: {\n    text: string;\n    skin?: Extract<BadgeSkin, 'general' | 'success' | 'premium'>; // defaults to 'general'\n  };\n}\n\nconst getCardWidth = (totalOffers: number) => {\n  if (totalOffers === 1) {\n    return '100%';\n  }\n  if (totalOffers === 2) {\n    return '50%';\n  }\n  return '550px';\n};\n\ninterface MarketingCardInternalProps {\n  schema: MarketingCardSchema;\n  totalOffers: number;\n}\n\nconst MarketingCardInternal: React.FC<MarketingCardInternalProps> = ({\n  schema,\n  totalOffers,\n}) => {\n  const {\n    title,\n    description: descriptionData,\n    imageUrl,\n    ctaButton: ctaButtonData,\n    badge: badgeData,\n  } = schema;\n\n  const handleCtaClick = () => {\n    if (ctaButtonData?.link) {\n      window.open(ctaButtonData.link, '_blank');\n    }\n  };\n\n  const handleLearnMoreClick = () => {\n    if (descriptionData?.learnMore?.link) {\n      window.open(descriptionData.learnMore.link, '_blank');\n    }\n  };\n\n  const description = (\n    <>\n      <Text size=\"small\" secondary dataHook=\"suggestions-card-subtitle\">\n        {descriptionData.text}{' '}\n      </Text>\n      {descriptionData.learnMore && (\n        <TextButton\n          size=\"small\"\n          secondary\n          dataHook=\"suggestions-card-learn-more\"\n          onClick={handleLearnMoreClick}\n        >\n          {descriptionData.learnMore.text ?? 'Learn more'}\n        </TextButton>\n      )}\n    </>\n  );\n\n  const ctaButton = ctaButtonData ? (\n    <Button\n      size=\"small\"\n      skin={ctaButtonData.skin || 'standard'}\n      priority={ctaButtonData.priority || 'secondary'}\n      dataHook=\"suggestions-card-button\"\n      onClick={handleCtaClick}\n    >\n      {ctaButtonData.text}\n    </Button>\n  ) : null;\n\n  const badge = badgeData ? (\n    <Badge\n      skin={badgeData.skin || 'general'}\n      size=\"small\"\n      dataHook=\"suggestion-card-badge\"\n      uppercase={false}\n    >\n      {badgeData.text}\n    </Badge>\n  ) : null;\n\n  const image = (\n    <Image\n      src={imageUrl}\n      width={96}\n      height={96}\n      borderRadius=\"8px\"\n      dataHook=\"suggestions-card-image\"\n    />\n  );\n\n  return (\n    <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n      <Card stretchVertically>\n        <MarketingLayout\n          title={title}\n          description={description}\n          image={image}\n          actions={[ctaButton]}\n          badge={badge}\n          hiddenBadge={!badge}\n        />\n      </Card>\n    </Box>\n  );\n};\n\n/**\n * Creates a render function for marketing cards.\n * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.\n *                         If not provided, uses offer.asset.creative directly.\n * @returns A render function compatible with Suggestions.renderCard prop.\n */\nexport const renderMarketingCard =\n  (translateOffer?: (offer: Offer) => MarketingCardSchema | null) =>\n  (props: SuggestionsCardProps): React.ReactNode | null => {\n    const schema = translateOffer\n      ? translateOffer(props.offer)\n      : (props.offer?.asset?.creative as MarketingCardSchema | null);\n\n    const requiredFieldsExist =\n      schema?.title && schema?.imageUrl && schema?.description?.text;\n\n    if (!requiredFieldsExist) {\n      return null;\n    }\n    return (\n      <MarketingCardInternal schema={schema} totalOffers={props.totalOffers} />\n    );\n  };\n\n/**\n * Skeleton component for MarketingCard during loading state.\n */\nexport const MarketingCardSkeleton: React.FC<BaseCardComponentProps> = ({\n  totalOffers,\n}) => {\n  return (\n    <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n      <Card stretchVertically>\n        <MarketingLayout\n          title={<SkeletonLine width=\"120px\" />}\n          description={<SkeletonLine width=\"168px\" />}\n          actions={[<SkeletonRectangle width=\"72px\" height=\"30px\" />]}\n          image={<SkeletonRectangle width=\"96px\" height=\"96px\" />}\n          badge={<Badge />}\n          hiddenBadge={true}\n        />\n      </Card>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","MarketingCardUniDriver","base","body","marketingLayout","MarketingLayoutUniDriver","subtitle","TextUniDriver","$","learnMore","TextButtonUniDriver","ctaButton","ButtonUniDriver","badge","BadgeUniDriver","image","ImageUniDriver","baseUniDriverFactory","getTitleText","description"],"sources":["../../../../src/components/Suggestions/MarketingCard.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MarketingLayoutUniDriver,\n  BadgeUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n  TextUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function MarketingCardUniDriver(base: UniDriver, body: UniDriver) {\n  const marketingLayout = MarketingLayoutUniDriver(base, body);\n\n  const subtitle = TextUniDriver(\n    base.$('[data-hook=\"suggestions-card-subtitle\"]'),\n    body,\n  );\n  const learnMore = TextButtonUniDriver(\n    base.$('[data-hook=\"suggestions-card-learn-more\"]'),\n    body,\n  );\n\n  const ctaButton = ButtonUniDriver(\n    base.$('[data-hook=\"suggestions-card-button\"]'),\n    body,\n  );\n  const badge = BadgeUniDriver(\n    base.$('[data-hook=\"suggestion-card-badge\"]'),\n    body,\n  );\n  const image = ImageUniDriver(\n    base.$('[data-hook=\"suggestions-card-image\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    getTitleText: () => marketingLayout.getTitleText(),\n    description: {\n      subtitle,\n      learnMore,\n    },\n    ctaButton,\n    badge,\n    image,\n  };\n}\n\nexport type MarketingCardUniDriverType = ReturnType<\n  typeof MarketingCardUniDriver\n>;\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,MAAMC,eAAe,GAAG,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAE5D,MAAMG,QAAQ,GAAG,IAAAC,wBAAa,EAC5BL,IAAI,CAACM,CAAC,CAAC,yCAAyC,CAAC,EACjDL,IACF,CAAC;EACD,MAAMM,SAAS,GAAG,IAAAC,8BAAmB,EACnCR,IAAI,CAACM,CAAC,CAAC,2CAA2C,CAAC,EACnDL,IACF,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,0BAAe,EAC/BV,IAAI,CAACM,CAAC,CAAC,uCAAuC,CAAC,EAC/CL,IACF,CAAC;EACD,MAAMU,KAAK,GAAG,IAAAC,yBAAc,EAC1BZ,IAAI,CAACM,CAAC,CAAC,qCAAqC,CAAC,EAC7CL,IACF,CAAC;EACD,MAAMY,KAAK,GAAG,IAAAC,yBAAc,EAC1Bd,IAAI,CAACM,CAAC,CAAC,sCAAsC,CAAC,EAC9CL,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAc,gCAAoB,EAACf,IAAI,CAAC;IAE7BgB,YAAY,EAAEA,CAAA,KAAMd,eAAe,CAACc,YAAY,CAAC,CAAC;IAClDC,WAAW,EAAE;MACXb,QAAQ;MACRG;IACF,CAAC;IACDE,SAAS;IACTE,KAAK;IACLE;EACF,CAAC;AACH","ignoreList":[]}