@wix/design-system 1.158.0 → 1.160.0

package/dist/cjs/PopoverNext/hooks/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_PopoverNext","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","formatWidth","value","concat","usePopover","dataHook","initiallyOpen","open","controlledOpen","onOpenChange","setControlledOpen","focusManagerEnabled","appendTo","APPEND_TO","parent","dynamicWidth","zIndex","width","minWidth","maxWidth","excludeClass","hideDelay","moveBy","undefined","uncontrolledOpen","setUncontrolledOpen","useState","hideTimeoutIdRef","useRef","setOpen","handleSetOpen","useCallback","newOpen","reason","current","clearTimeout","setTimeout","useEffect","data","useFloating","_","whileElementsMounted","autoUpdate","middleware","size","_ref","rects","elements","styles","reference","assign","floating","style","flip","fallbackAxisSideDirection","padding","shift","crossAxis","viewport","offset","mainAxis","y","x","context","click","useClick","dismiss","useDismiss","outsidePress","event","classes","target","classList","contains","role","useRole","interactions","useInteractions","useMemo"],"sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect, useRef } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  size,\n  OpenChangeReason,\n  offset,\n} from '@floating-ui/react';\nimport {\n  PopoverNextContextValue,\n  PopoverNextProps,\n} from '../PopoverNext.types';\nimport { APPEND_TO } from '../PopoverNext.constants';\n\ntype Props = Omit<PopoverNextProps, 'children'>;\n\nconst formatWidth = (value: string | number): string =>\n  typeof value === 'number' ? `${value}px` : value;\n\nexport function usePopover({\n  dataHook,\n  initiallyOpen = false,\n  open: controlledOpen,\n  onOpenChange: setControlledOpen,\n  focusManagerEnabled = true,\n  appendTo = APPEND_TO.parent,\n  dynamicWidth = false,\n  zIndex = 1000,\n  width,\n  minWidth,\n  maxWidth,\n  excludeClass,\n  hideDelay = 0,\n  moveBy,\n}: Props = {}): PopoverNextContextValue {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(initiallyOpen);\n\n  const hideTimeoutIdRef = useRef<NodeJS.Timeout | null>(null);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n  const handleSetOpen = useCallback(\n    (newOpen: boolean, reason?: OpenChangeReason) => {\n      if (newOpen) {\n        if (hideTimeoutIdRef.current) {\n          clearTimeout(hideTimeoutIdRef.current);\n          hideTimeoutIdRef.current = null;\n        }\n        setOpen(newOpen, reason);\n      } else if (hideDelay > 0) {\n        hideTimeoutIdRef.current = setTimeout(() => {\n          setOpen(newOpen, reason);\n          hideTimeoutIdRef.current = null;\n        }, hideDelay);\n      } else {\n        setOpen(newOpen, reason);\n      }\n    },\n    [setOpen, hideDelay],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (hideTimeoutIdRef.current) {\n        clearTimeout(hideTimeoutIdRef.current);\n      }\n    };\n  }, []);\n\n  const data = useFloating({\n    open,\n    onOpenChange: (newOpen, _, reason) => handleSetOpen(newOpen, reason),\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      size({\n        apply({ rects, elements }) {\n          const styles: Record<string, string> = {};\n\n          if (!!width) {\n            styles.width = formatWidth(width);\n          } else if (dynamicWidth) {\n            styles.minWidth = `${rects.reference.width}px`;\n\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          } else {\n            if (!!minWidth) {\n              styles.minWidth = formatWidth(minWidth);\n            }\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          }\n\n          Object.assign(elements.floating.style, styles);\n        },\n      }),\n      flip({\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift({ padding: 5, crossAxis: appendTo === APPEND_TO.viewport }),\n      offset({ mainAxis: moveBy?.y, crossAxis: moveBy?.x }),\n    ],\n  });\n\n  const context = data.context;\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context, {\n    outsidePress: event => {\n      if (excludeClass) {\n        const classes = (event.target as Element).classList;\n        return !classes.contains(excludeClass);\n      } else {\n        return true;\n      }\n    },\n  });\n  const role = useRole(context);\n\n  const interactions = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      dataHook,\n      open,\n      setOpen: handleSetOpen,\n      focusManagerEnabled,\n      appendTo,\n      zIndex,\n      ...interactions,\n      ...data,\n    }),\n    [\n      dataHook,\n      open,\n      handleSetOpen,\n      interactions,\n      data,\n      focusManagerEnabled,\n      appendTo,\n      zIndex,\n    ],\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_PopoverNext","_ZIndex","_usePositioning","_useDelayOpen","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","formatWidth","value","concat","usePopover","_ref","dataHook","open","onOpenChange","focusManagerEnabled","appendTo","APPEND_TO","parent","dynamicWidth","zIndex","ZIndex","popover","width","minWidth","maxWidth","excludeClass","moveBy","flip","shouldFlip","placement","fixed","showDelay","hideDelay","timeout","rootRef","isOpen","setIsOpen","styles","delayStyles","useDelayOpen","positioning","usePositioning","data","useFloating","newOpen","_","reason","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","animationFrame","middleware","size","_ref2","rects","elements","reference","assign","floating","style","shift","offset","mainAxis","y","crossAxis","x","context","click","useClick","dismiss","useDismiss","outsidePress","event","classes","target","classList","contains","escapeKey","role","useRole","interactions","useInteractions","useMemo","popoverStyles","floatingStyles","portalRoot"],"sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  size,\n  offset,\n} from '@floating-ui/react';\nimport type { PopoverNextProps } from '../PopoverNext.types';\nimport { APPEND_TO } from '../PopoverNext.constants';\nimport { ZIndex } from '../../common/ZIndex';\nimport { usePositioning } from './usePositioning';\nimport { useDelayOpen } from './useDelayOpen';\nimport { PopoverNextContextValue } from './usePopoverNextContext';\n\nexport type UsePopoverProps = Omit<PopoverNextProps, 'children'> & {\n  rootRef: React.RefObject<HTMLDivElement> | null;\n};\n\nconst formatWidth = (value: string | number): string =>\n  typeof value === 'number' ? `${value}px` : value;\n\ntype UsePopoverReturn = Omit<\n  PopoverNextContextValue,\n  'rootPortal' | 'flip' | 'placement'\n>;\n\nexport function usePopover({\n  dataHook,\n  open = false,\n  onOpenChange,\n  focusManagerEnabled = true,\n  appendTo = APPEND_TO.parent,\n  dynamicWidth = false,\n  zIndex = ZIndex.popover,\n  width,\n  minWidth,\n  maxWidth,\n  excludeClass,\n  moveBy,\n  flip: shouldFlip = true,\n  placement = 'bottom',\n  fixed = false,\n  showDelay,\n  hideDelay,\n  timeout,\n  rootRef,\n}: UsePopoverProps): UsePopoverReturn {\n  const {\n    isOpen,\n    setIsOpen,\n    styles: delayStyles,\n  } = useDelayOpen({ open, onOpenChange, showDelay, hideDelay, timeout });\n  const positioning = usePositioning({\n    flip: shouldFlip,\n    fixed,\n    placement,\n    appendTo,\n    rootRef,\n  });\n\n  const data = useFloating({\n    open,\n    onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),\n    whileElementsMounted: (referenceEl, floatingEl, update) =>\n      autoUpdate(referenceEl, floatingEl, update, {\n        animationFrame: true,\n      }),\n    placement,\n    middleware: [\n      size({\n        apply({ rects, elements }) {\n          const styles: Record<string, string> = {};\n\n          if (!!width) {\n            styles.width = formatWidth(width);\n          } else if (dynamicWidth) {\n            styles.minWidth = `${rects.reference.width}px`;\n\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          } else {\n            if (!!minWidth) {\n              styles.minWidth = formatWidth(minWidth);\n            }\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          }\n\n          Object.assign(elements.floating.style, styles);\n        },\n      }),\n      flip(positioning.flip),\n      shift(positioning.shift),\n      offset({ mainAxis: moveBy?.y, crossAxis: moveBy?.x }),\n    ],\n  });\n\n  const context = data.context;\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context, {\n    outsidePress: event => {\n      if (excludeClass) {\n        const classes = (event.target as Element).classList;\n        return !classes.contains(excludeClass);\n      } else {\n        return true;\n      }\n    },\n    escapeKey: true,\n  });\n\n  const role = useRole(context);\n\n  const interactions = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      appendTo,\n      zIndex,\n      open: isOpen,\n      popoverStyles: {\n        ...context.floatingStyles,\n        ...delayStyles,\n      },\n      portalRoot: positioning.portalRoot,\n    }),\n    [\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      delayStyles,\n      isOpen,\n      zIndex,\n      appendTo,\n      positioning,\n    ],\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/PopoverNext/hooks/usePopoverNextContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_PopoverNext","usePopoverNextContext","context","useContext","PopoverNextContext","Error","exports"],"sources":["../../../../src/PopoverNext/hooks/usePopoverNextContext.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { PopoverNextContext } from '../PopoverNext.context';\nimport { PopoverNextContextValue } from '../PopoverNext.types';\n\nexport const usePopoverNextContext = (): PopoverNextContextValue => {\n  const context = useContext(PopoverNextContext);\n\n  if (context === null) {\n    throw new Error(\n      '<PopoverNext.Trigger /> and <PopoverNext.Content /> components must be wrapped with <PopoverNext />',\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,IAAME,qBAAqB,GAAGA,CAAA,KAA+B;EAClE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EAE9C,IAAIF,OAAO,KAAK,IAAI,EAAE;IACpB,MAAM,IAAIG,KAAK,CACb,qGACF,CAAC;EACH;EAEA,OAAOH,OAAO;AAChB,CAAC;AAACI,OAAA,CAAAL,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_PopoverNext","usePopoverNextContext","context","useContext","PopoverNextContext","Error","exports"],"sources":["../../../../src/PopoverNext/hooks/usePopoverNextContext.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { PopoverNextContext } from '../PopoverNext.context';\nimport type {\n  UseFloatingReturn,\n  UseInteractionsReturn,\n} from '@floating-ui/react';\nimport type { PopoverNextProps } from '../PopoverNext.types';\n\nexport type PopoverNextContextValue = {\n  portalRoot?: HTMLElement | null;\n  interactions: UseInteractionsReturn;\n  popoverStyles: React.CSSProperties;\n  context: UseFloatingReturn['context'];\n} & Pick<PopoverNextProps, 'dataHook' | 'flip' | 'placement' | 'open'> &\n  Required<\n    Pick<PopoverNextProps, 'focusManagerEnabled' | 'appendTo' | 'zIndex'>\n  >;\n\nexport const usePopoverNextContext = (): PopoverNextContextValue => {\n  const context = useContext(PopoverNextContext);\n\n  if (context === null) {\n    throw new Error(\n      '<PopoverNext.Trigger /> and <PopoverNext.Content /> components must be wrapped with <PopoverNext />',\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAiBO,IAAME,qBAAqB,GAAGA,CAAA,KAA+B;EAClE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EAE9C,IAAIF,OAAO,KAAK,IAAI,EAAE;IACpB,MAAM,IAAIG,KAAK,CACb,qGACF,CAAC;EACH;EAEA,OAAOH,OAAO;AAChB,CAAC;AAACI,OAAA,CAAAL,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/PopoverNext/hooks/usePositioning.js

@@ -0,0 +1,62 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePositioning = void 0;
+var _react = require("react");
+var _utils = require("../utils/utils");
+var _PopoverNext = require("../PopoverNext.constants");
+var usePositioning = _ref => {
+  var {
+    flip = true,
+    fixed = false,
+    placement,
+    appendTo,
+    rootRef
+  } = _ref;
+  var [portalRoot, setPortalRoot] = (0, _react.useState)(null);
+
+  // TODO: check if a rerender can be avoided
+  // https://github.com/wix-private/wix-design-systems/pull/14279#discussion_r1842099301
+  (0, _react.useEffect)(() => {
+    if (typeof appendTo === 'function' && rootRef != null && rootRef.current) {
+      var parent = (0, _utils.getByPredicate)(appendTo, rootRef.current);
+      setPortalRoot(parent);
+    } else if (appendTo === _PopoverNext.APPEND_TO.scrollParent && rootRef != null && rootRef.current) {
+      var _parent = (0, _utils.getScrollParent)(rootRef.current);
+      setPortalRoot(_parent);
+    }
+  }, [appendTo, rootRef]);
+  var shouldShiftByCrossAxis = (0, _react.useMemo)(() => {
+    if (typeof appendTo === 'function') {
+      return false;
+    }
+    if (appendTo === _PopoverNext.APPEND_TO.viewport) {
+      return true;
+    }
+    return false;
+  }, [appendTo]);
+  var isMainAxis = placement.includes('left') || placement.includes('right');
+  var fallbackPlacements = (0, _react.useMemo)(() => {
+    if (fixed) {
+      return flip ? undefined : [placement];
+    }
+    return placement === 'bottom' ? ['bottom', 'top'] : undefined;
+  }, [placement, fixed, flip]);
+  return {
+    flip: {
+      fallbackAxisSideDirection: 'end',
+      mainAxis: isMainAxis || flip && !fixed,
+      padding: 5,
+      crossAxis: false,
+      fallbackPlacements
+    },
+    shift: {
+      padding: 5,
+      crossAxis: shouldShiftByCrossAxis,
+      mainAxis: !fixed
+    },
+    portalRoot
+  };
+};
+exports.usePositioning = usePositioning;
+//# sourceMappingURL=usePositioning.js.map

package/dist/cjs/PopoverNext/hooks/usePositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_PopoverNext","usePositioning","_ref","flip","fixed","placement","appendTo","rootRef","portalRoot","setPortalRoot","useState","useEffect","current","parent","getByPredicate","APPEND_TO","scrollParent","getScrollParent","shouldShiftByCrossAxis","useMemo","viewport","isMainAxis","includes","fallbackPlacements","undefined","fallbackAxisSideDirection","mainAxis","padding","crossAxis","shift","exports"],"sources":["../../../../src/PopoverNext/hooks/usePositioning.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport type { UsePopoverProps } from './usePopover';\nimport {\n  type Placement,\n  type FlipOptions,\n  type ShiftOptions,\n} from '@floating-ui/react';\nimport { getByPredicate, getScrollParent } from '../utils/utils';\nimport { APPEND_TO } from '../PopoverNext.constants';\n\ntype UsePositioningProps = Pick<\n  UsePopoverProps,\n  'fixed' | 'flip' | 'appendTo' | 'rootRef'\n> &\n  Required<Pick<UsePopoverProps, 'placement'>>;\n\nexport const usePositioning = ({\n  flip = true,\n  fixed = false,\n  placement,\n  appendTo,\n  rootRef,\n}: UsePositioningProps): {\n  flip: FlipOptions;\n  shift: ShiftOptions;\n  portalRoot: HTMLElement | null;\n} => {\n  const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null);\n\n  // TODO: check if a rerender can be avoided\n  // https://github.com/wix-private/wix-design-systems/pull/14279#discussion_r1842099301\n  useEffect(() => {\n    if (typeof appendTo === 'function' && rootRef?.current) {\n      const parent = getByPredicate(appendTo, rootRef.current);\n      setPortalRoot(parent);\n    } else if (appendTo === APPEND_TO.scrollParent && rootRef?.current) {\n      const parent = getScrollParent(rootRef.current);\n      setPortalRoot(parent);\n    }\n  }, [appendTo, rootRef]);\n\n  const shouldShiftByCrossAxis = useMemo(() => {\n    if (typeof appendTo === 'function') {\n      return false;\n    }\n\n    if (appendTo === APPEND_TO.viewport) {\n      return true;\n    }\n\n    return false;\n  }, [appendTo]);\n\n  const isMainAxis = placement.includes('left') || placement.includes('right');\n\n  const fallbackPlacements: Placement[] | undefined = useMemo(() => {\n    if (fixed) {\n      return flip ? undefined : [placement];\n    }\n\n    return placement === 'bottom' ? ['bottom', 'top'] : undefined;\n  }, [placement, fixed, flip]);\n\n  return {\n    flip: {\n      fallbackAxisSideDirection: 'end',\n      mainAxis: isMainAxis || (flip && !fixed),\n      padding: 5,\n      crossAxis: false,\n      fallbackPlacements,\n    },\n    shift: {\n      padding: 5,\n      crossAxis: shouldShiftByCrossAxis,\n      mainAxis: !fixed,\n    },\n    portalRoot,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAQO,IAAMG,cAAc,GAAGC,IAAA,IAUzB;EAAA,IAV0B;IAC7BC,IAAI,GAAG,IAAI;IACXC,KAAK,GAAG,KAAK;IACbC,SAAS;IACTC,QAAQ;IACRC;EACmB,CAAC,GAAAL,IAAA;EAKpB,IAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAqB,IAAI,CAAC;;EAEtE;EACA;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,OAAOL,QAAQ,KAAK,UAAU,IAAIC,OAAO,YAAPA,OAAO,CAAEK,OAAO,EAAE;MACtD,IAAMC,MAAM,GAAG,IAAAC,qBAAc,EAACR,QAAQ,EAAEC,OAAO,CAACK,OAAO,CAAC;MACxDH,aAAa,CAACI,MAAM,CAAC;IACvB,CAAC,MAAM,IAAIP,QAAQ,KAAKS,sBAAS,CAACC,YAAY,IAAIT,OAAO,YAAPA,OAAO,CAAEK,OAAO,EAAE;MAClE,IAAMC,OAAM,GAAG,IAAAI,sBAAe,EAACV,OAAO,CAACK,OAAO,CAAC;MAC/CH,aAAa,CAACI,OAAM,CAAC;IACvB;EACF,CAAC,EAAE,CAACP,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAEvB,IAAMW,sBAAsB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC3C,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;MAClC,OAAO,KAAK;IACd;IAEA,IAAIA,QAAQ,KAAKS,sBAAS,CAACK,QAAQ,EAAE;MACnC,OAAO,IAAI;IACb;IAEA,OAAO,KAAK;EACd,CAAC,EAAE,CAACd,QAAQ,CAAC,CAAC;EAEd,IAAMe,UAAU,GAAGhB,SAAS,CAACiB,QAAQ,CAAC,MAAM,CAAC,IAAIjB,SAAS,CAACiB,QAAQ,CAAC,OAAO,CAAC;EAE5E,IAAMC,kBAA2C,GAAG,IAAAJ,cAAO,EAAC,MAAM;IAChE,IAAIf,KAAK,EAAE;MACT,OAAOD,IAAI,GAAGqB,SAAS,GAAG,CAACnB,SAAS,CAAC;IACvC;IAEA,OAAOA,SAAS,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAGmB,SAAS;EAC/D,CAAC,EAAE,CAACnB,SAAS,EAAED,KAAK,EAAED,IAAI,CAAC,CAAC;EAE5B,OAAO;IACLA,IAAI,EAAE;MACJsB,yBAAyB,EAAE,KAAK;MAChCC,QAAQ,EAAEL,UAAU,IAAKlB,IAAI,IAAI,CAACC,KAAM;MACxCuB,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,KAAK;MAChBL;IACF,CAAC;IACDM,KAAK,EAAE;MACLF,OAAO,EAAE,CAAC;MACVC,SAAS,EAAEV,sBAAsB;MACjCQ,QAAQ,EAAE,CAACtB;IACb,CAAC;IACDI;EACF,CAAC;AACH,CAAC;AAACsB,OAAA,CAAA7B,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/PopoverNext/utils/utils.js

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getScrollParent = exports.getByPredicate = void 0;
+var getStyleComputedProperty = element => {
+  // NOTE: 1 DOM access here
+  var window = element.ownerDocument.defaultView;
+  // @ts-ignore
+  return window.getComputedStyle(element, null);
+};
+var getParentNode = element => {
+  if (element.nodeName === 'HTML') {
+    return element;
+  }
+  // @ts-ignore
+  return element.parentNode || element.host;
+};
+var getScrollParent = element => {
+  // Return body, `getScroll` will take care to get the correct `scrollTop` from it
+  if (!element) {
+    return document.body;
+  }
+  switch (element.nodeName) {
+    case 'HTML':
+    case 'BODY':
+      return element.ownerDocument.body;
+    case '#document':
+      // @ts-ignore
+      return element.body;
+    default:
+  }
+
+  // Firefox want us to check `-x` and `-y` variations as well
+  var {
+    overflow,
+    overflowX,
+    overflowY
+  } = getStyleComputedProperty(element);
+  if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
+    return element;
+  }
+  return getScrollParent(getParentNode(element));
+};
+exports.getScrollParent = getScrollParent;
+var getByPredicate = (predicate, element) => {
+  if (!element) {
+    return null;
+  }
+  if (element.nodeName === 'HTML') {
+    return element;
+  }
+  if (predicate(element)) {
+    return element;
+  }
+  return getByPredicate(predicate, getParentNode(element));
+};
+exports.getByPredicate = getByPredicate;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStyleComputedProperty","element","window","ownerDocument","defaultView","getComputedStyle","getParentNode","nodeName","parentNode","host","getScrollParent","document","body","overflow","overflowX","overflowY","test","exports","getByPredicate","predicate"],"sources":["../../../../src/PopoverNext/utils/utils.ts"],"sourcesContent":["import type { Predicate } from '../PopoverNext.types';\n\nconst getStyleComputedProperty = (element: HTMLElement) => {\n  // NOTE: 1 DOM access here\n  const window = element.ownerDocument.defaultView;\n  // @ts-ignore\n  return window.getComputedStyle(element, null);\n};\n\nconst getParentNode = (element: HTMLElement): HTMLElement => {\n  if (element.nodeName === 'HTML') {\n    return element;\n  }\n  // @ts-ignore\n  return element.parentNode || element.host;\n};\n\nexport const getScrollParent = (element?: HTMLElement): HTMLElement => {\n  // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n  if (!element) {\n    return document.body;\n  }\n\n  switch (element.nodeName) {\n    case 'HTML':\n    case 'BODY':\n      return element.ownerDocument.body;\n    case '#document':\n      // @ts-ignore\n      return element.body;\n    default:\n  }\n\n  // Firefox want us to check `-x` and `-y` variations as well\n  const { overflow, overflowX, overflowY } = getStyleComputedProperty(element);\n  if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {\n    return element;\n  }\n\n  return getScrollParent(getParentNode(element));\n};\n\nexport const getByPredicate = (\n  predicate: Predicate,\n  element?: HTMLElement,\n): HTMLElement | null => {\n  if (!element) {\n    return null;\n  }\n\n  if (element.nodeName === 'HTML') {\n    return element;\n  }\n\n  if (predicate(element)) {\n    return element;\n  }\n  return getByPredicate(predicate, getParentNode(element));\n};\n"],"mappings":";;;;AAEA,IAAMA,wBAAwB,GAAIC,OAAoB,IAAK;EACzD;EACA,IAAMC,MAAM,GAAGD,OAAO,CAACE,aAAa,CAACC,WAAW;EAChD;EACA,OAAOF,MAAM,CAACG,gBAAgB,CAACJ,OAAO,EAAE,IAAI,CAAC;AAC/C,CAAC;AAED,IAAMK,aAAa,GAAIL,OAAoB,IAAkB;EAC3D,IAAIA,OAAO,CAACM,QAAQ,KAAK,MAAM,EAAE;IAC/B,OAAON,OAAO;EAChB;EACA;EACA,OAAOA,OAAO,CAACO,UAAU,IAAIP,OAAO,CAACQ,IAAI;AAC3C,CAAC;AAEM,IAAMC,eAAe,GAAIT,OAAqB,IAAkB;EACrE;EACA,IAAI,CAACA,OAAO,EAAE;IACZ,OAAOU,QAAQ,CAACC,IAAI;EACtB;EAEA,QAAQX,OAAO,CAACM,QAAQ;IACtB,KAAK,MAAM;IACX,KAAK,MAAM;MACT,OAAON,OAAO,CAACE,aAAa,CAACS,IAAI;IACnC,KAAK,WAAW;MACd;MACA,OAAOX,OAAO,CAACW,IAAI;IACrB;EACF;;EAEA;EACA,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGf,wBAAwB,CAACC,OAAO,CAAC;EAC5E,IAAI,uBAAuB,CAACe,IAAI,CAACH,QAAQ,GAAGE,SAAS,GAAGD,SAAS,CAAC,EAAE;IAClE,OAAOb,OAAO;EAChB;EAEA,OAAOS,eAAe,CAACJ,aAAa,CAACL,OAAO,CAAC,CAAC;AAChD,CAAC;AAACgB,OAAA,CAAAP,eAAA,GAAAA,eAAA;AAEK,IAAMQ,cAAc,GAAGA,CAC5BC,SAAoB,EACpBlB,OAAqB,KACE;EACvB,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,IAAIA,OAAO,CAACM,QAAQ,KAAK,MAAM,EAAE;IAC/B,OAAON,OAAO;EAChB;EAEA,IAAIkB,SAAS,CAAClB,OAAO,CAAC,EAAE;IACtB,OAAOA,OAAO;EAChB;EACA,OAAOiB,cAAc,CAACC,SAAS,EAAEb,aAAa,CAACL,OAAO,CAAC,CAAC;AAC1D,CAAC;AAACgB,OAAA,CAAAC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/PopoverNext/utils/utils.spec.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _utils = require("./utils");
+describe('utils', () => {
+  describe('getScrollParent', () => {
+    afterEach(() => {
+      document.body.innerHTML = '';
+    });
+    it('should return the nearest scrollable parent', () => {
+      document.body.innerHTML = '<div data-hook="inner">' + '  <div data-hook="scrollable" style="overflow: auto;">' + '    <button id="button"></button>' + '  </div>' + '</div>';
+      var button = document.getElementById('button');
+      var scrollableDiv = document.querySelector('[data-hook="scrollable"]');
+      var result = (0, _utils.getScrollParent)(button);
+      expect(result).toBe(scrollableDiv);
+    });
+    it('should return the body if no scrollable parent is found', () => {
+      document.body.innerHTML = '<div data-hook="inner">' + '  <div data-hook="scrollable">' + '    <button id="button"></button>' + '  </div>' + '</div>';
+      var button = document.getElementById('button');
+      var result = (0, _utils.getScrollParent)(button);
+      expect(result).toBe(document.body);
+    });
+  });
+  describe('getByPredicate', () => {
+    afterEach(() => {
+      document.body.innerHTML = '';
+    });
+    it('should return the element that matches the predicate', () => {
+      document.body.innerHTML = "\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      ";
+      var element = document.getElementById('child2');
+      var predicate = el => el.id === 'root';
+      var result = (0, _utils.getByPredicate)(predicate, element);
+      expect(result).not.toBeNull();
+      expect(result == null ? void 0 : result.id).toBe('root');
+    });
+    it('should return null if no element matches the predicate', () => {
+      document.body.innerHTML = "\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      ";
+      var element = document.getElementById('child4');
+      var predicate = el => el.id === 'root';
+      var result = (0, _utils.getByPredicate)(predicate, element);
+      expect(result).toBeNull();
+    });
+    it('should return the root element if it matches the predicate', () => {
+      document.body.innerHTML = "\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      ";
+      var element = document.getElementById('child2');
+      var predicate = el => el.id === 'child2';
+      var result = (0, _utils.getByPredicate)(predicate, element);
+      expect(result).not.toBeNull();
+      expect(result == null ? void 0 : result.id).toBe('child2');
+    });
+    it('should return the html element if no matches found', () => {
+      document.body.innerHTML = "\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      ";
+      var element = document.getElementById('child2');
+      var predicate = el => el.id === 'child4';
+      var result = (0, _utils.getByPredicate)(predicate, element);
+      expect(result).not.toBeNull();
+      expect(result == null ? void 0 : result.nodeName).toBe('HTML');
+    });
+  });
+});
+//# sourceMappingURL=utils.spec.js.map

package/dist/cjs/PopoverNext/utils/utils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","describe","afterEach","document","body","innerHTML","it","button","getElementById","scrollableDiv","querySelector","result","getScrollParent","expect","toBe","element","predicate","el","id","getByPredicate","not","toBeNull","nodeName"],"sources":["../../../../src/PopoverNext/utils/utils.spec.ts"],"sourcesContent":["import { getByPredicate, getScrollParent } from './utils';\n\ndescribe('utils', () => {\n  describe('getScrollParent', () => {\n    afterEach(() => {\n      document.body.innerHTML = '';\n    });\n\n    it('should return the nearest scrollable parent', () => {\n      document.body.innerHTML =\n        '<div data-hook=\"inner\">' +\n        '  <div data-hook=\"scrollable\" style=\"overflow: auto;\">' +\n        '    <button id=\"button\"></button>' +\n        '  </div>' +\n        '</div>';\n\n      const button = document.getElementById('button') as HTMLElement;\n      const scrollableDiv = document.querySelector(\n        '[data-hook=\"scrollable\"]',\n      ) as HTMLElement;\n\n      const result = getScrollParent(button);\n\n      expect(result).toBe(scrollableDiv);\n    });\n\n    it('should return the body if no scrollable parent is found', () => {\n      document.body.innerHTML =\n        '<div data-hook=\"inner\">' +\n        '  <div data-hook=\"scrollable\">' +\n        '    <button id=\"button\"></button>' +\n        '  </div>' +\n        '</div>';\n\n      const button = document.getElementById('button') as HTMLElement;\n\n      const result = getScrollParent(button);\n\n      expect(result).toBe(document.body);\n    });\n  });\n\n  describe('getByPredicate', () => {\n    afterEach(() => {\n      document.body.innerHTML = '';\n    });\n\n    it('should return the element that matches the predicate', () => {\n      document.body.innerHTML = `\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      `;\n\n      const element = document.getElementById('child2') as HTMLElement;\n      const predicate = (el: HTMLElement) => el.id === 'root';\n\n      const result = getByPredicate(predicate, element);\n\n      expect(result).not.toBeNull();\n      expect(result?.id).toBe('root');\n    });\n    it('should return null if no element matches the predicate', () => {\n      document.body.innerHTML = `\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      `;\n\n      const element = document.getElementById('child4') as HTMLElement;\n      const predicate = (el: HTMLElement) => el.id === 'root';\n\n      const result = getByPredicate(predicate, element);\n\n      expect(result).toBeNull();\n    });\n\n    it('should return the root element if it matches the predicate', () => {\n      document.body.innerHTML = `\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      `;\n\n      const element = document.getElementById('child2') as HTMLElement;\n      const predicate = (el: HTMLElement) => el.id === 'child2';\n\n      const result = getByPredicate(predicate, element);\n\n      expect(result).not.toBeNull();\n      expect(result?.id).toBe('child2');\n    });\n\n    it('should return the html element if no matches found', () => {\n      document.body.innerHTML = `\n        <div id=\"root\">\n          <div class=\"child\" id=\"child1\"></div>\n          <div class=\"child\" id=\"child2\"></div>\n          <div class=\"child\" id=\"child3\"></div>\n        </div>\n      `;\n\n      const element = document.getElementById('child2') as HTMLElement;\n      const predicate = (el: HTMLElement) => el.id === 'child4';\n\n      const result = getByPredicate(predicate, element);\n\n      expect(result).not.toBeNull();\n      expect(result?.nodeName).toBe('HTML');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_PreviewWidget";
+var _namespace_ = "wds_1_160_0_PreviewWidget";
 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_158_0_PreviewWidget__root","contentArea":"wds_1_158_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_160_0_PreviewWidget__root","contentArea":"wds_1_160_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_Proportion";
+var _namespace_ = "wds_1_160_0_Proportion";
 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_158_0_Proportion__root","ratioHolder":"wds_1_158_0_Proportion__ratioHolder","contentWrapper":"wds_1_158_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_160_0_Proportion__root","ratioHolder":"wds_1_160_0_Proportion__ratioHolder","contentWrapper":"wds_1_160_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_PulseAnimation";
+var _namespace_ = "wds_1_160_0_PulseAnimation";
 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_158_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_158_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_158_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_158_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_158_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_158_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_158_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_158_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_158_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_160_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_160_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_160_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_160_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_160_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_160_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_160_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_160_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_160_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_RadarChart";
+var _namespace_ = "wds_1_160_0_RadarChart";
 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_158_0_RadarChart__root","text-tiny-thin":"wds_1_158_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_158_0_StylableTypography__text-small-thin","axis":"wds_1_158_0_RadarChart__axis","axisLabel":"wds_1_158_0_RadarChart__axisLabel","circles":"wds_1_158_0_RadarChart__circles","scaleLabel":"wds_1_158_0_RadarChart__scaleLabel","dataPoint":"wds_1_158_0_RadarChart__dataPoint","tooltip":"wds_1_158_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_160_0_RadarChart__root","text-tiny-thin":"wds_1_160_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_160_0_StylableTypography__text-small-thin","axis":"wds_1_160_0_RadarChart__axis","axisLabel":"wds_1_160_0_RadarChart__axisLabel","circles":"wds_1_160_0_RadarChart__circles","scaleLabel":"wds_1_160_0_RadarChart__scaleLabel","dataPoint":"wds_1_160_0_RadarChart__dataPoint","tooltip":"wds_1_160_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_Radio";
+var _namespace_ = "wds_1_160_0_Radio";
 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_158_0_Radio__root","input":"wds_1_158_0_Radio__input","icon":"wds_1_158_0_Radio__icon","label":"wds_1_158_0_Radio__label","labelText":"wds_1_158_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_160_0_Radio__root","input":"wds_1_160_0_Radio__input","icon":"wds_1_160_0_Radio__icon","label":"wds_1_160_0_Radio__label","labelText":"wds_1_160_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_RadioGroup";
+var _namespace_ = "wds_1_160_0_RadioGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_158_0_RadioGroup__root","mobile":"wds_1_158_0_WixDesignSystemProvider__mobile","radio":"wds_1_158_0_RadioGroup__radio","radioContainer":"wds_1_158_0_RadioGroup__radioContainer","optionContainer":"wds_1_158_0_RadioGroup__optionContainer","content":"wds_1_158_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_160_0_RadioGroup__root","mobile":"wds_1_160_0_WixDesignSystemProvider__mobile","radio":"wds_1_160_0_RadioGroup__radio","radioContainer":"wds_1_160_0_RadioGroup__radioContainer","optionContainer":"wds_1_160_0_RadioGroup__optionContainer","content":"wds_1_160_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_Range";
+var _namespace_ = "wds_1_160_0_Range";
 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_158_0_Range__root","firstinput":"wds_1_158_0_Range__firstinput","firstDate":"wds_1_158_0_Range__firstDate","lastinput":"wds_1_158_0_Range__lastinput","lastDate":"wds_1_158_0_Range__lastDate","label":"wds_1_158_0_Range__label","inputWrapper":"wds_1_158_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_160_0_Range__root","firstinput":"wds_1_160_0_Range__firstinput","firstDate":"wds_1_160_0_Range__firstDate","lastinput":"wds_1_160_0_Range__lastinput","lastDate":"wds_1_160_0_Range__lastDate","label":"wds_1_160_0_Range__label","inputWrapper":"wds_1_160_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_158_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_160_0_RichTextInputAreaForm";
 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_158_0_RichTextInputAreaForm__root","footer":"wds_1_158_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_160_0_RichTextInputAreaForm__root","footer":"wds_1_160_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_RichTextInputArea";
+var _namespace_ = "wds_1_160_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_158_0_RichTextInputArea__root","text-medium-thin":"wds_1_158_0_StylableTypography__text-medium-thin","font-medium":"wds_1_158_0_RichTextInputArea__font-medium","link":"wds_1_158_0_RichTextInputArea__link","toolbar":"wds_1_158_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_158_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_158_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_160_0_RichTextInputArea__root","text-medium-thin":"wds_1_160_0_StylableTypography__text-medium-thin","font-medium":"wds_1_160_0_RichTextInputArea__font-medium","link":"wds_1_160_0_RichTextInputArea__link","toolbar":"wds_1_160_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_160_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_160_0_RichTextInputArea__statusIndicator"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #C1E4FE))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #EE5951))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FDB10C))"}; 
-module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_158_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_158_0_RichTextInputArea-maxHeight"}; 
+module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_160_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_160_0_RichTextInputArea-maxHeight"}; 
 
 
 

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_158_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_160_0_RichTextToolbarButton";
 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_158_0_RichTextToolbarButton__root","button":"wds_1_158_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_160_0_RichTextToolbarButton__root","button":"wds_1_160_0_RichTextToolbarButton__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_Search";
+var _namespace_ = "wds_1_160_0_Search";
 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_158_0_Search__root","content":"wds_1_158_0_Search__content"};
+module.exports.classes = {"root":"wds_1_160_0_Search__root","content":"wds_1_160_0_Search__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_SectionHeader";
+var _namespace_ = "wds_1_160_0_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_158_0_SectionHeader__root","title":"wds_1_158_0_SectionHeader__title","titleText":"wds_1_158_0_SectionHeader__titleText","suffix":"wds_1_158_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_160_0_SectionHeader__root","title":"wds_1_160_0_SectionHeader__title","titleText":"wds_1_160_0_SectionHeader__titleText","suffix":"wds_1_160_0_SectionHeader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_158_0_SectionHeader-color-bg","color-border":"--wds_1_158_0_SectionHeader-color-border"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_160_0_SectionHeader-color-bg","color-border":"--wds_1_160_0_SectionHeader-color-border"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_SectionHelper";
+var _namespace_ = "wds_1_160_0_SectionHelper";
 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_158_0_SectionHelper__root","content":"wds_1_158_0_SectionHelper__content","close":"wds_1_158_0_SectionHelper__close","prefix":"wds_1_158_0_SectionHelper__prefix","textContainer":"wds_1_158_0_SectionHelper__textContainer","title":"wds_1_158_0_SectionHelper__title","action":"wds_1_158_0_SectionHelper__action","text":"wds_1_158_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_160_0_SectionHelper__root","content":"wds_1_160_0_SectionHelper__content","close":"wds_1_160_0_SectionHelper__close","prefix":"wds_1_160_0_SectionHelper__prefix","textContainer":"wds_1_160_0_SectionHelper__textContainer","title":"wds_1_160_0_SectionHelper__title","action":"wds_1_160_0_SectionHelper__action","text":"wds_1_160_0_SectionHelper__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_158_0_SegmentedToggle";
+var _namespace_ = "wds_1_160_0_SegmentedToggle";
 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_158_0_SegmentedToggle__root","divider":"wds_1_158_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_160_0_SegmentedToggle__root","divider":"wds_1_160_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};