@wix/design-system 1.142.0 → 1.143.1

package/dist/cjs/SidebarSectionTitle/SidebarSectionTitle.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SidebarSectionTitle";
+var _namespace_ = "wds_1_143_1_SidebarSectionTitle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SidebarSectionTitle__root"};
+module.exports.classes = {"root":"wds_1_143_1_SidebarSectionTitle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SidebarSubMenuNext";
+var _namespace_ = "wds_1_143_1_SidebarSubMenuNext";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SidebarSubMenuNext__root","subMenu":"wds_1_142_0_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_142_0_SidebarSubMenuNext__subMenuItems","chevronRight":"wds_1_142_0_SidebarSubMenuNext__chevronRight","navigationPopoverRoot":"wds_1_142_0_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_142_0_SidebarSubMenuNext__navigationPopover"};
-module.exports.keyframes = {"rotateChevronUp":"wds_1_142_0_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_142_0_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_142_0_SidebarSubMenuNext__openItems","closeItems":"wds_1_142_0_SidebarSubMenuNext__closeItems"}; 
+module.exports.classes = {"root":"wds_1_143_1_SidebarSubMenuNext__root","subMenu":"wds_1_143_1_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_143_1_SidebarSubMenuNext__subMenuItems","chevronRight":"wds_1_143_1_SidebarSubMenuNext__chevronRight","navigationPopoverRoot":"wds_1_143_1_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_143_1_SidebarSubMenuNext__navigationPopover"};
+module.exports.keyframes = {"rotateChevronUp":"wds_1_143_1_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_143_1_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_143_1_SidebarSubMenuNext__openItems","closeItems":"wds_1_143_1_SidebarSubMenuNext__closeItems"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

package/dist/cjs/SidebarSubMenuNext/components/ContextMenuPopover.js

@@ -7,6 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Popover = _interopRequireDefault(require("../../Popover"));
 var _SidebarNextContext = require("../../SidebarNext/SidebarNextContext");
 var _SidebarSubMenuNextSt = require("../SidebarSubMenuNext.st.css.js");
+var _constants = require("../../common/ZIndex/constants");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SidebarSubMenuNext/components/ContextMenuPopover.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
@@ -44,7 +45,7 @@ var ContextMenuPopover = exports.ContextMenuPopover = /*#__PURE__*/(0, _react.fo
     fixed: true,
     appendTo: "window",
     placement: "right",
-    zIndex: 3000,
+    zIndex: _constants.ZIndex.contextMenuPopover,
     flip: false,
     theme: skin === 'neutral' ? 'light' : skin,
     moveBy: popoverOffset,
@@ -58,21 +59,21 @@ var ContextMenuPopover = exports.ContextMenuPopover = /*#__PURE__*/(0, _react.fo
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 61,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, element), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 82,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("ul", {
@@ -83,7 +84,7 @@ var ContextMenuPopover = exports.ContextMenuPopover = /*#__PURE__*/(0, _react.fo
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 9
     }
   }, content)));

package/dist/cjs/SidebarSubMenuNext/components/ContextMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Popover","_interopRequireDefault","_SidebarNextContext","_SidebarSubMenuNextSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContextMenuPopover","exports","forwardRef","_ref","ref","element","content","disabled","dataHook","onShow","onHide","skin","scrollAreaRef","useContext","SidebarNextContext","popoverContentRef","useRef","shouldShow","setShouldShow","useState","visible","showPopover","useCallback","hidePopover","useImperativeHandle","hide","popoverOffset","usePopoverOffset","createElement","className","classes","navigationPopoverRoot","shown","showArrow","fixed","appendTo","placement","zIndex","flip","theme","moveBy","animate","hideDelay","showDelay","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","Element","Content","navigationPopover","popoverVisible","setMoveBy","y","useEffect","scrollArea","current","handleScroll","addEventListener","window","removeEventListener","timeout","setTimeout","calculateOffsetY","clearTimeout","popoverContentElement","rect","getBoundingClientRect","margin","popoverPaddings","screenHeight","innerHeight","top","height"],"sources":["../../../../src/SidebarSubMenuNext/components/ContextMenuPopover.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport Popover from '../../Popover';\nimport { SidebarNextContext } from '../../SidebarNext/SidebarNextContext';\nimport { classes } from '../SidebarSubMenuNext.st.css';\n\nexport type QuickNavPopoverProps = {\n  element: React.ReactNode;\n  content: React.ReactNode;\n  disabled?: boolean;\n  dataHook?: string;\n  onShow?: () => void;\n  onHide?: () => void;\n};\n\nexport type QuickNavPopoverHandle = {\n  hide: () => void;\n};\n\nexport const ContextMenuPopover = forwardRef<\n  QuickNavPopoverHandle,\n  QuickNavPopoverProps\n>(({ element, content, disabled, dataHook, onShow, onHide }, ref) => {\n  const { skin, scrollAreaRef } = useContext(SidebarNextContext);\n  const popoverContentRef = useRef(null);\n  const [shouldShow, setShouldShow] = useState(false);\n  const visible = !disabled && shouldShow;\n\n  const showPopover = useCallback(() => {\n    setShouldShow(true);\n  }, []);\n\n  const hidePopover = useCallback(() => {\n    setShouldShow(false);\n  }, []);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      hide: hidePopover,\n    }),\n    [hidePopover],\n  );\n\n  const popoverOffset = usePopoverOffset(\n    visible,\n    scrollAreaRef,\n    popoverContentRef,\n  );\n\n  return (\n    <Popover\n      dataHook={dataHook}\n      className={classes.navigationPopoverRoot}\n      shown={visible}\n      showArrow\n      fixed\n      appendTo=\"window\"\n      placement=\"right\"\n      zIndex={3000}\n      flip={false}\n      theme={skin === 'neutral' ? 'light' : skin}\n      moveBy={popoverOffset}\n      animate={visible}\n      hideDelay={50}\n      showDelay={200}\n      onMouseEnter={showPopover}\n      onMouseLeave={hidePopover}\n      onShow={onShow}\n      onHide={onHide}\n    >\n      <Popover.Element>{element}</Popover.Element>\n      <Popover.Content>\n        <ul\n          ref={popoverContentRef}\n          className={classes.navigationPopover}\n          aria-hidden // quick nav is not accessible by design\n        >\n          {content}\n        </ul>\n      </Popover.Content>\n    </Popover>\n  );\n});\n\nconst usePopoverOffset = (\n  popoverVisible: boolean,\n  scrollAreaRef: React.RefObject<HTMLElement>,\n  popoverContentRef: React.RefObject<HTMLElement>,\n) => {\n  // FIXME: doesn't work in the original implementation (and here too)\n  const [moveBy, setMoveBy] = useState({ y: 0 });\n\n  useEffect(() => {\n    const scrollArea = scrollAreaRef?.current;\n\n    if (!scrollArea) {\n      return;\n    }\n\n    const handleScroll = () => {\n      if (!popoverVisible) {\n        setMoveBy({ y: 0 });\n      }\n    };\n\n    scrollArea && scrollArea.addEventListener('scroll', handleScroll);\n    window.addEventListener('scroll', handleScroll);\n\n    return () => {\n      scrollArea && scrollArea.removeEventListener('scroll', handleScroll);\n      window.removeEventListener('scroll', handleScroll);\n    };\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollAreaRef]);\n\n  useEffect(() => {\n    if (!popoverVisible) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      const y = moveBy.y || calculateOffsetY(popoverContentRef.current);\n      setMoveBy({ y });\n    }, 200);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [popoverVisible, moveBy.y, popoverContentRef]);\n\n  return moveBy;\n};\n\nconst calculateOffsetY = (popoverContentElement?: HTMLElement | null) => {\n  // FIXME: mostly copy-pasta of original implementation\n  const rect = popoverContentElement?.getBoundingClientRect();\n\n  if (!rect) {\n    return 0;\n  }\n\n  const margin = 12;\n  const popoverPaddings = 2 * 12;\n  const screenHeight = window.innerHeight;\n  const { top } = rect;\n  const height = rect.height + popoverPaddings;\n\n  if (top <= margin) {\n    return -(top - popoverPaddings - margin);\n  }\n\n  if (top + height > screenHeight) {\n    return screenHeight - top - height - margin;\n  }\n\n  return 0;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Popover","_interopRequireDefault","_SidebarNextContext","_SidebarSubMenuNextSt","_constants","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContextMenuPopover","exports","forwardRef","_ref","ref","element","content","disabled","dataHook","onShow","onHide","skin","scrollAreaRef","useContext","SidebarNextContext","popoverContentRef","useRef","shouldShow","setShouldShow","useState","visible","showPopover","useCallback","hidePopover","useImperativeHandle","hide","popoverOffset","usePopoverOffset","createElement","className","classes","navigationPopoverRoot","shown","showArrow","fixed","appendTo","placement","zIndex","ZIndex","contextMenuPopover","flip","theme","moveBy","animate","hideDelay","showDelay","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","Element","Content","navigationPopover","popoverVisible","setMoveBy","y","useEffect","scrollArea","current","handleScroll","addEventListener","window","removeEventListener","timeout","setTimeout","calculateOffsetY","clearTimeout","popoverContentElement","rect","getBoundingClientRect","margin","popoverPaddings","screenHeight","innerHeight","top","height"],"sources":["../../../../src/SidebarSubMenuNext/components/ContextMenuPopover.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport Popover from '../../Popover';\nimport { SidebarNextContext } from '../../SidebarNext/SidebarNextContext';\nimport { classes } from '../SidebarSubMenuNext.st.css';\nimport { ZIndex } from '../../common/ZIndex/constants';\n\nexport type QuickNavPopoverProps = {\n  element: React.ReactNode;\n  content: React.ReactNode;\n  disabled?: boolean;\n  dataHook?: string;\n  onShow?: () => void;\n  onHide?: () => void;\n};\n\nexport type QuickNavPopoverHandle = {\n  hide: () => void;\n};\n\nexport const ContextMenuPopover = forwardRef<\n  QuickNavPopoverHandle,\n  QuickNavPopoverProps\n>(({ element, content, disabled, dataHook, onShow, onHide }, ref) => {\n  const { skin, scrollAreaRef } = useContext(SidebarNextContext);\n  const popoverContentRef = useRef(null);\n  const [shouldShow, setShouldShow] = useState(false);\n  const visible = !disabled && shouldShow;\n\n  const showPopover = useCallback(() => {\n    setShouldShow(true);\n  }, []);\n\n  const hidePopover = useCallback(() => {\n    setShouldShow(false);\n  }, []);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      hide: hidePopover,\n    }),\n    [hidePopover],\n  );\n\n  const popoverOffset = usePopoverOffset(\n    visible,\n    scrollAreaRef,\n    popoverContentRef,\n  );\n\n  return (\n    <Popover\n      dataHook={dataHook}\n      className={classes.navigationPopoverRoot}\n      shown={visible}\n      showArrow\n      fixed\n      appendTo=\"window\"\n      placement=\"right\"\n      zIndex={ZIndex.contextMenuPopover}\n      flip={false}\n      theme={skin === 'neutral' ? 'light' : skin}\n      moveBy={popoverOffset}\n      animate={visible}\n      hideDelay={50}\n      showDelay={200}\n      onMouseEnter={showPopover}\n      onMouseLeave={hidePopover}\n      onShow={onShow}\n      onHide={onHide}\n    >\n      <Popover.Element>{element}</Popover.Element>\n      <Popover.Content>\n        <ul\n          ref={popoverContentRef}\n          className={classes.navigationPopover}\n          aria-hidden // quick nav is not accessible by design\n        >\n          {content}\n        </ul>\n      </Popover.Content>\n    </Popover>\n  );\n});\n\nconst usePopoverOffset = (\n  popoverVisible: boolean,\n  scrollAreaRef: React.RefObject<HTMLElement>,\n  popoverContentRef: React.RefObject<HTMLElement>,\n) => {\n  // FIXME: doesn't work in the original implementation (and here too)\n  const [moveBy, setMoveBy] = useState({ y: 0 });\n\n  useEffect(() => {\n    const scrollArea = scrollAreaRef?.current;\n\n    if (!scrollArea) {\n      return;\n    }\n\n    const handleScroll = () => {\n      if (!popoverVisible) {\n        setMoveBy({ y: 0 });\n      }\n    };\n\n    scrollArea && scrollArea.addEventListener('scroll', handleScroll);\n    window.addEventListener('scroll', handleScroll);\n\n    return () => {\n      scrollArea && scrollArea.removeEventListener('scroll', handleScroll);\n      window.removeEventListener('scroll', handleScroll);\n    };\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollAreaRef]);\n\n  useEffect(() => {\n    if (!popoverVisible) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      const y = moveBy.y || calculateOffsetY(popoverContentRef.current);\n      setMoveBy({ y });\n    }, 200);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [popoverVisible, moveBy.y, popoverContentRef]);\n\n  return moveBy;\n};\n\nconst calculateOffsetY = (popoverContentElement?: HTMLElement | null) => {\n  // FIXME: mostly copy-pasta of original implementation\n  const rect = popoverContentElement?.getBoundingClientRect();\n\n  if (!rect) {\n    return 0;\n  }\n\n  const margin = 12;\n  const popoverPaddings = 2 * 12;\n  const screenHeight = window.innerHeight;\n  const { top } = rect;\n  const height = rect.height + popoverPaddings;\n\n  if (top <= margin) {\n    return -(top - popoverPaddings - margin);\n  }\n\n  if (top + height > screenHeight) {\n    return screenHeight - top - height - margin;\n  }\n\n  return 0;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SidebarTitleItemNext";
+var _namespace_ = "wds_1_143_1_SidebarTitleItemNext";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SidebarTitleItemNext__root"};
+module.exports.classes = {"root":"wds_1_143_1_SidebarTitleItemNext__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Skeleton/Skeleton.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Skeleton";
+var _namespace_ = "wds_1_143_1_Skeleton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Skeleton__root","line":"wds_1_142_0_Skeleton__line","chunk":"wds_1_142_0_Skeleton__chunk"};
-module.exports.keyframes = {"moveRight":"wds_1_142_0_Skeleton__moveRight"}; 
+module.exports.classes = {"root":"wds_1_143_1_Skeleton__root","line":"wds_1_143_1_Skeleton__line","chunk":"wds_1_143_1_Skeleton__chunk"};
+module.exports.keyframes = {"moveRight":"wds_1_143_1_Skeleton__moveRight"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

package/dist/cjs/SkeletonCircle/SkeletonCircle.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SkeletonCircle";
+var _namespace_ = "wds_1_143_1_SkeletonCircle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SkeletonCircle__root"};
+module.exports.classes = {"root":"wds_1_143_1_SkeletonCircle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SkeletonGroup/SkeletonGroup.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SkeletonGroup";
+var _namespace_ = "wds_1_143_1_SkeletonGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SkeletonGroup__root","animator":"wds_1_142_0_SkeletonGroup__animator"};
-module.exports.keyframes = {"wave":"wds_1_142_0_SkeletonGroup__wave"}; 
+module.exports.classes = {"root":"wds_1_143_1_SkeletonGroup__root","animator":"wds_1_143_1_SkeletonGroup__animator"};
+module.exports.keyframes = {"wave":"wds_1_143_1_SkeletonGroup__wave"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"color":"--wds_1_142_0_SkeletonGroup-color"}; 
+module.exports.vars = {"color":"--wds_1_143_1_SkeletonGroup-color"}; 
 
 
 

package/dist/cjs/SkeletonLine/SkeletonLine.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SkeletonLine";
+var _namespace_ = "wds_1_143_1_SkeletonLine";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SkeletonLine__root"};
+module.exports.classes = {"root":"wds_1_143_1_SkeletonLine__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SkeletonRectangle/SkeletonRectangle.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SkeletonRectangle";
+var _namespace_ = "wds_1_143_1_SkeletonRectangle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SkeletonRectangle__root"};
+module.exports.classes = {"root":"wds_1_143_1_SkeletonRectangle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Slider/Slider.st.css.js

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Slider";
+var _namespace_ = "wds_1_143_1_Slider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Slider__root","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","markValue":"wds_1_142_0_Slider__markValue","sliderHandle":"wds_1_142_0_Slider__sliderHandle","sliderThumb":"wds_1_142_0_Slider__sliderThumb","sliderHandleWrapper":"wds_1_142_0_Slider__sliderHandleWrapper","markLine":"wds_1_142_0_Slider__markLine","mark":"wds_1_142_0_Slider__mark","markLabel":"wds_1_142_0_Slider__markLabel","sliderHandleTooltip":"wds_1_142_0_Slider__sliderHandleTooltip"};
+module.exports.classes = {"root":"wds_1_143_1_Slider__root","text-small-normal":"wds_1_143_1_StylableTypography__text-small-normal","markValue":"wds_1_143_1_Slider__markValue","sliderHandle":"wds_1_143_1_Slider__sliderHandle","sliderThumb":"wds_1_143_1_Slider__sliderThumb","sliderHandleWrapper":"wds_1_143_1_Slider__sliderHandleWrapper","markLine":"wds_1_143_1_Slider__markLine","mark":"wds_1_143_1_Slider__mark","markLabel":"wds_1_143_1_Slider__markLabel","sliderHandleTooltip":"wds_1_143_1_Slider__sliderHandleTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialButton/SocialButton.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SocialButton";
+var _namespace_ = "wds_1_143_1_SocialButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SocialButton__root","icon":"wds_1_142_0_SocialButton__icon"};
+module.exports.classes = {"root":"wds_1_143_1_SocialButton__root","icon":"wds_1_143_1_SocialButton__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/SocialPostPreview.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SocialPostPreview";
+var _namespace_ = "wds_1_143_1_SocialPostPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SocialPostPreview__root"};
+module.exports.classes = {"root":"wds_1_143_1_SocialPostPreview__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/components/FacebookPost.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_FacebookPost";
+var _namespace_ = "wds_1_143_1_FacebookPost";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_FacebookPost__root","postHeader":"wds_1_142_0_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_142_0_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_142_0_FacebookPost__publishDate","postCaption":"wds_1_142_0_FacebookPost__postCaption","lastSeenCaption":"wds_1_142_0_FacebookPost__lastSeenCaption"};
+module.exports.classes = {"root":"wds_1_143_1_FacebookPost__root","postHeader":"wds_1_143_1_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_143_1_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_143_1_FacebookPost__publishDate","postCaption":"wds_1_143_1_FacebookPost__postCaption","lastSeenCaption":"wds_1_143_1_FacebookPost__lastSeenCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/components/InstagramPost.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_InstagramPost";
+var _namespace_ = "wds_1_143_1_InstagramPost";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_InstagramPost__root","postHeader":"wds_1_142_0_InstagramPost__postHeader","postCaption":"wds_1_142_0_InstagramPost__postCaption"};
+module.exports.classes = {"root":"wds_1_143_1_InstagramPost__root","postHeader":"wds_1_143_1_InstagramPost__postHeader","postCaption":"wds_1_143_1_InstagramPost__postCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPreview/SocialPreview.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SocialPreview";
+var _namespace_ = "wds_1_143_1_SocialPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SocialPreview__root","mediaContainer":"wds_1_142_0_SocialPreview__mediaContainer","container":"wds_1_142_0_SocialPreview__container","socialPreviewUrl":"wds_1_142_0_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_142_0_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_142_0_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_142_0_SocialPreview__socialPreviewDescription"};
+module.exports.classes = {"root":"wds_1_143_1_SocialPreview__root","mediaContainer":"wds_1_143_1_SocialPreview__mediaContainer","container":"wds_1_143_1_SocialPreview__container","socialPreviewUrl":"wds_1_143_1_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_143_1_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_143_1_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_143_1_SocialPreview__socialPreviewDescription"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SortableGridBase/SortableGridBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SortableGridBase";
+var _namespace_ = "wds_1_143_1_SortableGridBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SortableGridBase__root","number":"wds_1_142_0_SortableGridBase__number","button":"wds_1_142_0_SortableGridBase__button","sortableGridBaseContent":"wds_1_142_0_SortableGridBase__sortableGridBaseContent"};
+module.exports.classes = {"root":"wds_1_143_1_SortableGridBase__root","number":"wds_1_143_1_SortableGridBase__number","button":"wds_1_143_1_SortableGridBase__button","sortableGridBaseContent":"wds_1_143_1_SortableGridBase__sortableGridBaseContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SparklineChart/ChartTooltip.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_ChartTooltip";
+var _namespace_ = "wds_1_143_1_ChartTooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_ChartTooltip__root","absolutePosition":"wds_1_142_0_ChartTooltip__absolutePosition","contentWrapper":"wds_1_142_0_ChartTooltip__contentWrapper"};
+module.exports.classes = {"root":"wds_1_143_1_ChartTooltip__root","absolutePosition":"wds_1_143_1_ChartTooltip__absolutePosition","contentWrapper":"wds_1_143_1_ChartTooltip__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SparklineChart/SparklineChart.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_SparklineChart";
+var _namespace_ = "wds_1_143_1_SparklineChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_SparklineChart__root","gradientStop":"wds_1_142_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_142_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_142_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_142_0_SparklineChart__tooltipElement"};
+module.exports.classes = {"root":"wds_1_143_1_SparklineChart__root","gradientStop":"wds_1_143_1_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_143_1_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_143_1_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_143_1_SparklineChart__tooltipElement"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StackedBarChart/StackedBarChart.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_StackedBarChart";
+var _namespace_ = "wds_1_143_1_StackedBarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StackedBarChart__root","text-tiny-thin":"wds_1_142_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_142_0_StackedBarChart__xAxis","yAxis":"wds_1_142_0_StackedBarChart__yAxis","tooltip":"wds_1_142_0_StackedBarChart__tooltip","textPosition":"wds_1_142_0_StackedBarChart__textPosition","tooltipInner":"wds_1_142_0_StackedBarChart__tooltipInner"};
+module.exports.classes = {"root":"wds_1_143_1_StackedBarChart__root","text-tiny-thin":"wds_1_143_1_StylableTypography__text-tiny-thin","xAxis":"wds_1_143_1_StackedBarChart__xAxis","yAxis":"wds_1_143_1_StackedBarChart__yAxis","tooltip":"wds_1_143_1_StackedBarChart__tooltip","textPosition":"wds_1_143_1_StackedBarChart__textPosition","tooltipInner":"wds_1_143_1_StackedBarChart__tooltipInner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/StarsRatingBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_StarsRatingBar";
+var _namespace_ = "wds_1_143_1_StarsRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StarsRatingBar__root","starsContainer":"wds_1_142_0_StarsRatingBar__starsContainer","star":"wds_1_142_0_StarsRatingBar__star","rateCaption":"wds_1_142_0_StarsRatingBar__rateCaption"};
+module.exports.classes = {"root":"wds_1_143_1_StarsRatingBar__root","starsContainer":"wds_1_143_1_StarsRatingBar__starsContainer","star":"wds_1_143_1_StarsRatingBar__star","rateCaption":"wds_1_143_1_StarsRatingBar__rateCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_InteractiveModeStar";
+var _namespace_ = "wds_1_143_1_InteractiveModeStar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_InteractiveModeStar__root","star":"wds_1_142_0_InteractiveModeStar__star"};
+module.exports.classes = {"root":"wds_1_143_1_InteractiveModeStar__root","star":"wds_1_143_1_InteractiveModeStar__star"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_StatisticsItem";
+var _namespace_ = "wds_1_143_1_StatisticsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StatisticsItem__root","item":"wds_1_142_0_StatisticsItem__item","loader":"wds_1_142_0_StatisticsItem__loader","description":"wds_1_142_0_StatisticsItem__description","info":"wds_1_142_0_StatisticsItem__info","percentage":"wds_1_142_0_StatisticsItem__percentage","tooltip":"wds_1_142_0_StatisticsItem__tooltip"};
+module.exports.classes = {"root":"wds_1_143_1_StatisticsItem__root","item":"wds_1_143_1_StatisticsItem__item","loader":"wds_1_143_1_StatisticsItem__loader","description":"wds_1_143_1_StatisticsItem__description","info":"wds_1_143_1_StatisticsItem__info","percentage":"wds_1_143_1_StatisticsItem__percentage","tooltip":"wds_1_143_1_StatisticsItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsWidget.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_StatisticsWidget";
+var _namespace_ = "wds_1_143_1_StatisticsWidget";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StatisticsWidget__root"};
+module.exports.classes = {"root":"wds_1_143_1_StatisticsWidget__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatusIndicator/StatusIndicator.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_StatusIndicator";
+var _namespace_ = "wds_1_143_1_StatusIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StatusIndicator__root"};
+module.exports.classes = {"root":"wds_1_143_1_StatusIndicator__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatusToast/StatusToast.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_StatusToast";
+var _namespace_ = "wds_1_143_1_StatusToast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_StatusToast__root","toast":"wds_1_142_0_StatusToast__toast","icon":"wds_1_142_0_StatusToast__icon","content":"wds_1_142_0_StatusToast__content","action":"wds_1_142_0_StatusToast__action"};
+module.exports.classes = {"root":"wds_1_143_1_StatusToast__root","toast":"wds_1_143_1_StatusToast__toast","icon":"wds_1_143_1_StatusToast__icon","content":"wds_1_143_1_StatusToast__content","action":"wds_1_143_1_StatusToast__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};