@wix/patterns 1.165.0 → 1.166.0

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem3373681304";
+var _namespace_ = "ToolbarItem838464585";
 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": "ToolbarItem3373681304__root"
+  "root": "ToolbarItem838464585__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3373681304\";\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\":\"ToolbarItem3373681304__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,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem838464585\";\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\":\"ToolbarItem838464585__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/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox3188005631";
+var _namespace_ = "ToolbarItemBox531770250";
 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": "ToolbarItemBox3188005631__root"
+  "root": "ToolbarItemBox531770250__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3188005631\";\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\":\"ToolbarItemBox3188005631__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox531770250\";\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\":\"ToolbarItemBox531770250__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/WixPatternsModalsContainer.js

@@ -45,6 +45,7 @@ function WixPatternsModalsContainer(props) {
     const disposers = [(0, _bexCore.addResizeObserver)(container, setTop)];
     setTop();
     return () => {
+      setTop.cancel();
       disposers.forEach(d => d == null ? void 0 : d());
     };
   }, []);
@@ -60,7 +61,7 @@ function WixPatternsModalsContainer(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 75,
       columnNumber: 5
     }
   }, render.top != null && /*#__PURE__*/_react.default.createElement(_SidePanelModal.SidePanelModal, {
@@ -70,7 +71,7 @@ function WixPatternsModalsContainer(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_SidePanelModal","require","_react","_interopRequireWildcard","_reactDom","_react2","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsModalsContainer","props","state","rootRef","anchorRef","zIndex","appendModalsToBody","lodash","useWixPatternsContainer","render","setRender","useState","useEffect","container","top","document","body","current","setTop","throttle","requestAnimationFrame","getBoundingClientRect","left","right","anchor","disposers","addResizeObserver","forEach","d","modalsContainerStyle","useMemo","position","child","createElement","style","__self","__source","fileName","lineNumber","columnNumber","SidePanelModal","createPortal"],"sources":["../../../src/components/WixPatternsModalsContainer.tsx"],"sourcesContent":["import { SidePanelModal } from './SidePanelModal';\nimport React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { addResizeObserver } from '@wix/bex-core';\nimport { SidePanelsState } from '../state/SidePanelsState';\n\nexport interface WixPatternsModalsContainerProps {\n  rootRef?: RefObject<HTMLElement | null | undefined>;\n  anchorRef?: RefObject<HTMLElement | null | undefined>;\n  zIndex?: CSSProperties['zIndex'];\n  state: SidePanelsState;\n}\n\nexport function WixPatternsModalsContainer(\n  props: WixPatternsModalsContainerProps,\n) {\n  const { state, rootRef, anchorRef, zIndex = 1 } = props;\n\n  const { appendModalsToBody, lodash } = useWixPatternsContainer();\n\n  const [render, setRender] = useState<{\n    top?: number;\n    left?: number;\n    anchor?: HTMLElement | null;\n  }>({});\n\n  useEffect(() => {\n    const { container, top } = appendModalsToBody\n      ? {\n          container: document.body,\n          top: 0,\n        }\n      : {\n          container: rootRef?.current ?? document.body,\n          top: null,\n        };\n\n    const setTop = lodash.throttle(() => {\n      requestAnimationFrame(() => {\n        setRender({\n          top: top ?? container.getBoundingClientRect().top,\n          left: container.getBoundingClientRect().right,\n          anchor: anchorRef?.current ?? container,\n        });\n      });\n    }, 300);\n\n    const disposers = [addResizeObserver(container, setTop)];\n\n    setTop();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  // creates a new stacking context\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      zIndex,\n    }),\n    [zIndex],\n  );\n\n  let child = (\n    <div style={modalsContainerStyle} data-hook=\"cairo-modals-container\">\n      {render.top != null && (\n        <SidePanelModal state={state} top={render.top} left={render.left} />\n      )}\n    </div>\n  );\n\n  if (render.anchor == null) {\n    return null;\n  }\n\n  child = createPortal(child, render.anchor);\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_SidePanelModal","require","_react","_interopRequireWildcard","_reactDom","_react2","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsModalsContainer","props","state","rootRef","anchorRef","zIndex","appendModalsToBody","lodash","useWixPatternsContainer","render","setRender","useState","useEffect","container","top","document","body","current","setTop","throttle","requestAnimationFrame","getBoundingClientRect","left","right","anchor","disposers","addResizeObserver","cancel","forEach","d","modalsContainerStyle","useMemo","position","child","createElement","style","__self","__source","fileName","lineNumber","columnNumber","SidePanelModal","createPortal"],"sources":["../../../src/components/WixPatternsModalsContainer.tsx"],"sourcesContent":["import { SidePanelModal } from './SidePanelModal';\nimport React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { addResizeObserver } from '@wix/bex-core';\nimport { SidePanelsState } from '../state/SidePanelsState';\n\nexport interface WixPatternsModalsContainerProps {\n  rootRef?: RefObject<HTMLElement | null | undefined>;\n  anchorRef?: RefObject<HTMLElement | null | undefined>;\n  zIndex?: CSSProperties['zIndex'];\n  state: SidePanelsState;\n}\n\nexport function WixPatternsModalsContainer(\n  props: WixPatternsModalsContainerProps,\n) {\n  const { state, rootRef, anchorRef, zIndex = 1 } = props;\n\n  const { appendModalsToBody, lodash } = useWixPatternsContainer();\n\n  const [render, setRender] = useState<{\n    top?: number;\n    left?: number;\n    anchor?: HTMLElement | null;\n  }>({});\n\n  useEffect(() => {\n    const { container, top } = appendModalsToBody\n      ? {\n          container: document.body,\n          top: 0,\n        }\n      : {\n          container: rootRef?.current ?? document.body,\n          top: null,\n        };\n\n    const setTop = lodash.throttle(() => {\n      requestAnimationFrame(() => {\n        setRender({\n          top: top ?? container.getBoundingClientRect().top,\n          left: container.getBoundingClientRect().right,\n          anchor: anchorRef?.current ?? container,\n        });\n      });\n    }, 300);\n\n    const disposers = [addResizeObserver(container, setTop)];\n\n    setTop();\n\n    return () => {\n      setTop.cancel();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  // creates a new stacking context\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      zIndex,\n    }),\n    [zIndex],\n  );\n\n  let child = (\n    <div style={modalsContainerStyle} data-hook=\"cairo-modals-container\">\n      {render.top != null && (\n        <SidePanelModal state={state} top={render.top} left={render.left} />\n      )}\n    </div>\n  );\n\n  if (render.anchor == null) {\n    return null;\n  }\n\n  child = createPortal(child, render.anchor);\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/common.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_ = "common3858096426";
+var _namespace_ = "common3745920778";
 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": "common3858096426__root",
-  "column": "common3858096426__column",
-  "fullHeight": "common3858096426__fullHeight"
+  "root": "common3745920778__root",
+  "column": "common3745920778__column",
+  "fullHeight": "common3745920778__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3858096426\";\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\":\"common3858096426__root\",\"column\":\"common3858096426__column\",\"fullHeight\":\"common3858096426__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3745920778\";\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\":\"common3745920778__root\",\"column\":\"common3745920778__column\",\"fullHeight\":\"common3745920778__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/hooks/usePlaceholderStateOptions.js

@@ -17,29 +17,36 @@ function usePlaceholderStateOptions(options, params) {
   const {
     errorHandler
   } = (0, _react2.useWixPatternsContainer)();
-  const getEmptyStateText = () => collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState');
+  const getFixedFooter = (dataHook, content) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    verticalAlign: "middle",
+    align: "center",
+    minHeight: "180px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP7",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, content));
   if (collection.showInitialLoader || collection.result.status.isLoading) {
     return {
       showInitialLoader: true,
-      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        dataHook: "initial-loader",
-        width: "100%",
-        align: "center",
-        verticalAlign: "middle",
-        padding: "SP2",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      fixedFooter: getFixedFooter('initial-loader', /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
         size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 45,
-          columnNumber: 11
+          lineNumber: 43,
+          columnNumber: 53
         }
       })),
       options
@@ -47,27 +54,17 @@ function usePlaceholderStateOptions(options, params) {
   }
   if (collection.showEmptyState) {
     return {
-      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        dataHook: "empty-state",
-        verticalAlign: "middle",
-        padding: "SP2",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 55,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      fixedFooter: getFixedFooter('empty-state', /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         dataHook: "empty-state-text",
         secondary: true,
-        light: true,
+        size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 56,
-          columnNumber: 11
+          lineNumber: 52,
+          columnNumber: 9
         }
-      }, getEmptyStateText())),
+      }, collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState'))),
       options
     };
   }
