@wix/design-system 1.161.0 → 1.162.0

package/dist/cjs/PopoverNext/PopoverNext.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextDriverFactory","base","body","getRoot","_ref","_asyncToGenerator2","isBaseRoot","attr","$","getRootDataHook","_ref2","getTrigger","_ref3","dataHook","getByHook","concat","getContent","_ref4","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","mouseEnter","_mouseEnter","root","hover","mouseLeave","_mouseLeave","mouse","leave","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n};\n\nexport const popoverNextDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getRoot = async () => {\n    const isBaseRoot = !!(await base.attr('data-popover-root'));\n    return isBaseRoot ? base : await base.$('[data-popover-root]');\n  };\n\n  const getRootDataHook = async () => (await getRoot()).attr('data-hook');\n\n  const getTrigger = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n\n    /**\n     * Triggers a mouseEnter event\n     * @returns {Promise<void>}\n     */\n    mouseEnter: async () => {\n      const root = await getRoot();\n      return root.hover();\n    },\n\n    /**\n     * Triggers a mouseLeave event\n     * @returns {Promise<void>}\n     */\n    mouseLeave: async () => {\n      const root = await getRoot();\n      return root.mouse.leave();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextUniDriverFactory","base","body","getRoot","_ref","_asyncToGenerator2","isBaseRoot","attr","$","getRootDataHook","_ref2","getTrigger","_ref3","dataHook","getByHook","concat","getContent","_ref4","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","mouseEnter","_mouseEnter","root","hover","mouseLeave","_mouseLeave","mouse","leave","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n};\n\nexport const popoverNextUniDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getRoot = async () => {\n    const isBaseRoot = !!(await base.attr('data-popover-root'));\n    return isBaseRoot ? base : await base.$('[data-popover-root]');\n  };\n\n  const getRootDataHook = async () => (await getRoot()).attr('data-hook');\n\n  const getTrigger = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n\n    /**\n     * Triggers a mouseEnter event\n     * @returns {Promise<void>}\n     */\n    mouseEnter: async () => {\n      const root = await getRoot();\n      return root.hover();\n    },\n\n    /**\n     * Triggers a mouseLeave event\n     * @returns {Promise<void>}\n     */\n    mouseLeave: async () => {\n      const root = await getRoot();\n      return root.mouse.leave();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_161_0_PopoverNextContent";
+var _namespace_ = "wds_1_162_0_PopoverNextContent";
 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_161_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_162_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/components/Trigger/Trigger.js

@@ -5,27 +5,32 @@ exports.__esModule = true;
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _mergeRefs = require("../../../utils/mergeRefs");
 var _usePopoverNextContext = require("../../hooks/usePopoverNextContext");
+var _mergeRefs = require("../../../utils/mergeRefs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTrigger(_ref, propRef) {
+var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTriggerWrapper(_ref, propRef) {
   var {
-    children
+    children: triggerElement
   } = _ref;
   var {
     dataHook,
     context,
     interactions
   } = (0, _usePopoverNextContext.usePopoverNextContext)();
-  if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
+  if (! /*#__PURE__*/(0, _react.isValidElement)(triggerElement)) {
     throw new Error('<PopoverNext.Trigger /> children must be a valid React element');
   }
-  var ref = (0, _mergeRefs.mergeRefs)(context == null ? void 0 : context.refs.setReference, propRef, children.ref);
-  return /*#__PURE__*/(0, _react.cloneElement)(children, interactions.getReferenceProps(_objectSpread(_objectSpread({}, children.props), {}, {
+  var ref = (0, _mergeRefs.mergeRefs)(context == null ? void 0 : context.refs.setReference, propRef, triggerElement.ref);
+  var referenceProps = interactions.getReferenceProps(_objectSpread(_objectSpread({}, triggerElement.props), {}, {
     ref,
     'data-hook': "".concat(dataHook, "-trigger")
-  })));
+  }));
+  return /*#__PURE__*/(0, _react.cloneElement)(triggerElement, //@ts-ignore TODO: this overrides onKeyDown for DatePicker,
+  // to allow entering white space inside input
+  _objectSpread(_objectSpread({}, referenceProps), {}, {
+    onKeyDown: undefined
+  }));
 });
 var _default = exports.default = Trigger;
 //# sourceMappingURL=Trigger.js.map

package/dist/cjs/PopoverNext/components/Trigger/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mergeRefs","_usePopoverNextContext","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTrigger","_ref","propRef","children","dataHook","context","interactions","usePopoverNextContext","isValidElement","Error","ref","mergeRefs","refs","setReference","cloneElement","getReferenceProps","props","concat","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTrigger({ children }, propRef) {\n    const { dataHook, context, interactions } = usePopoverNextContext();\n\n    if (!isValidElement(children)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element',\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (children as any).ref,\n    );\n\n    return cloneElement(\n      children,\n      interactions.getReferenceProps({\n        ...children.props,\n        ref,\n        'data-hook': `${dataHook}-trigger`,\n      }),\n    );\n  },\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAA0E,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAG1E,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,cAAcA,CAAAC,IAAA,EAAeC,OAAO,EAAE;EAAA,IAAvB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClC,IAAM;IAAEG,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEnE,IAAI,eAAC,IAAAC,qBAAc,EAACL,QAAQ,CAAC,EAAE;IAC7B,MAAM,IAAIM,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBN,OAAO,oBAAPA,OAAO,CAAEO,IAAI,CAACC,YAAY,EAC1BX,OAAO,EACNC,QAAQ,CAASO,GACpB,CAAC;EAED,oBAAO,IAAAI,mBAAY,EACjBX,QAAQ,EACRG,YAAY,CAACS,iBAAiB,CAAA1B,aAAA,CAAAA,aAAA,KACzBc,QAAQ,CAACa,KAAK;IACjBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKb,QAAQ;EAAU,EACnC,CACH,CAAC;AACH,CACF,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaI,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","require","_usePopoverNextContext","_mergeRefs","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTriggerWrapper","_ref","propRef","children","triggerElement","dataHook","context","interactions","usePopoverNextContext","isValidElement","Error","ref","mergeRefs","refs","setReference","referenceProps","getReferenceProps","props","concat","cloneElement","onKeyDown","undefined","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTriggerWrapper({ children: triggerElement }, propRef) {\n    const { dataHook, context, interactions } = usePopoverNextContext();\n\n    if (!isValidElement(triggerElement)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element'\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (triggerElement as any).ref\n    );\n\n    const referenceProps = interactions.getReferenceProps({\n      ...triggerElement.props,\n      ref,\n      'data-hook': `${dataHook}-trigger`,\n    });\n\n    return cloneElement(\n      triggerElement,\n      //@ts-ignore TODO: this overrides onKeyDown for DatePicker,\n      // to allow entering white space inside input\n      { ...referenceProps, onKeyDown: undefined }\n    );\n  }\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAAqD,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAErD,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,qBAAqBA,CAAAC,IAAA,EAA+BC,OAAO,EAAE;EAAA,IAAvC;IAAEC,QAAQ,EAAEC;EAAe,CAAC,GAAAH,IAAA;EACzD,IAAM;IAAEI,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEnE,IAAI,eAAC,IAAAC,qBAAc,EAACL,cAAc,CAAC,EAAE;IACnC,MAAM,IAAIM,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBN,OAAO,oBAAPA,OAAO,CAAEO,IAAI,CAACC,YAAY,EAC1BZ,OAAO,EACNE,cAAc,CAASO,GAC1B,CAAC;EAED,IAAMI,cAAc,GAAGR,YAAY,CAACS,iBAAiB,CAAA3B,aAAA,CAAAA,aAAA,KAChDe,cAAc,CAACa,KAAK;IACvBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKb,QAAQ;EAAU,EACnC,CAAC;EAEF,oBAAO,IAAAc,mBAAY,EACjBf,cAAc,EACd;EACA;EAAAf,aAAA,CAAAA,aAAA,KACK0B,cAAc;IAAEK,SAAS,EAAEC;EAAS,EAC3C,CAAC;AACH,CACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaI,OAAO","ignoreList":[]}

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

@@ -7,6 +7,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * usePopover open with delay hook.
+ * TODO: Needs handling open prop changes.
+ */
 var useDelayOpen = _ref => {
   var {
     open,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\n/**\n * usePopover open with delay hook.\n * TODO: Needs handling open prop changes.\n */\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,6 @@ var _react2 = require("@floating-ui/react");
 var _PopoverNext = require("../PopoverNext.constants");
 var _ZIndex = require("../../common/ZIndex");
 var _usePositioning = require("./usePositioning");
-var _useDelayOpen = require("./useDelayOpen");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatWidth = value => typeof value === 'number' ? "".concat(value, "px") : value;
@@ -17,7 +16,7 @@ function usePopover(_ref) {
   var {
     dataHook,
     open = false,
-    onOpenChange,
+    onOpenChange: _onOpenChange,
     focusManagerEnabled = true,
     appendTo = _PopoverNext.APPEND_TO.parent,
     dynamicWidth = false,
@@ -30,22 +29,8 @@ function usePopover(_ref) {
     flip: shouldFlip = true,
     placement = 'bottom',
     fixed = false,
-    showDelay,
-    hideDelay,
-    timeout,
     rootRef
   } = _ref;
-  var {
-    isOpen,
-    setIsOpen,
-    styles: delayStyles
-  } = (0, _useDelayOpen.useDelayOpen)({
-    open,
-    onOpenChange,
-    showDelay,
-    hideDelay,
-    timeout
-  });
   var positioning = (0, _usePositioning.usePositioning)({
     flip: shouldFlip,
     fixed,
@@ -55,7 +40,7 @@ function usePopover(_ref) {
   });
   var data = (0, _react2.useFloating)({
     open,
-    onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),
+    onOpenChange: (newOpen, _, reason) => _onOpenChange(newOpen, reason),
     whileElementsMounted: (referenceEl, floatingEl, update) => (0, _react2.autoUpdate)(referenceEl, floatingEl, update, {
       animationFrame: true
     }),
@@ -111,9 +96,9 @@ function usePopover(_ref) {
     context,
     appendTo,
     zIndex,
-    open: isOpen,
-    popoverStyles: _objectSpread(_objectSpread({}, context.floatingStyles), delayStyles),
+    open,
+    popoverStyles: _objectSpread({}, context.floatingStyles),
     portalRoot: positioning.portalRoot
-  }), [dataHook, focusManagerEnabled, interactions, context, delayStyles, isOpen, zIndex, appendTo, positioning]);
+  }), [dataHook, focusManagerEnabled, interactions, context, open, zIndex, appendTo, positioning]);
 }
 //# sourceMappingURL=usePopover.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","require","_react2","_PopoverNext","_ZIndex","_usePositioning","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","rootRef","positioning","usePositioning","data","useFloating","newOpen","_","reason","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","animationFrame","middleware","size","_ref2","rects","elements","styles","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 { 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  rootRef,\n}: UsePopoverProps): UsePopoverReturn {\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) => onOpenChange(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,\n      popoverStyles: {\n        ...context.floatingStyles,\n      },\n      portalRoot: positioning.portalRoot,\n    }),\n    [\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      open,\n      zIndex,\n      appendTo,\n      positioning,\n    ],\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAaA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAAkD,SAAAK,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAOlD,IAAMqB,WAAW,GAAIC,KAAsB,IACzC,OAAOA,KAAK,KAAK,QAAQ,MAAAC,MAAA,CAAMD,KAAK,UAAOA,KAAK;AAO3C,SAASE,UAAUA,CAAAC,IAAA,EAiBY;EAAA,IAjBX;IACzBC,QAAQ;IACRC,IAAI,GAAG,KAAK;IACZC,YAAY,EAAZA,aAAY;IACZC,mBAAmB,GAAG,IAAI;IAC1BC,QAAQ,GAAGC,sBAAS,CAACC,MAAM;IAC3BC,YAAY,GAAG,KAAK;IACpBC,MAAM,GAAGC,cAAM,CAACC,OAAO;IACvBC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,MAAM;IACNC,IAAI,EAAEC,UAAU,GAAG,IAAI;IACvBC,SAAS,GAAG,QAAQ;IACpBC,KAAK,GAAG,KAAK;IACbC;EACe,CAAC,GAAArB,IAAA;EAChB,IAAMsB,WAAW,GAAG,IAAAC,8BAAc,EAAC;IACjCN,IAAI,EAAEC,UAAU;IAChBE,KAAK;IACLD,SAAS;IACTd,QAAQ;IACRgB;EACF,CAAC,CAAC;EAEF,IAAMG,IAAI,GAAG,IAAAC,mBAAW,EAAC;IACvBvB,IAAI;IACJC,YAAY,EAAEA,CAACuB,OAAO,EAAEC,CAAC,EAAEC,MAAM,KAAKzB,aAAY,CAACuB,OAAO,EAAEE,MAAM,CAAC;IACnEC,oBAAoB,EAAEA,CAACC,WAAW,EAAEC,UAAU,EAAEC,MAAM,KACpD,IAAAC,kBAAU,EAACH,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;MAC1CE,cAAc,EAAE;IAClB,CAAC,CAAC;IACJf,SAAS;IACTgB,UAAU,EAAE,CACV,IAAAC,YAAI,EAAC;MACHlD,KAAKA,CAAAmD,KAAA,EAAsB;QAAA,IAArB;UAAEC,KAAK;UAAEC;QAAS,CAAC,GAAAF,KAAA;QACvB,IAAMG,MAA8B,GAAG,CAAC,CAAC;QAEzC,IAAI,CAAC,CAAC5B,KAAK,EAAE;UACX4B,MAAM,CAAC5B,KAAK,GAAGhB,WAAW,CAACgB,KAAK,CAAC;QACnC,CAAC,MAAM,IAAIJ,YAAY,EAAE;UACvBgC,MAAM,CAAC3B,QAAQ,MAAAf,MAAA,CAAMwC,KAAK,CAACG,SAAS,CAAC7B,KAAK,OAAI;UAE9C,IAAI,CAAC,CAACE,QAAQ,EAAE;YACd0B,MAAM,CAAC1B,QAAQ,GAAGlB,WAAW,CAACkB,QAAQ,CAAC;UACzC;QACF,CAAC,MAAM;UACL,IAAI,CAAC,CAACD,QAAQ,EAAE;YACd2B,MAAM,CAAC3B,QAAQ,GAAGjB,WAAW,CAACiB,QAAQ,CAAC;UACzC;UACA,IAAI,CAAC,CAACC,QAAQ,EAAE;YACd0B,MAAM,CAAC1B,QAAQ,GAAGlB,WAAW,CAACkB,QAAQ,CAAC;UACzC;QACF;QAEApC,MAAM,CAACgE,MAAM,CAACH,QAAQ,CAACI,QAAQ,CAACC,KAAK,EAAEJ,MAAM,CAAC;MAChD;IACF,CAAC,CAAC,EACF,IAAAvB,YAAI,EAACK,WAAW,CAACL,IAAI,CAAC,EACtB,IAAA4B,aAAK,EAACvB,WAAW,CAACuB,KAAK,CAAC,EACxB,IAAAC,cAAM,EAAC;MAAEC,QAAQ,EAAE/B,MAAM,oBAANA,MAAM,CAAEgC,CAAC;MAAEC,SAAS,EAAEjC,MAAM,oBAANA,MAAM,CAAEkC;IAAE,CAAC,CAAC;EAEzD,CAAC,CAAC;EAEF,IAAMC,OAAO,GAAG3B,IAAI,CAAC2B,OAAO;EAE5B,IAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAACF,OAAO,CAAC;EAC/B,IAAMG,OAAO,GAAG,IAAAC,kBAAU,EAACJ,OAAO,EAAE;IAClCK,YAAY,EAAEC,KAAK,IAAI;MACrB,IAAI1C,YAAY,EAAE;QAChB,IAAM2C,OAAO,GAAID,KAAK,CAACE,MAAM,CAAaC,SAAS;QACnD,OAAO,CAACF,OAAO,CAACG,QAAQ,CAAC9C,YAAY,CAAC;MACxC,CAAC,MAAM;QACL,OAAO,IAAI;MACb;IACF,CAAC;IACD+C,SAAS,EAAE;EACb,CAAC,CAAC;EAEF,IAAMC,IAAI,GAAG,IAAAC,eAAO,EAACb,OAAO,CAAC;EAE7B,IAAMc,YAAY,GAAG,IAAAC,uBAAe,EAAC,CAACd,KAAK,EAAEE,OAAO,EAAES,IAAI,CAAC,CAAC;EAE5D,OAAO,IAAAI,cAAO,EACZ,OAAO;IACLlE,QAAQ;IACRG,mBAAmB;IACnB6D,YAAY;IACZd,OAAO;IACP9C,QAAQ;IACRI,MAAM;IACNP,IAAI;IACJkE,aAAa,EAAAjF,aAAA,KACRgE,OAAO,CAACkB,cAAc,CAC1B;IACDC,UAAU,EAAEhD,WAAW,CAACgD;EAC1B,CAAC,CAAC,EACF,CACErE,QAAQ,EACRG,mBAAmB,EACnB6D,YAAY,EACZd,OAAO,EACPjD,IAAI,EACJO,MAAM,EACNJ,QAAQ,EACRiB,WAAW,CAEf,CAAC;AACH","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_161_0_PreviewWidget";
+var _namespace_ = "wds_1_162_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_161_0_PreviewWidget__root","contentArea":"wds_1_161_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_162_0_PreviewWidget__root","contentArea":"wds_1_162_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_161_0_Proportion";
+var _namespace_ = "wds_1_162_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_161_0_Proportion__root","ratioHolder":"wds_1_161_0_Proportion__ratioHolder","contentWrapper":"wds_1_161_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_162_0_Proportion__root","ratioHolder":"wds_1_162_0_Proportion__ratioHolder","contentWrapper":"wds_1_162_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_161_0_PulseAnimation";
+var _namespace_ = "wds_1_162_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_161_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_161_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_161_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_161_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_161_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_161_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_161_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_161_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_161_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_162_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_162_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_162_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_162_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_162_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_162_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_162_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_162_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_162_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_161_0_RadarChart";
+var _namespace_ = "wds_1_162_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_161_0_RadarChart__root","text-tiny-thin":"wds_1_161_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_161_0_StylableTypography__text-small-thin","axis":"wds_1_161_0_RadarChart__axis","axisLabel":"wds_1_161_0_RadarChart__axisLabel","circles":"wds_1_161_0_RadarChart__circles","scaleLabel":"wds_1_161_0_RadarChart__scaleLabel","dataPoint":"wds_1_161_0_RadarChart__dataPoint","tooltip":"wds_1_161_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_162_0_RadarChart__root","text-tiny-thin":"wds_1_162_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_162_0_StylableTypography__text-small-thin","axis":"wds_1_162_0_RadarChart__axis","axisLabel":"wds_1_162_0_RadarChart__axisLabel","circles":"wds_1_162_0_RadarChart__circles","scaleLabel":"wds_1_162_0_RadarChart__scaleLabel","dataPoint":"wds_1_162_0_RadarChart__dataPoint","tooltip":"wds_1_162_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_161_0_Radio";
+var _namespace_ = "wds_1_162_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_161_0_Radio__root","input":"wds_1_161_0_Radio__input","icon":"wds_1_161_0_Radio__icon","label":"wds_1_161_0_Radio__label","labelText":"wds_1_161_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_162_0_Radio__root","input":"wds_1_162_0_Radio__input","icon":"wds_1_162_0_Radio__icon","label":"wds_1_162_0_Radio__label","labelText":"wds_1_162_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_161_0_RadioGroup";
+var _namespace_ = "wds_1_162_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_161_0_RadioGroup__root","mobile":"wds_1_161_0_WixDesignSystemProvider__mobile","radio":"wds_1_161_0_RadioGroup__radio","radioContainer":"wds_1_161_0_RadioGroup__radioContainer","optionContainer":"wds_1_161_0_RadioGroup__optionContainer","content":"wds_1_161_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_162_0_RadioGroup__root","mobile":"wds_1_162_0_WixDesignSystemProvider__mobile","radio":"wds_1_162_0_RadioGroup__radio","radioContainer":"wds_1_162_0_RadioGroup__radioContainer","optionContainer":"wds_1_162_0_RadioGroup__optionContainer","content":"wds_1_162_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_161_0_Range";
+var _namespace_ = "wds_1_162_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_161_0_Range__root","firstinput":"wds_1_161_0_Range__firstinput","firstDate":"wds_1_161_0_Range__firstDate","lastinput":"wds_1_161_0_Range__lastinput","lastDate":"wds_1_161_0_Range__lastDate","label":"wds_1_161_0_Range__label","inputWrapper":"wds_1_161_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_162_0_Range__root","firstinput":"wds_1_162_0_Range__firstinput","firstDate":"wds_1_162_0_Range__firstDate","lastinput":"wds_1_162_0_Range__lastinput","lastDate":"wds_1_162_0_Range__lastDate","label":"wds_1_162_0_Range__label","inputWrapper":"wds_1_162_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_161_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_162_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_161_0_RichTextInputAreaForm__root","footer":"wds_1_161_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_162_0_RichTextInputAreaForm__root","footer":"wds_1_162_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_161_0_RichTextInputArea";
+var _namespace_ = "wds_1_162_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_161_0_RichTextInputArea__root","text-medium-thin":"wds_1_161_0_StylableTypography__text-medium-thin","font-medium":"wds_1_161_0_RichTextInputArea__font-medium","link":"wds_1_161_0_RichTextInputArea__link","toolbar":"wds_1_161_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_161_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_161_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_162_0_RichTextInputArea__root","text-medium-thin":"wds_1_162_0_StylableTypography__text-medium-thin","font-medium":"wds_1_162_0_RichTextInputArea__font-medium","link":"wds_1_162_0_RichTextInputArea__link","toolbar":"wds_1_162_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_162_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_162_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_161_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_161_0_RichTextInputArea-maxHeight"}; 
+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, #A8CAFF))","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, #E62214))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))"}; 
+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_162_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_162_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_161_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_162_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_161_0_RichTextToolbarButton__root","button":"wds_1_161_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_162_0_RichTextToolbarButton__root","button":"wds_1_162_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_161_0_Search";
+var _namespace_ = "wds_1_162_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_161_0_Search__root","content":"wds_1_161_0_Search__content"};
+module.exports.classes = {"root":"wds_1_162_0_Search__root","content":"wds_1_162_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_161_0_SectionHeader";
+var _namespace_ = "wds_1_162_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_161_0_SectionHeader__root","title":"wds_1_161_0_SectionHeader__title","titleText":"wds_1_161_0_SectionHeader__titleText","suffix":"wds_1_161_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_162_0_SectionHeader__root","title":"wds_1_162_0_SectionHeader__title","titleText":"wds_1_162_0_SectionHeader__titleText","suffix":"wds_1_162_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_161_0_SectionHeader-color-bg","color-border":"--wds_1_161_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_162_0_SectionHeader-color-bg","color-border":"--wds_1_162_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_161_0_SectionHelper";
+var _namespace_ = "wds_1_162_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_161_0_SectionHelper__root","content":"wds_1_161_0_SectionHelper__content","close":"wds_1_161_0_SectionHelper__close","prefix":"wds_1_161_0_SectionHelper__prefix","textContainer":"wds_1_161_0_SectionHelper__textContainer","title":"wds_1_161_0_SectionHelper__title","action":"wds_1_161_0_SectionHelper__action","text":"wds_1_161_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_162_0_SectionHelper__root","content":"wds_1_162_0_SectionHelper__content","close":"wds_1_162_0_SectionHelper__close","prefix":"wds_1_162_0_SectionHelper__prefix","textContainer":"wds_1_162_0_SectionHelper__textContainer","title":"wds_1_162_0_SectionHelper__title","action":"wds_1_162_0_SectionHelper__action","text":"wds_1_162_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_161_0_SegmentedToggle";
+var _namespace_ = "wds_1_162_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_161_0_SegmentedToggle__root","divider":"wds_1_161_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_162_0_SegmentedToggle__root","divider":"wds_1_162_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_161_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_162_0_SegmentedToggleButton";
 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_161_0_SegmentedToggleButton__root","prefix":"wds_1_161_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_162_0_SegmentedToggleButton__root","prefix":"wds_1_162_0_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};