@wix/patterns 1.184.0 → 1.187.0

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_ = \"PickerContentAdditionalStep1332157913\";\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\":\"PickerContentAdditionalStep1332157913__root\",\"titles\":\"PickerContentAdditionalStep1332157913__titles\",\"suffix\":\"PickerContentAdditionalStep1332157913__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_ = \"PickerContentAdditionalStep1234808987\";\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\":\"PickerContentAdditionalStep1234808987__root\",\"titles\":\"PickerContentAdditionalStep1234808987__titles\",\"suffix\":\"PickerContentAdditionalStep1234808987__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_ = "PickerTableListItem2382933499";
+var _namespace_ = "PickerTableListItem3620052067";
 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": "PickerTableListItem2382933499__root"
+  "root": "PickerTableListItem3620052067__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_ = \"PickerTableListItem2382933499\";\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\":\"PickerTableListItem2382933499__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_ = \"PickerTableListItem3620052067\";\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\":\"PickerTableListItem3620052067__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/RequestId/RequestId.js

@@ -0,0 +1,206 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RequestId = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/RequestId/RequestId.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const RequestId = props => {
+  const {
+    value,
+    appearance,
+    locale,
+    dataHook = 'request-id'
+  } = props;
+  const firstValue = value.split(',')[0];
+  const [messages, setMessages] = _react.default.useState(null);
+  (0, _react.useEffect)(() => {
+    const loadMessages = async () => {
+      try {
+        const module = await (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(require(s))))(/* webpackChunkName: `request-id-locale-messages-[request]-json` */`./assets/locale/messages_${locale}.json`);
+        setMessages(module.default);
+      } catch (error) {
+        setMessages(require('./assets/locale/messages_en.json'));
+      }
+    };
+    loadMessages();
+  }, [locale]);
+  const [shown, setShown] = _react.default.useState(false);
+  const openPopover = () => setShown(true);
+  const closePopover = () => setShown(false);
+  const appearanceStyle = (0, _react.useMemo)(() => {
+    if (appearance === 'light') {
+      return {
+        infoIconColor: 'var(--wsr-color-D40, #868aa5)',
+        textSize: 'small',
+        textLight: true
+      };
+    }
+    return {
+      infoIconColor: 'var(--wsr-color-100, #116DFF)',
+      textSize: 'tiny',
+      textLight: false
+    };
+  }, [appearance]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "3px",
+    dataHook: dataHook,
+    justifyItems: "center",
+    cursor: "pointer",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    placeItems: "center",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: appearanceStyle.textSize,
+    weight: "thin",
+    light: appearanceStyle.textLight,
+    secondary: true,
+    dataHook: "request-id-value",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 9
+    }
+  }, `Request ID: ${firstValue}`)), /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+    showArrow: true,
+    animate: true,
+    placement: "auto",
+    shown: shown,
+    onMouseEnter: () => openPopover(),
+    onMouseLeave: () => closePopover(),
+    dataHook: "request-id-popover",
+    zIndex: 6000 // showToast z-index is 5500
+    ,
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 103,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "small",
+    onClick: () => closePopover(),
+    as: "button",
+    ariaLabel: "click me for details",
+    dataHook: "request-id-trigger-element",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircleSmall, {
+      fill: appearanceStyle.infoIconColor,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 17
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 13
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "24px 24px",
+    width: 350,
+    display: "block",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 119,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    skin: "standard",
+    weight: "thin",
+    dataHook: "request-id-description",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 15
+    }
+  }, messages == null ? void 0 : messages.description)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginTop: 2,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CopyClipboard, {
+    value: value,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 130,
+      columnNumber: 15
+    }
+  }, ({
+    isCopied,
+    copyToClipboard
+  }) => /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 133,
+        columnNumber: 33
+      }
+    }),
+    size: "small",
+    onClick: () => copyToClipboard(),
+    dataHook: "request-id-copy-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 19
+    }
+  }, isCopied ? messages == null ? void 0 : messages.copiedSuccess : messages == null ? void 0 : messages.cta)))))));
+};
+exports.RequestId = RequestId;
+//# sourceMappingURL=RequestId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RequestId","props","value","appearance","locale","dataHook","firstValue","split","messages","setMessages","React","useState","useEffect","loadMessages","module","specifier","Promise","then","s","error","shown","setShown","openPopover","closePopover","appearanceStyle","useMemo","infoIconColor","textSize","textLight","createElement","Box","gap","justifyItems","cursor","__self","__source","fileName","lineNumber","columnNumber","placeItems","Text","size","weight","light","secondary","Popover","showArrow","animate","placement","onMouseEnter","onMouseLeave","zIndex","appendTo","Element","TextButton","onClick","as","ariaLabel","prefixIcon","InfoCircleSmall","fill","Content","padding","width","display","skin","description","marginTop","CopyClipboard","isCopied","copyToClipboard","DuplicateSmall","copiedSuccess","cta","exports"],"sources":["../../../../src/components/RequestId/RequestId.tsx"],"sourcesContent":["import {\n  Box,\n  CopyClipboard,\n  Popover,\n  Text,\n  TextButton,\n  TextSize,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { DuplicateSmall, InfoCircleSmall } from '@wix/wix-ui-icons-common';\n\nexport interface RequestIdProps {\n  /**\n   * Request ID value.\n   * @external\n   */\n  value: string;\n  /**\n   * Appearance of the component.\n   * @external\n   */\n  appearance?: 'standard' | 'light';\n  /**\n   * Locale to use for translations.\n   * @external\n   */\n  locale: string;\n  /**\n   * Data hook for testing purposes\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const RequestId = (props: RequestIdProps) => {\n  const { value, appearance, locale, dataHook = 'request-id' } = props;\n\n  const firstValue = value.split(',')[0];\n  const [messages, setMessages] = React.useState<{\n    description: string;\n    cta: string;\n    copiedSuccess: string;\n  } | null>(null);\n\n  useEffect(() => {\n    const loadMessages = async () => {\n      try {\n        const module = await import(\n          /* webpackChunkName: `request-id-locale-messages-[request]-json` */ `./assets/locale/messages_${locale}.json`\n        );\n        setMessages(module.default);\n      } catch (error) {\n        setMessages(require('./assets/locale/messages_en.json'));\n      }\n    };\n\n    loadMessages();\n  }, [locale]);\n\n  const [shown, setShown] = React.useState(false);\n  const openPopover = () => setShown(true);\n  const closePopover = () => setShown(false);\n\n  const appearanceStyle = useMemo(() => {\n    if (appearance === 'light') {\n      return {\n        infoIconColor: 'var(--wsr-color-D40, #868aa5)',\n        textSize: 'small' as TextSize,\n        textLight: true,\n      };\n    }\n    return {\n      infoIconColor: 'var(--wsr-color-100, #116DFF)',\n      textSize: 'tiny' as TextSize,\n      textLight: false,\n    };\n  }, [appearance]);\n\n  return (\n    <Box gap=\"3px\" dataHook={dataHook} justifyItems=\"center\" cursor=\"pointer\">\n      <Box placeItems=\"center\">\n        <Text\n          size={appearanceStyle.textSize}\n          weight=\"thin\"\n          light={appearanceStyle.textLight}\n          secondary\n          dataHook=\"request-id-value\"\n        >\n          {`Request ID: ${firstValue}`}\n        </Text>\n      </Box>\n      <Popover\n        showArrow\n        animate\n        placement=\"auto\"\n        shown={shown}\n        onMouseEnter={() => openPopover()}\n        onMouseLeave={() => closePopover()}\n        dataHook=\"request-id-popover\"\n        zIndex={6000} // showToast z-index is 5500\n        appendTo=\"window\"\n      >\n        <Popover.Element>\n          <Box>\n            <TextButton\n              size=\"small\"\n              onClick={() => closePopover()}\n              as=\"button\"\n              ariaLabel=\"click me for details\"\n              dataHook=\"request-id-trigger-element\"\n              prefixIcon={\n                <InfoCircleSmall fill={appearanceStyle.infoIconColor} />\n              }\n            />\n          </Box>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"24px 24px\" width={350} display=\"block\">\n            <div>\n              <Text\n                size=\"small\"\n                skin=\"standard\"\n                weight=\"thin\"\n                dataHook=\"request-id-description\"\n              >\n                {messages?.description}\n              </Text>\n            </div>\n            <Box marginTop={2}>\n              <CopyClipboard value={value}>\n                {({ isCopied, copyToClipboard }) => (\n                  <TextButton\n                    prefixIcon={<DuplicateSmall />}\n                    size=\"small\"\n                    onClick={() => copyToClipboard()}\n                    dataHook=\"request-id-copy-button\"\n                  >\n                    {isCopied ? messages?.copiedSuccess : messages?.cta}\n                  </TextButton>\n                )}\n              </CopyClipboard>\n            </Box>\n          </Box>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/RequestId/RequestId.uni.driver.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("@wix/wix-ui-test-utils/unidriver");
+var _default = (base, body) => {
+  const text = () => (0, _unidriver.TextUniDriver)(base.$('[data-hook="request-id-value"]'), body);
+  const popover = () => (0, _unidriver.PopoverUniDriver)(body.$(`[data-hook="request-id-popover"]`), body);
+  const description = () => (0, _unidriver.TextUniDriver)(body.$('[data-hook="request-id-description"]'), body);
+  const copyButton = () => (0, _unidriver.TextButtonUniDriver)(body.$('[data-hook="request-id-copy-button"]'), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    text,
+    popover,
+    description,
+    copyButton
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=RequestId.uni.driver.js.map

package/dist/cjs/components/RequestId/RequestId.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","text","TextUniDriver","$","popover","PopoverUniDriver","description","copyButton","TextButtonUniDriver","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/RequestId/RequestId.uni.driver.ts"],"sourcesContent":["import {\n  PopoverUniDriver,\n  TextButtonUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const text = () =>\n    TextUniDriver(base.$('[data-hook=\"request-id-value\"]'), body);\n\n  const popover = () =>\n    PopoverUniDriver(body.$(`[data-hook=\"request-id-popover\"]`), body);\n\n  const description = () =>\n    TextUniDriver(body.$('[data-hook=\"request-id-description\"]'), body);\n\n  const copyButton = () =>\n    TextButtonUniDriver(body.$('[data-hook=\"request-id-copy-button\"]'), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    text,\n    popover,\n    description,\n    copyButton,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAG0C,IAAAE,QAAA,GAE3BA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,IAAI,GAAGA,CAAA,KACX,IAAAC,wBAAa,EAACH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EAAEH,IAAI,CAAC;EAE/D,MAAMI,OAAO,GAAGA,CAAA,KACd,IAAAC,2BAAgB,EAACL,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC,EAAEH,IAAI,CAAC;EAEpE,MAAMM,WAAW,GAAGA,CAAA,KAClB,IAAAJ,wBAAa,EAACF,IAAI,CAACG,CAAC,CAAC,sCAAsC,CAAC,EAAEH,IAAI,CAAC;EAErE,MAAMO,UAAU,GAAGA,CAAA,KACjB,IAAAC,8BAAmB,EAACR,IAAI,CAACG,CAAC,CAAC,sCAAsC,CAAC,EAAEH,IAAI,CAAC;EAE3E,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BE,IAAI;IACJG,OAAO;IACPE,WAAW;IACXC;EACF,CAAC;AACH,CAAC;AAAAG,OAAA,CAAAC,OAAA,GAAAb,QAAA","ignoreList":[]}

package/dist/cjs/components/RequestId/assets/locale/messages_cs.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "Kopírovat ID",
+  "copiedSuccess": "Zkopírováno!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_da.json

@@ -0,0 +1,5 @@
+{
+  "description": "Hvis du rapporterer denne fejl til kundeservice, skal du dele dette anmodnings-ID, så de kan undersøge sagen.",
+  "cta": "Kopiér ID",
+  "copiedSuccess": "Kopieret!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_de.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "ID kopieren",
+  "copiedSuccess": "Kopiert"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_en.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
+  "cta": "Copy ID",
+  "copiedSuccess": "Copied!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_es.json

@@ -0,0 +1,5 @@
+{
+  "description": "Si informas de este error a Atención al Cliente, comparte este ID de solicitud para que puedan investigarlo.",
+  "cta": "Copiar ID",
+  "copiedSuccess": "Copiado"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_fr.json

@@ -0,0 +1,5 @@
+{
+  "description": "Si vous signalez cette erreur à l'Assistance, partagez cet ID de demande pour qu'ils puissent enquêter.",
+  "cta": "Copier l'ID",
+  "copiedSuccess": "Copié."
+}

package/dist/cjs/components/RequestId/assets/locale/messages_hi.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "Copy ID",
+  "copiedSuccess": "Copied!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_id.json

@@ -0,0 +1,5 @@
+{
+  "description": "Jika Anda melaporkan kesalahan ini ke Layanan Pelanggan, bagikan ID permintaan ini agar mereka dapat menyelidikinya.",
+  "cta": "Salin ID",
+  "copiedSuccess": "Disalin!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_it.json

@@ -0,0 +1,5 @@
+{
+  "description": "Se segnali un errore all'Assistenza clienti, condividi l'ID di questa richiesta per aiutarli a indagare.",
+  "cta": "Copia ID",
+  "copiedSuccess": "Copiato!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ja.json

@@ -0,0 +1,5 @@
+{
+  "description": "このエラーをカスタマーケアに報告する際は、調査を行うためにこのリクエストIDを共有してください。",
+  "cta": "ID をコピー",
+  "copiedSuccess": "コピー済み"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ko.json

@@ -0,0 +1,5 @@
+{
+  "description": "고객지원팀에 오류를 신고하는 경우, 담당자가 문제를 확인할 수 있도록 본 요청 ID를 공유해주세요.",
+  "cta": "ID 복사",
+  "copiedSuccess": "복사됨"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_nl.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "ID kopiëren",
+  "copiedSuccess": "Gekopieerd"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_no.json

@@ -0,0 +1,5 @@
+{
+  "description": "Hvis du rapporterer denne feilen til brukerstøtte, må du dele denne forespørsels-ID-en, slik at de kan undersøke saken.",
+  "cta": "Kopier ID",
+  "copiedSuccess": "Kopiert!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_pl.json

@@ -0,0 +1,5 @@
+{
+  "description": "Jeśli chcesz zgłosić ten błąd do działu obsługi klienta, podaj następujący identyfikator żądania, aby mogli przyjrzeć się tej sprawie.",
+  "cta": "Skopiuj identyfikator",
+  "copiedSuccess": "Skopiowano!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_pt.json

@@ -0,0 +1,5 @@
+{
+  "description": "Se você for reportar esse erro ao Apoio ao Cliente, compartilhe esse ID de solicitação para que eles possam investigar.",
+  "cta": "Copiar ID",
+  "copiedSuccess": "Copiado"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ru.json

@@ -0,0 +1,5 @@
+{
+  "description": "Если вы сообщите об ошибке команде поддержки, отправьте этот идентификатор запроса, чтобы они могли разобраться.",
+  "cta": "Копировать ID",
+  "copiedSuccess": "Скопировано!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_sv.json

@@ -0,0 +1,5 @@
+{
+  "description": "Om du rapporterar det här felet till kundtjänst kan du dela detta förfrågnings-ID så att de kan undersöka.",
+  "cta": "Kopiera ID",
+  "copiedSuccess": "Kopierad!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_th.json

@@ -0,0 +1,5 @@
+{
+  "description": "หากคุณรายงานปัญหานี้ให้ฝ่ายดูแลลูกค้าทราบ โปรดแจ้ง ID คำขอนี้เพื่อให้พวกเขาตรวจสอบได้",
+  "cta": "คัดลอก ID",
+  "copiedSuccess": "คัดลอกแล้ว !"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_tr.json

@@ -0,0 +1,5 @@
+{
+  "description": "Bu hatayı müşteri hizmetlerine bildirirseniz araştırılabilmesi için bu talep kimliğini paylaşın.",
+  "cta": "Kimliği kopyala",
+  "copiedSuccess": "Kopyalandı!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_uk.json

@@ -0,0 +1,5 @@
+{
+  "description": "Якщо ви повідомляєте про цю помилку Службі підтримки, надайте їм цей ідентифікатор запиту, щоб вони могли дослідити помилку.",
+  "cta": "Копіювати ідентифікатор",
+  "copiedSuccess": "Скопійовано"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_vi.json

@@ -0,0 +1,5 @@
+{
+  "description": "Nếu bạn báo cáo lỗi này cho bộ phận Chăm sóc khách hàng, hãy chia sẻ ID yêu cầu này để họ có thể điều tra.",
+  "cta": "Sao chép ID",
+  "copiedSuccess": "Đã sao chép!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_zh.json

@@ -0,0 +1,5 @@
+{
+  "description": "如果您向顧客服務報告此錯誤，請提供此請求 ID 以便調查。",
+  "cta": "複製 ID",
+  "copiedSuccess": "已複製！"
+}

package/dist/cjs/components/RequestId/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _RequestId = require("./RequestId");
+Object.keys(_RequestId).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RequestId[key]) return;
+  exports[key] = _RequestId[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RequestId/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RequestId","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/RequestId/index.ts"],"sourcesContent":["export * from './RequestId';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA","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_ = "ScrollableContent2586125243";
+var _namespace_ = "ScrollableContent3490182310";
 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": "ScrollableContent2586125243__root"
+  "root": "ScrollableContent3490182310__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_ = \"ScrollableContent2586125243\";\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\":\"ScrollableContent2586125243__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_ = \"ScrollableContent3490182310\";\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\":\"ScrollableContent3490182310__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_ = "SkeletonCard1658961487";
+var _namespace_ = "SkeletonCard2846580494";
 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": "SkeletonCard1658961487__root",
-  "headerLoading": "SkeletonCard1658961487__headerLoading"
+  "root": "SkeletonCard2846580494__root",
+  "headerLoading": "SkeletonCard2846580494__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_ = \"SkeletonCard1658961487\";\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\":\"SkeletonCard1658961487__root\",\"headerLoading\":\"SkeletonCard1658961487__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_ = \"SkeletonCard2846580494\";\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\":\"SkeletonCard2846580494__root\",\"headerLoading\":\"SkeletonCard2846580494__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/SkeletonGrid/SkeletonTopImageCard.js

@@ -71,6 +71,14 @@ function _SkeletonTopImageCard(props) {
       lineNumber: 39,
       columnNumber: 35
     }
+  }), preset === 'footer' && /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "60%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 37
+    }
   }))));
 }
 const SkeletonTopImageCard = exports.SkeletonTopImageCard = (0, _mobxReactLite.observer)(_SkeletonTopImageCard);

package/dist/cjs/components/SkeletonGrid/SkeletonTopImageCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_SkeletonTopImageCard","props","state","preset","calcGridProps","cardTopImageHeight","cardFooterHeight","default","createElement","SkeletonGroup","skin","__self","__source","fileName","lineNumber","columnNumber","Box","direction","width","SkeletonRectangle","height","verticalAlign","gap","SkeletonLine","SkeletonTopImageCard","exports","observer"],"sources":["../../../../src/components/SkeletonGrid/SkeletonTopImageCard.tsx"],"sourcesContent":["import {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SkeletonTopImageCardProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n}\n\nfunction _SkeletonTopImageCard<T, F extends FiltersMap>(\n  props: SkeletonTopImageCardProps<T, F>,\n) {\n  const {\n    state: {\n      preset,\n      calcGridProps: { cardTopImageHeight, cardFooterHeight },\n    },\n  } = props;\n\n  return (\n    <SkeletonGroup skin=\"light\">\n      <Box direction=\"vertical\" width=\"100%\">\n        <SkeletonRectangle width=\"100%\" height={cardTopImageHeight} />\n        {preset !== 'empty' && (\n          <Box\n            width=\"100%\"\n            height={cardFooterHeight}\n            verticalAlign=\"middle\"\n            direction=\"vertical\"\n            gap=\"12px\"\n          >\n            <SkeletonLine width=\"75%\" />\n            {preset === 'full' && <SkeletonLine width=\"60%\" />}\n          </Box>\n        )}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const SkeletonTopImageCard = observer(_SkeletonTopImageCard);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,SAASC,qBAAqBA,CAC5BC,KAAsC,EACtC;EACA,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,aAAa,EAAE;QAAEC,kBAAkB;QAAEC;MAAiB;IACxD;EACF,CAAC,GAAGL,KAAK;EAET,oBACEL,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,aAAa;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,iBAAiB;IAACD,KAAK,EAAC,MAAM;IAACE,MAAM,EAAEf,kBAAmB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC7DZ,MAAM,KAAK,OAAO,iBACjBP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IACFE,KAAK,EAAC,MAAM;IACZE,MAAM,EAAEd,gBAAiB;IACzBe,aAAa,EAAC,QAAQ;IACtBJ,SAAS,EAAC,UAAU;IACpBK,GAAG,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC3BZ,MAAM,KAAK,MAAM,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9C,CAEJ,CACQ,CAAC;AAEpB;AAEO,MAAMS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_SkeletonTopImageCard","props","state","preset","calcGridProps","cardTopImageHeight","cardFooterHeight","default","createElement","SkeletonGroup","skin","__self","__source","fileName","lineNumber","columnNumber","Box","direction","width","SkeletonRectangle","height","verticalAlign","gap","SkeletonLine","SkeletonTopImageCard","exports","observer"],"sources":["../../../../src/components/SkeletonGrid/SkeletonTopImageCard.tsx"],"sourcesContent":["import {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SkeletonTopImageCardProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n}\n\nfunction _SkeletonTopImageCard<T, F extends FiltersMap>(\n  props: SkeletonTopImageCardProps<T, F>,\n) {\n  const {\n    state: {\n      preset,\n      calcGridProps: { cardTopImageHeight, cardFooterHeight },\n    },\n  } = props;\n\n  return (\n    <SkeletonGroup skin=\"light\">\n      <Box direction=\"vertical\" width=\"100%\">\n        <SkeletonRectangle width=\"100%\" height={cardTopImageHeight} />\n        {preset !== 'empty' && (\n          <Box\n            width=\"100%\"\n            height={cardFooterHeight}\n            verticalAlign=\"middle\"\n            direction=\"vertical\"\n            gap=\"12px\"\n          >\n            <SkeletonLine width=\"75%\" />\n            {preset === 'full' && <SkeletonLine width=\"60%\" />}\n            {preset === 'footer' && <SkeletonLine width=\"60%\" />}\n          </Box>\n        )}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const SkeletonTopImageCard = observer(_SkeletonTopImageCard);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,SAASC,qBAAqBA,CAC5BC,KAAsC,EACtC;EACA,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,aAAa,EAAE;QAAEC,kBAAkB;QAAEC;MAAiB;IACxD;EACF,CAAC,GAAGL,KAAK;EAET,oBACEL,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,aAAa;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,iBAAiB;IAACD,KAAK,EAAC,MAAM;IAACE,MAAM,EAAEf,kBAAmB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC7DZ,MAAM,KAAK,OAAO,iBACjBP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IACFE,KAAK,EAAC,MAAM;IACZE,MAAM,EAAEd,gBAAiB;IACzBe,aAAa,EAAC,QAAQ;IACtBJ,SAAS,EAAC,UAAU;IACpBK,GAAG,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC3BZ,MAAM,KAAK,MAAM,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EACjDZ,MAAM,KAAK,QAAQ,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChD,CAEJ,CACQ,CAAC;AAEpB;AAEO,MAAMS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,qBAAqB,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_ = "SlidingModal1892860838";
+var _namespace_ = "SlidingModal3232648811";
 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": "SlidingModal1892860838__root"
+  "root": "SlidingModal3232648811__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_ = \"SlidingModal1892860838\";\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\":\"SlidingModal1892860838__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_ = \"SlidingModal3232648811\";\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\":\"SlidingModal3232648811__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":[]}