@@ -76,23 +73,27 @@ function usePlaceholderStateOptions(options, params) {
     const resolvedError = errorHandler.getResolvedError == null ? void 0 : errorHandler.getResolvedError((_collection$result$er = collection.result.errorStatus) == null ? void 0 : _collection$result$er.error);
     if (resolvedError) {
       return {
-        fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-          dataHook: "filter-error-state",
-          padding: "SP2",
+        fixedFooter: getFixedFooter('filter-error-state', /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+          direction: "vertical",
+          gap: "SP3",
+          verticalAlign: "middle",
+          align: "center",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 71,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
           dataHook: "filter-error-state-text",
           secondary: true,
-          light: true,
+          align: "center",
+          weight: "thin",
+          size: "small",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 73,
+            lineNumber: 77,
             columnNumber: 13
           }
         }, resolvedError.message, resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -103,9 +104,22 @@ function usePlaceholderStateOptions(options, params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 76,
+            lineNumber: 86,
             columnNumber: 17
           }
+        }, resolvedError.action.text)), resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          size: "medium",
+          weight: "thin",
+          onClick: async () => {
+            var _resolvedError$action2;
+            await ((_resolvedError$action2 = resolvedError.action) == null || _resolvedError$action2.onClick == null ? void 0 : _resolvedError$action2.onClick());
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 96,
+            columnNumber: 15
+          }
         }, resolvedError.action.text))),
         options
       };

package/dist/cjs/hooks/usePlaceholderStateOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_jsxFileName","usePlaceholderStateOptions","options","params","collection","translate","t","errorHandler","useWixPatternsContainer","getEmptyStateText","hasAvailableItems","showInitialLoader","result","status","isLoading","fixedFooter","default","createElement","Box","dataHook","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","showEmptyState","Text","secondary","light","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","message","action","TextButton","onClick","_resolvedError$action","text"],"sources":["../../../src/hooks/usePlaceholderStateOptions.tsx"],"sourcesContent":["import {\n  Box,\n  DropdownLayoutOption,\n  Loader,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UsePlaceholderStateOptionsParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  fixedFooter?: ReactNode;\n}\n\nexport function usePlaceholderStateOptions<T, F extends FiltersMap>(\n  options: DropdownLayoutOption[],\n  params: UsePlaceholderStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  options: DropdownLayoutOption[];\n  showInitialLoader?: boolean;\n} {\n  const { collection } = params;\n  const { translate: t } = collection;\n  const { errorHandler } = useWixPatternsContainer();\n\n  const getEmptyStateText = () =>\n    collection.hasAvailableItems\n      ? t('cairo.dropdownSearch.filters.noResults')\n      : t('cairo.dropdownSearch.filters.emptyState');\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: (\n        <Box\n          dataHook=\"initial-loader\"\n          width=\"100%\"\n          align=\"center\"\n          verticalAlign=\"middle\"\n          padding=\"SP2\"\n        >\n          <Loader size=\"small\" />\n        </Box>\n      ),\n      options,\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: (\n        <Box dataHook=\"empty-state\" verticalAlign=\"middle\" padding=\"SP2\">\n          <Text dataHook=\"empty-state-text\" secondary light>\n            {getEmptyStateText()}\n          </Text>\n        </Box>\n      ),\n      options,\n    };\n  }\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: (\n          <Box dataHook=\"filter-error-state\" padding=\"SP2\">\n            <Text dataHook=\"filter-error-state-text\" secondary light>\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n          </Box>\n        ),\n        options,\n      };\n    }\n  }\n\n  return {\n    options,\n    fixedFooter: params.fixedFooter,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_jsxFileName","usePlaceholderStateOptions","options","params","collection","translate","t","errorHandler","useWixPatternsContainer","getFixedFooter","dataHook","content","default","createElement","Box","verticalAlign","align","minHeight","__self","__source","fileName","lineNumber","columnNumber","padding","showInitialLoader","result","status","isLoading","fixedFooter","Loader","size","showEmptyState","Text","secondary","hasAvailableItems","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","direction","gap","weight","message","action","TextButton","onClick","_resolvedError$action","text","_resolvedError$action2"],"sources":["../../../src/hooks/usePlaceholderStateOptions.tsx"],"sourcesContent":["import {\n  Box,\n  DropdownLayoutOption,\n  Loader,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UsePlaceholderStateOptionsParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  fixedFooter?: ReactNode;\n}\n\nexport function usePlaceholderStateOptions<T, F extends FiltersMap>(\n  options: DropdownLayoutOption[],\n  params: UsePlaceholderStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  options: DropdownLayoutOption[];\n  showInitialLoader?: boolean;\n} {\n  const { collection } = params;\n  const { translate: t } = collection;\n  const { errorHandler } = useWixPatternsContainer();\n\n  const getFixedFooter = (dataHook: string, content: ReactNode) => (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      align=\"center\"\n      minHeight=\"180px\"\n    >\n      <Box padding=\"SP7\">{content}</Box>\n    </Box>\n  );\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: getFixedFooter('initial-loader', <Loader size=\"small\" />),\n      options,\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: getFixedFooter(\n        'empty-state',\n        <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n          {collection.hasAvailableItems\n            ? t('cairo.dropdownSearch.filters.noResults')\n            : t('cairo.dropdownSearch.filters.emptyState')}\n        </Text>,\n      ),\n      options,\n    };\n  }\n\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: getFixedFooter(\n          'filter-error-state',\n          <Box\n            direction=\"vertical\"\n            gap=\"SP3\"\n            verticalAlign=\"middle\"\n            align=\"center\"\n          >\n            <Text\n              dataHook=\"filter-error-state-text\"\n              secondary\n              align=\"center\"\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n            {resolvedError.action && (\n              <TextButton\n                size=\"medium\"\n                weight=\"thin\"\n                onClick={async () => {\n                  await resolvedError.action?.onClick?.();\n                }}\n              >\n                {resolvedError.action.text}\n              </TextButton>\n            )}\n          </Box>,\n        ),\n        options,\n      };\n    }\n  }\n\n  return {\n    options,\n    fixedFooter: params.fixedFooter,\n  };\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA8D,IAAAI,YAAA;AAOvD,SAASC,0BAA0BA,CACxCC,OAA+B,EAC/BC,MAA8C,EAK9C;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,MAAM;EAC7B,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU;EACnC,MAAM;IAAEG;EAAa,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,cAAc,GAAGA,CAACC,QAAgB,EAAEC,OAAkB,kBAC1Dd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,QAAQ;IACdC,SAAS,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IAACS,OAAO,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEX,OAAa,CAC9B,CACN;EAED,IAAIP,UAAU,CAACoB,iBAAiB,IAAIpB,UAAU,CAACqB,MAAM,CAACC,MAAM,CAACC,SAAS,EAAE;IACtE,OAAO;MACLH,iBAAiB,EAAE,IAAI;MACvBI,WAAW,EAAEnB,cAAc,CAAC,gBAAgB,eAAEZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAkC,MAAM;QAACC,IAAI,EAAC,OAAO;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApB,YAAA;UAAAqB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,CAAC;MACtEpB;IACF,CAAC;EACH;EAEA,IAAIE,UAAU,CAAC2B,cAAc,EAAE;IAC7B,OAAO;MACLH,WAAW,EAAEnB,cAAc,CACzB,aAAa,eACbZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAqC,IAAI;QAACtB,QAAQ,EAAC,kBAAkB;QAACuB,SAAS;QAACH,IAAI,EAAC,OAAO;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApB,YAAA;UAAAqB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrDlB,UAAU,CAAC8B,iBAAiB,GACzB5B,CAAC,CAAC,wCAAwC,CAAC,GAC3CA,CAAC,CAAC,yCAAyC,CAC3C,CACR,CAAC;MACDJ;IACF,CAAC;EACH;EAEA,IAAIE,UAAU,CAAC+B,cAAc,EAAE;IAAA,IAAAC,qBAAA;IAC7B,MAAMC,aAAa,GAAG9B,YAAY,CAAC+B,gBAAgB,oBAA7B/B,YAAY,CAAC+B,gBAAgB,EAAAF,qBAAA,GACjDhC,UAAU,CAACqB,MAAM,CAACc,WAAW,qBAA7BH,qBAAA,CAA+BI,KACjC,CAAC;IAED,IAAIH,aAAa,EAAE;MACjB,OAAO;QACLT,WAAW,EAAEnB,cAAc,CACzB,oBAAoB,eACpBZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;UACF2B,SAAS,EAAC,UAAU;UACpBC,GAAG,EAAC,KAAK;UACT3B,aAAa,EAAC,QAAQ;UACtBC,KAAK,EAAC,QAAQ;UAAAE,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAApB,YAAA;YAAAqB,UAAA;YAAAC,YAAA;UAAA;QAAA,gBAEdzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAqC,IAAI;UACHtB,QAAQ,EAAC,yBAAyB;UAClCuB,SAAS;UACTjB,KAAK,EAAC,QAAQ;UACd2B,MAAM,EAAC,MAAM;UACbb,IAAI,EAAC,OAAO;UAAAZ,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAApB,YAAA;YAAAqB,UAAA;YAAAC,YAAA;UAAA;QAAA,GAEXe,aAAa,CAACO,OAAO,EACrBP,aAAa,CAACQ,MAAM,iBACnBhD,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmD,UAAU;UACTC,OAAO,EAAE,MAAAA,CAAA,KAAY;YAAA,IAAAC,qBAAA;YACnB,QAAAA,qBAAA,GAAMX,aAAa,CAACQ,MAAM,aAApBG,qBAAA,CAAsBD,OAAO,oBAA7BC,qBAAA,CAAsBD,OAAO,CAAG,CAAC;UACzC,CAAE;UAAA7B,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAApB,YAAA;YAAAqB,UAAA;YAAAC,YAAA;UAAA;QAAA,GAEDe,aAAa,CAACQ,MAAM,CAACI,IACZ,CAEV,CAAC,EACNZ,aAAa,CAACQ,MAAM,iBACnBhD,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmD,UAAU;UACThB,IAAI,EAAC,QAAQ;UACba,MAAM,EAAC,MAAM;UACbI,OAAO,EAAE,MAAAA,CAAA,KAAY;YAAA,IAAAG,sBAAA;YACnB,QAAAA,sBAAA,GAAMb,aAAa,CAACQ,MAAM,aAApBK,sBAAA,CAAsBH,OAAO,oBAA7BG,sBAAA,CAAsBH,OAAO,CAAG,CAAC;UACzC,CAAE;UAAA7B,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAApB,YAAA;YAAAqB,UAAA;YAAAC,YAAA;UAAA;QAAA,GAEDe,aAAa,CAACQ,MAAM,CAACI,IACZ,CAEX,CACP,CAAC;QACD/C;MACF,CAAC;IACH;EACF;EAEA,OAAO;IACLA,OAAO;IACP0B,WAAW,EAAEzB,MAAM,CAACyB;EACtB,CAAC;AACH","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse3523817621__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3523817621__exit{height:0}.CollectionToolbar3971570354__left{min-width:0}.CollectionToolbar3971570354__root.CollectionToolbar3971570354--views .CollectionToolbar3971570354__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3971570354__left.CollectionToolbar3971570354--expandable{flex:auto}.CollectionToolbar3971570354__root .CollectionToolbar3971570354__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3971570354__root.CollectionToolbar3971570354--views .CollectionToolbar3971570354__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3971570354__root .CollectionToolbar3971570354__right.CollectionToolbar3971570354__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter4003212699__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2441596335__root.AutoCompleteReadonly2441596335--disableEditing{cursor:pointer}.AutoCompleteReadonly2441596335__root.AutoCompleteReadonly2441596335--disableEditing input{cursor:pointer}.ViewsDropdown3804420338__root{width:200px}.DragHandle813502462__root{display:flex;align-items:center}.DragHandle813502462__root:not(.DragHandle813502462--disabled){cursor:grab;color:#a8caff}.DragHandle813502462__root.DragHandle813502462--disabled{color:#acafc4}.DragHandle813502462__root:focus-visible:not(.DragHandle813502462--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle813502462__root.DragHandle813502462--disabled{pointer-events:none}.DragHandle813502462__root.DragHandle813502462--dragging:not(.DragHandle813502462--disabled){cursor:grabbing}.Fade613036148__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade613036148__root.Fade613036148--exit{opacity:0}.Heading2390756492__root{visibility:visible}.Heading2390756492__root.Heading2390756492--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow271810615__root.InputOverflow271810615--selected:not(.InputOverflow271810615--focused) input::placeholder{color:#000624}@keyframes LoadingRow1275267991__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1275267991__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1275267991__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2408146447__root{opacity:1}.MaxHeightText2408146447__root.MaxHeightText2408146447--height24{line-height:24px}.MaxLines2007622385__root{overflow:hidden}.MaxLines2007622385__root.MaxLines2007622385--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar432825232__root{min-width:0}.NestedTablePlaceholderStatesRow3674186182__root td{padding:0!important;width:100%}.NestedTableRow991122225__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow991122225__root:hover{background-color:#e7f0ff}.NestedTableRow991122225__root.NestedTableRow991122225--expandable{cursor:pointer}.NestedTableRow991122225__placeholder td{padding:0!important;width:100%}.NestedTableRow991122225__root:hover td:first-of-type::before,.NestedTableRow991122225__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect126147519__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3426341455__root.NestedTableDragAndDropRow3426341455--draggingInto td{background-color:#e7f0ff!important}.PickerContent2266994303__root{display:flex}.PickerContentAdditionalStep733423624__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep733423624__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2782518447__root{box-sizing:border-box}.ScrollableContent2315434015__root.ScrollableContent2315434015--overflowY{overflow-y:auto}.ScrollableContent2315434015__root.ScrollableContent2315434015--overflowX{overflow-x:auto}.ScrollableContent2315434015__root.ScrollableContent2315434015--smooth{scroll-behavior:smooth}.SkeletonCard1989641726__headerLoading{display:block!important}.SlidingModal591853877__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal591853877__root:not(.SlidingModal591853877--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4115350673__root .TabsFilter4115350673__title{color:inherit!important}.ManageTagsModal1827078846__root{display:flex}.ToolbarItem3373681304__root{min-width:0}.ToolbarItemBox3188005631__root{min-width:0}.ToolbarItemBox3188005631__root.ToolbarItemBox3188005631--removeStartPadding{margin-left:-24px}.ToolbarItemBox3188005631__root.ToolbarItemBox3188005631--expandable{flex:1 0}.common3858096426__column{display:flex;flex-direction:column}.common3858096426__fullHeight{height:100%;min-height:0}
+.Collapse2425747822__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2425747822__exit{height:0}.CollectionToolbar1046493534__left{min-width:0}.CollectionToolbar1046493534__root.CollectionToolbar1046493534--views .CollectionToolbar1046493534__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1046493534__left.CollectionToolbar1046493534--expandable{flex:auto}.CollectionToolbar1046493534__root .CollectionToolbar1046493534__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1046493534__root.CollectionToolbar1046493534--views .CollectionToolbar1046493534__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1046493534__root .CollectionToolbar1046493534__right.CollectionToolbar1046493534__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3828998552__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2888173154__root.AutoCompleteReadonly2888173154--disableEditing{cursor:pointer}.AutoCompleteReadonly2888173154__root.AutoCompleteReadonly2888173154--disableEditing input{cursor:pointer}.ViewsDropdown1062311645__root{width:200px}.DragHandle2246208545__root{display:flex;align-items:center}.DragHandle2246208545__root:not(.DragHandle2246208545--disabled){cursor:grab;color:#a8caff}.DragHandle2246208545__root.DragHandle2246208545--disabled{color:#acafc4}.DragHandle2246208545__root:focus-visible:not(.DragHandle2246208545--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2246208545__root.DragHandle2246208545--disabled{pointer-events:none}.DragHandle2246208545__root.DragHandle2246208545--dragging:not(.DragHandle2246208545--disabled){cursor:grabbing}.Fade3173849616__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3173849616__root.Fade3173849616--exit{opacity:0}.Heading3781534269__root{visibility:visible}.Heading3781534269__root.Heading3781534269--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1712030075__root.InputOverflow1712030075--selected:not(.InputOverflow1712030075--focused) input::placeholder{color:#000624}@keyframes LoadingRow3048179127__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3048179127__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3048179127__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2965650818__root{opacity:1}.MaxHeightText2965650818__root.MaxHeightText2965650818--height24{line-height:24px}.MaxLines3781532932__root{overflow:hidden}.MaxLines3781532932__root.MaxLines3781532932--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4073001167__root{min-width:0}.NestedTablePlaceholderStatesRow1842571947__root td{padding:0!important;width:100%}.NestedTableRow3901524433__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3901524433__root:hover{background-color:#e7f0ff}.NestedTableRow3901524433__root.NestedTableRow3901524433--expandable{cursor:pointer}.NestedTableRow3901524433__placeholder td{padding:0!important;width:100%}.NestedTableRow3901524433__root:hover td:first-of-type::before,.NestedTableRow3901524433__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2663529320__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow4144227660__root.NestedTableDragAndDropRow4144227660--draggingInto td{background-color:#e7f0ff!important}.PickerContent2312167349__root{display:flex}.PickerContentAdditionalStep2122880272__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2122880272__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem79417238__root{box-sizing:border-box}.ScrollableContent3968078934__root.ScrollableContent3968078934--overflowY{overflow-y:auto}.ScrollableContent3968078934__root.ScrollableContent3968078934--overflowX{overflow-x:auto}.ScrollableContent3968078934__root.ScrollableContent3968078934--smooth{scroll-behavior:smooth}.SkeletonCard242182553__headerLoading{display:block!important}.SlidingModal950465739__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal950465739__root:not(.SlidingModal950465739--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1168681563__root .TabsFilter1168681563__title{color:inherit!important}.ManageTagsModal1392685627__root{display:flex}.ToolbarItem838464585__root{min-width:0}.ToolbarItemBox531770250__root{min-width:0}.ToolbarItemBox531770250__root.ToolbarItemBox531770250--removeStartPadding{margin-left:-24px}.ToolbarItemBox531770250__root.ToolbarItemBox531770250--expandable{flex:1 0}.common3745920778__column{display:flex;flex-direction:column}.common3745920778__fullHeight{height:100%;min-height:0}

package/dist/cjs/utils/useWindowFlipPopoverProps.js

@@ -3,17 +3,32 @@
 exports.__esModule = true;
 exports.useWindowFlipPopoverProps = useWindowFlipPopoverProps;
 var _FilterRenderingContext = require("../components/FilterRenderingContext");
-function useWindowFlipPopoverProps(popoverProps) {
+var _react = require("react");
+var _bexCore = require("@wix/bex-core");
+function useWindowFlipPopoverProps({
+  popoverProps
+}) {
   const {
     location
   } = (0, _FilterRenderingContext.useFilterRenderingContext)();
+  const inputRef = (0, _react.useRef)();
+  const [dropdownWidth, setDropdownWidth] = (0, _react.useState)();
+  (0, _bexCore.addResizeObserver)(inputRef.current, () => {
+    if (inputRef.current) {
+      setDropdownWidth(inputRef.current.width);
+    }
+  });
   return {
-    appendTo: 'window',
-    flip: true,
-    ...(location === 'modal' && {
-      zIndex: 5001
-    }),
-    ...popoverProps
+    inputRef,
+    windowFlipPopoverProps: {
+      appendTo: 'window',
+      flip: true,
+      maxWidth: dropdownWidth,
+      ...(location === 'modal' && {
+        zIndex: 5001
+      }),
+      ...popoverProps
+    }
   };
 }
 //# sourceMappingURL=useWindowFlipPopoverProps.js.map

package/dist/cjs/utils/useWindowFlipPopoverProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FilterRenderingContext","require","useWindowFlipPopoverProps","popoverProps","location","useFilterRenderingContext","appendTo","flip","zIndex"],"sources":["../../../src/utils/useWindowFlipPopoverProps.ts"],"sourcesContent":["import { PopoverCommonProps } from '@wix/design-system';\nimport { useFilterRenderingContext } from '../components/FilterRenderingContext';\n\nexport function useWindowFlipPopoverProps(popoverProps?: PopoverCommonProps) {\n  const { location } = useFilterRenderingContext();\n\n  return {\n    appendTo: 'window' as const,\n    flip: true,\n    ...(location === 'modal' && { zIndex: 5001 }),\n    ...popoverProps,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,SAASC,yBAAyBA,CAACC,YAAiC,EAAE;EAC3E,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAEhD,OAAO;IACLC,QAAQ,EAAE,QAAiB;IAC3BC,IAAI,EAAE,IAAI;IACV,IAAIH,QAAQ,KAAK,OAAO,IAAI;MAAEI,MAAM,EAAE;IAAK,CAAC,CAAC;IAC7C,GAAGL;EACL,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_FilterRenderingContext","require","_react","_bexCore","useWindowFlipPopoverProps","popoverProps","location","useFilterRenderingContext","inputRef","useRef","dropdownWidth","setDropdownWidth","useState","addResizeObserver","current","width","windowFlipPopoverProps","appendTo","flip","maxWidth","zIndex"],"sources":["../../../src/utils/useWindowFlipPopoverProps.ts"],"sourcesContent":["import { PopoverCommonProps } from '@wix/design-system';\nimport { useFilterRenderingContext } from '../components/FilterRenderingContext';\nimport { useRef, useState } from 'react';\nimport { addResizeObserver } from '@wix/bex-core';\n\nexport function useWindowFlipPopoverProps({\n  popoverProps,\n}: {\n  popoverProps?: PopoverCommonProps;\n}) {\n  const { location } = useFilterRenderingContext();\n  const inputRef = useRef<HTMLInputElement>();\n\n  const [dropdownWidth, setDropdownWidth] = useState<number>();\n\n  addResizeObserver(inputRef.current, () => {\n    if (inputRef.current) {\n      setDropdownWidth(inputRef.current.width);\n    }\n  });\n\n  return {\n    inputRef,\n    windowFlipPopoverProps: {\n      appendTo: 'window' as const,\n      flip: true,\n      maxWidth: dropdownWidth,\n      ...(location === 'modal' && { zIndex: 5001 }),\n      ...popoverProps,\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEO,SAASG,yBAAyBA,CAAC;EACxCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,CAAC;EAE3C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC;EAE5D,IAAAC,0BAAiB,EAACL,QAAQ,CAACM,OAAO,EAAE,MAAM;IACxC,IAAIN,QAAQ,CAACM,OAAO,EAAE;MACpBH,gBAAgB,CAACH,QAAQ,CAACM,OAAO,CAACC,KAAK,CAAC;IAC1C;EACF,CAAC,CAAC;EAEF,OAAO;IACLP,QAAQ;IACRQ,sBAAsB,EAAE;MACtBC,QAAQ,EAAE,QAAiB;MAC3BC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAET,aAAa;MACvB,IAAIJ,QAAQ,KAAK,OAAO,IAAI;QAAEc,MAAM,EAAE;MAAK,CAAC,CAAC;MAC7C,GAAGf;IACL;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.165.0';
+const version = exports.version = 'patterns@1.166.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.165.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.166.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3523817621";
+var _namespace_ = "Collapse2425747822";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3523817621__root", "exit": "Collapse3523817621__exit" };
+export var classes = { "root": "Collapse2425747822__root", "exit": "Collapse2425747822__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar3971570354";
+var _namespace_ = "CollectionToolbar1046493534";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar3971570354__root", "left": "CollectionToolbar3971570354__left", "right": "CollectionToolbar3971570354__right", "fullWidth": "CollectionToolbar3971570354__fullWidth" };
+export var classes = { "root": "CollectionToolbar1046493534__root", "left": "CollectionToolbar1046493534__left", "right": "CollectionToolbar1046493534__right", "fullWidth": "CollectionToolbar1046493534__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter4003212699";
+var _namespace_ = "SearchOrCustomFilter3828998552";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter4003212699__root", "search": "SearchOrCustomFilter4003212699__search" };
+export var classes = { "root": "SearchOrCustomFilter3828998552__root", "search": "SearchOrCustomFilter3828998552__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

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

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

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

package/dist/esm/components/DateRangePicker/DateRangePicker.js

@@ -8,7 +8,9 @@ function _DateRangePicker(props) {
     const { translate: t, filterByTime } = state;
     const datePickerFrom = useRef(null);
     const datePickerTo = useRef(null);
-    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const { windowFlipPopoverProps } = useWindowFlipPopoverProps({
+        popoverProps,
+    });
     const commonDatePickerProps = {
         shouldCloseOnSelect: true,
         size: 'medium',

package/dist/esm/components/DateRangePicker/DateRangePicker.js.map

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

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

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

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

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

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

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

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

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