@wix/design-system 1.164.0 → 1.165.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PopoverNext","_DatePicker","_2","_PopoverNext2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","component","PopoverNext","Template","shownOld","setShownOld","useState","open","setOpen","common","showDelay","hideDelay","timeout","createElement","gap","padding","direction","align","__self","__source","fileName","lineNumber","columnNumber","Popover","_extends2","shown","onClick","onClickOutside","Element","Content","onOpenChange","_","Trigger","ComparisionTemplate","dynamicWidth","maxWidth","content","random","style","minWidth","height","background","commonDatePickerProps","onChange","width","rtl","popoverProps","appendTo","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableContent","sameProps","placement","fixed","flip","APPEND_TO","scrollParent","marginTop","position","border","overflow","showArrow","ScrollableTemplate","ScrollableWrapper","_ref","children","ScrollableContainer","HEIGHT","commonProps","dataHook","focusManagerEnabled","backgroundColor","borderRadius","onShow","ScrollableScrollParentTemplate","Basic","render","args","Comparision","DatePickers","bind","Scrollable","ScrollableScrollParent"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ComponentMeta, ComponentStory, StoryObj } from '@storybook/react';\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport type { PopoverNextProps } from './PopoverNext.types';\nimport { Popover, type PopoverProps } from '..';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst Template = () => {\n  const [shownOld, setShownOld] = useState(false);\n  const [open, setOpen] = useState(false);\n\n  const common = {\n    showDelay: 500,\n    hideDelay: 1000,\n    timeout: 2000,\n  } as PopoverProps;\n\n  return (\n    <Box gap={8} padding={50} direction=\"vertical\" align=\"center\">\n      <Popover\n        shown={shownOld}\n        onClick={() => setShownOld(true)}\n        onClickOutside={() => setShownOld(false)}\n        {...common}\n      >\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"10px\">Content</Box>\n        </Popover.Content>\n      </Popover>\n      <PopoverNext\n        {...(common as any)}\n        open={open}\n        onOpenChange={(open, _) => setOpen(open)}\n      >\n        <PopoverNext.Trigger>\n          <button>Native button with new</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisionTemplate = () => {\n  const [open, setOpen] = useState(false);\n\n  const common: Partial<PopoverNextProps> = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open={open} onOpenChange={setOpen} {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...(common as PopoverProps)}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: false,\n    // fixed: false,\n    // placement: 'top',\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    // width: undefined,\n    zIndex: 1000,\n  },\n};\n\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableContent = () => {\n  const sameProps = {\n    placement: 'top',\n    fixed: false,\n    flip: false,\n    appendTo: APPEND_TO.scrollParent,\n  } as any;\n\n  return (\n    <div\n      data-hook=\"parent-of-scrollable\"\n      style={{\n        marginTop: '100px',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          position: 'relative',\n          height: '200px',\n          border: '1px solid green',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"350px\"\n            border=\"solid 1px red\"\n            padding=\"60px\"\n            height={160}\n            gap={8}\n          >\n            <Popover shown showArrow {...sameProps}>\n              <Popover.Element>\n                <button>I am an plain Button</button>\n              </Popover.Element>\n              <Popover.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  Old popover Content\n                </Box>\n              </Popover.Content>\n            </Popover>\n\n            <PopoverNext {...sameProps} open={true}>\n              <PopoverNext.Trigger>\n                <button>Popover trigger</button>\n              </PopoverNext.Trigger>\n              <PopoverNext.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  New popover Content\n                </Box>\n              </PopoverNext.Content>\n            </PopoverNext>\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent />\n);\n\nconst ScrollableWrapper = ({ children, height }: any) => {\n  return (\n    <div\n      style={{\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height,\n        }}\n      >\n        <div style={{ padding: '15px 25px 25px' }}>\n          <Box\n            width=\"150px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"30px\"\n          >\n            {children}\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableContainer = () => {\n  const HEIGHT = '50px';\n\n  const commonProps = {\n    placement: 'bottom',\n    fixed: true,\n    flip: true,\n    appendTo: 'scrollParent',\n    dataHook: 'popover',\n  };\n\n  return (\n    <Box gap={3} direction=\"vertical\">\n      <ScrollableWrapper height={HEIGHT}>\n        <PopoverNext\n          {...(commonProps as PopoverNextProps)}\n          open={true}\n          onOpenChange={() => {}}\n          focusManagerEnabled={false}\n        >\n          <PopoverNext.Trigger>\n            <button>Popover trigger</button>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </ScrollableWrapper>\n\n      <ScrollableWrapper height={HEIGHT}>\n        <Popover\n          {...(commonProps as PopoverProps)}\n          shown={true}\n          onShow={() => {}}\n        >\n          <Popover.Element>\n            <button>Popover trigger</button>\n          </Popover.Element>\n          <Popover.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </Popover.Content>\n        </Popover>\n      </ScrollableWrapper>\n    </Box>\n  );\n};\n\nconst ScrollableScrollParentTemplate: ComponentStory<\n  typeof PopoverNext\n> = () => <ScrollableContainer />;\n\nexport const Basic: StoryObj<typeof PopoverNext> = {\n  render: () => <Template />,\n};\nBasic.args = {};\n\nexport const Comparision: StoryObj<typeof PopoverNext> = {\n  render: () => <ComparisionTemplate />,\n};\nComparision.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n\nexport const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});\nScrollableScrollParent.args = {};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,EAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAErC;EACbgB,KAAK,EAAE,aAAa;EACpBC,SAAS,EAAEC;AACb,CAAC;AAED,IAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,IAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,IAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAM,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,IAAI;IACfC,OAAO,EAAE;EACX,CAAiB;EAEjB,oBACE5C,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IACNyC,KAAK,EAAErB,QAAS;IAChBsB,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAAC,IAAI,CAAE;IACjCsB,cAAc,EAAEA,CAAA,KAAMtB,WAAW,CAAC,KAAK;EAAE,GACrCI,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACjB,CACV,CAAC,eACVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLyB,MAAM;IACXF,IAAI,EAAEA,IAAK;IACXuB,YAAY,EAAEA,CAACvB,IAAI,EAAEwB,CAAC,KAAKvB,OAAO,CAACD,IAAI,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACnB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACb,CACV,CACV,CAAC;AAEV,CAAC;AAED,IAAMW,mBAAmB,GAAGA,CAAA,KAAM;EAChC,IAAM,CAAC1B,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAiC,GAAG;IACxCyB,YAAY,EAAE,IAAI;IAClB;IACA;IACAC,QAAQ,EAAE;EACZ,CAAC;EAED,IAAMC,OAAO,GAAG,oCAAoC;EAEpD,IAAMC,MAAM,gBACVrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEC,QAAQ,EAAE,OAAO;MAAEC,MAAM,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM,CAAE;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAM,CAC5E;EAED,oBACEtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,EAAG;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA;IAACuB,IAAI,EAAEA,IAAK;IAACuB,YAAY,EAAEtB;EAAQ,GAAKC,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxDtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,yBAA+B,CACpB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjBc,OAAO,EACPC,MACkB,CACV,CAAC,eACdrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;EAAA,GAAMhB,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACbc,OAAO,EACPC,MACc,CACV,CACN,CAAC;AAEV,CAAC;AAED,IAAMK,qBAAsC,GAAG;EAC7CC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,KAAK,EAAE,GAAG;EACVC,GAAG,EAAE,KAAK;EAAE;;EAEZC,YAAY,EAAE;IACZC,QAAQ,EAAE,QAAQ;IAClBb,YAAY,EAAE,IAAI;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAc,MAAM,EAAE;EACV;AACF,CAAC;AAED,IAAMC,mBAAuD,GAAGA,CAAA,kBAC9DjF,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;EAAC8B,GAAG,EAAE,CAAE;EAACoC,UAAU,EAAE,EAAG;EAACC,WAAW,EAAE,EAAG;EAAAjC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC3CtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACvC,WAAA,CAAAU,OAAU,MAAAwC,SAAA,CAAAxC,OAAA;EAACoE,eAAe,EAAC;AAAK,GAAKV,qBAAqB;EAAAxB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAC3D,CACN;AAED,IAAM+B,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAMC,SAAS,GAAG;IAChBC,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE,KAAK;IACZC,IAAI,EAAE,KAAK;IACXV,QAAQ,EAAEW,uBAAS,CAACC;EACtB,CAAQ;EAER,oBACE3F,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,sBAAsB;IAChCyB,KAAK,EAAE;MACLsB,SAAS,EAAE,OAAO;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBF,QAAQ,EAAE,UAAU;MACpBrB,MAAM,EAAE,OAAO;MACfsB,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAkB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbkB,MAAM,EAAC,eAAe;IACtB/C,OAAO,EAAC,MAAM;IACdyB,MAAM,EAAE,GAAI;IACZ1B,GAAG,EAAE,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEPtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;IAACuC,SAAS;EAAA,GAAKV,SAAS;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACpCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,sBAA4B,CACrB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACU,CACV,CAAC,eAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MAAKsE,SAAS;IAAE/C,IAAI,EAAE,IAAK;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACc,CACV,CACV,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAM2C,kBAAsD,GAAGA,CAAA,kBAC7DjG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwC,iBAAiB;EAAAnC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACrB;AAED,IAAM4C,iBAAiB,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,QAAQ;IAAE5B;EAAY,CAAC,GAAA2B,IAAA;EAClD,oBACEnG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACEyB,KAAK,EAAE;MACLyB,QAAQ,EAAE,QAAQ;MAClBF,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBvB;IACF,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAiB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbmB,QAAQ,EAAC,QAAQ;IACjBD,MAAM,EAAC,iBAAiB;IACxB/C,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEb8C,QACE,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC,IAAMC,MAAM,GAAG,MAAM;EAErB,IAAMC,WAAW,GAAG;IAClBhB,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,IAAI;IACVV,QAAQ,EAAE,cAAc;IACxByB,QAAQ,EAAE;EACZ,CAAC;EAED,oBACExG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACE,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLuF,WAAW;IAChBhE,IAAI,EAAE,IAAK;IACXuB,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;IACvB2C,mBAAmB,EAAE,KAAM;IAAAvD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAE3BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACc,CACV,CACI,CAAC,eAEpBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA,MACDuF,WAAW;IAChB9C,KAAK,EAAE,IAAK;IACZmD,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAA1D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEjBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CAChB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACU,CACV,CACQ,CAChB,CAAC;AAEV,CAAC;AAED,IAAMuD,8BAEL,GAAGA,CAAA,kBAAM7G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwD,mBAAmB;EAAAnD,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC;AAE1B,IAAMwD,KAAmC,GAAA/E,OAAA,CAAA+E,KAAA,GAAG;EACjDC,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACV,QAAQ;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AAC3B,CAAC;AACDwD,KAAK,CAACE,IAAI,GAAG,CAAC,CAAC;AAER,IAAMC,WAAyC,GAAAlF,OAAA,CAAAkF,WAAA,GAAG;EACvDF,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACoB,mBAAmB;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AACtC,CAAC;AACD2D,WAAW,CAACD,IAAI,GAAG,CAAC,CAAC;AAEd,IAAME,WAAW,GAAAnF,OAAA,CAAAmF,WAAA,GAAGjC,mBAAmB,CAACkC,IAAI,CAAC,CAAC,CAAC,CAAC;AACvDD,WAAW,CAACF,IAAI,GAAG,CAAC,CAAC;AAEd,IAAMI,UAAU,GAAArF,OAAA,CAAAqF,UAAA,GAAGnB,kBAAkB,CAACkB,IAAI,CAAC,CAAC,CAAC,CAAC;AACrDC,UAAU,CAACJ,IAAI,GAAG,CAAC,CAAC;AAEb,IAAMK,sBAAsB,GAAAtF,OAAA,CAAAsF,sBAAA,GAAGR,8BAA8B,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7EE,sBAAsB,CAACL,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PopoverNext","_DatePicker","_2","_PopoverNext2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","component","PopoverNext","Template","shownOld","setShownOld","useState","open","setOpen","common","showDelay","hideDelay","timeout","createElement","gap","padding","direction","align","__self","__source","fileName","lineNumber","columnNumber","Popover","_extends2","shown","onClick","onClickOutside","Element","Content","onOpenChange","_","Trigger","ComparisonTemplate","dynamicWidth","maxWidth","content","random","style","minWidth","height","background","commonDatePickerProps","onChange","width","rtl","popoverProps","appendTo","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableContent","sameProps","placement","fixed","flip","APPEND_TO","scrollParent","marginTop","position","border","overflow","showArrow","ScrollableTemplate","ScrollableWrapper","_ref","children","ScrollableContainer","HEIGHT","commonProps","dataHook","focusManagerEnabled","backgroundColor","borderRadius","onShow","ScrollableScrollParentTemplate","Basic","render","args","Comparison","DatePickers","bind","Scrollable","ScrollableScrollParent"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ComponentMeta, ComponentStory, StoryObj } from '@storybook/react';\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport type { PopoverNextProps } from './PopoverNext.types';\nimport { Popover, type PopoverProps } from '..';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst Template = () => {\n  const [shownOld, setShownOld] = useState(false);\n  const [open, setOpen] = useState(false);\n\n  const common = {\n    showDelay: 500,\n    hideDelay: 1000,\n    timeout: 2000,\n  } as PopoverProps;\n\n  return (\n    <Box gap={8} padding={50} direction=\"vertical\" align=\"center\">\n      <Popover\n        shown={shownOld}\n        onClick={() => setShownOld(true)}\n        onClickOutside={() => setShownOld(false)}\n        {...common}\n      >\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"10px\">Content</Box>\n        </Popover.Content>\n      </Popover>\n      <PopoverNext\n        {...(common as any)}\n        open={open}\n        onOpenChange={(open, _) => setOpen(open)}\n      >\n        <PopoverNext.Trigger>\n          <button>Native button with new</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisonTemplate = () => {\n  const [open, setOpen] = useState(false);\n\n  const common: Partial<PopoverNextProps> = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open={open} onOpenChange={setOpen} {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...(common as PopoverProps)}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: false,\n    // fixed: false,\n    // placement: 'top',\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    // width: undefined,\n    zIndex: 1000,\n  },\n};\n\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableContent = () => {\n  const sameProps = {\n    placement: 'top',\n    fixed: false,\n    flip: false,\n    appendTo: APPEND_TO.scrollParent,\n  } as any;\n\n  return (\n    <div\n      data-hook=\"parent-of-scrollable\"\n      style={{\n        marginTop: '100px',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          position: 'relative',\n          height: '200px',\n          border: '1px solid green',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"350px\"\n            border=\"solid 1px red\"\n            padding=\"60px\"\n            height={160}\n            gap={8}\n          >\n            <Popover shown showArrow {...sameProps}>\n              <Popover.Element>\n                <button>I am an plain Button</button>\n              </Popover.Element>\n              <Popover.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  Old popover Content\n                </Box>\n              </Popover.Content>\n            </Popover>\n\n            <PopoverNext {...sameProps} open={true}>\n              <PopoverNext.Trigger>\n                <button>Popover trigger</button>\n              </PopoverNext.Trigger>\n              <PopoverNext.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  New popover Content\n                </Box>\n              </PopoverNext.Content>\n            </PopoverNext>\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent />\n);\n\nconst ScrollableWrapper = ({ children, height }: any) => {\n  return (\n    <div\n      style={{\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height,\n        }}\n      >\n        <div style={{ padding: '15px 25px 25px' }}>\n          <Box\n            width=\"150px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"30px\"\n          >\n            {children}\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableContainer = () => {\n  const HEIGHT = '50px';\n\n  const commonProps = {\n    placement: 'bottom',\n    fixed: true,\n    flip: true,\n    appendTo: 'scrollParent',\n    dataHook: 'popover',\n  };\n\n  return (\n    <Box gap={3} direction=\"vertical\">\n      <ScrollableWrapper height={HEIGHT}>\n        <PopoverNext\n          {...(commonProps as PopoverNextProps)}\n          open={true}\n          onOpenChange={() => {}}\n          focusManagerEnabled={false}\n        >\n          <PopoverNext.Trigger>\n            <button>Popover trigger</button>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </ScrollableWrapper>\n\n      <ScrollableWrapper height={HEIGHT}>\n        <Popover\n          {...(commonProps as PopoverProps)}\n          shown={true}\n          onShow={() => {}}\n        >\n          <Popover.Element>\n            <button>Popover trigger</button>\n          </Popover.Element>\n          <Popover.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </Popover.Content>\n        </Popover>\n      </ScrollableWrapper>\n    </Box>\n  );\n};\n\nconst ScrollableScrollParentTemplate: ComponentStory<\n  typeof PopoverNext\n> = () => <ScrollableContainer />;\n\nexport const Basic: StoryObj<typeof PopoverNext> = {\n  render: () => <Template />,\n};\nBasic.args = {};\n\nexport const Comparison: StoryObj<typeof PopoverNext> = {\n  render: () => <ComparisonTemplate />,\n};\nComparison.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n\nexport const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});\nScrollableScrollParent.args = {};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,EAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAErC;EACbgB,KAAK,EAAE,aAAa;EACpBC,SAAS,EAAEC;AACb,CAAC;AAED,IAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,IAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,IAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAM,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,IAAI;IACfC,OAAO,EAAE;EACX,CAAiB;EAEjB,oBACE5C,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IACNyC,KAAK,EAAErB,QAAS;IAChBsB,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAAC,IAAI,CAAE;IACjCsB,cAAc,EAAEA,CAAA,KAAMtB,WAAW,CAAC,KAAK;EAAE,GACrCI,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACjB,CACV,CAAC,eACVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLyB,MAAM;IACXF,IAAI,EAAEA,IAAK;IACXuB,YAAY,EAAEA,CAACvB,IAAI,EAAEwB,CAAC,KAAKvB,OAAO,CAACD,IAAI,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACnB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACb,CACV,CACV,CAAC;AAEV,CAAC;AAED,IAAMW,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,IAAM,CAAC1B,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAiC,GAAG;IACxCyB,YAAY,EAAE,IAAI;IAClB;IACA;IACAC,QAAQ,EAAE;EACZ,CAAC;EAED,IAAMC,OAAO,GAAG,oCAAoC;EAEpD,IAAMC,MAAM,gBACVrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEC,QAAQ,EAAE,OAAO;MAAEC,MAAM,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM,CAAE;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAM,CAC5E;EAED,oBACEtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,EAAG;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA;IAACuB,IAAI,EAAEA,IAAK;IAACuB,YAAY,EAAEtB;EAAQ,GAAKC,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxDtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,yBAA+B,CACpB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjBc,OAAO,EACPC,MACkB,CACV,CAAC,eACdrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;EAAA,GAAMhB,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACbc,OAAO,EACPC,MACc,CACV,CACN,CAAC;AAEV,CAAC;AAED,IAAMK,qBAAsC,GAAG;EAC7CC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,KAAK,EAAE,GAAG;EACVC,GAAG,EAAE,KAAK;EAAE;;EAEZC,YAAY,EAAE;IACZC,QAAQ,EAAE,QAAQ;IAClBb,YAAY,EAAE,IAAI;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAc,MAAM,EAAE;EACV;AACF,CAAC;AAED,IAAMC,mBAAuD,GAAGA,CAAA,kBAC9DjF,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;EAAC8B,GAAG,EAAE,CAAE;EAACoC,UAAU,EAAE,EAAG;EAACC,WAAW,EAAE,EAAG;EAAAjC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC3CtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACvC,WAAA,CAAAU,OAAU,MAAAwC,SAAA,CAAAxC,OAAA;EAACoE,eAAe,EAAC;AAAK,GAAKV,qBAAqB;EAAAxB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAC3D,CACN;AAED,IAAM+B,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAMC,SAAS,GAAG;IAChBC,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE,KAAK;IACZC,IAAI,EAAE,KAAK;IACXV,QAAQ,EAAEW,uBAAS,CAACC;EACtB,CAAQ;EAER,oBACE3F,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,sBAAsB;IAChCyB,KAAK,EAAE;MACLsB,SAAS,EAAE,OAAO;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBF,QAAQ,EAAE,UAAU;MACpBrB,MAAM,EAAE,OAAO;MACfsB,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAkB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbkB,MAAM,EAAC,eAAe;IACtB/C,OAAO,EAAC,MAAM;IACdyB,MAAM,EAAE,GAAI;IACZ1B,GAAG,EAAE,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEPtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;IAACuC,SAAS;EAAA,GAAKV,SAAS;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACpCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,sBAA4B,CACrB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACU,CACV,CAAC,eAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MAAKsE,SAAS;IAAE/C,IAAI,EAAE,IAAK;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACc,CACV,CACV,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAM2C,kBAAsD,GAAGA,CAAA,kBAC7DjG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwC,iBAAiB;EAAAnC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACrB;AAED,IAAM4C,iBAAiB,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,QAAQ;IAAE5B;EAAY,CAAC,GAAA2B,IAAA;EAClD,oBACEnG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACEyB,KAAK,EAAE;MACLyB,QAAQ,EAAE,QAAQ;MAClBF,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBvB;IACF,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAiB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbmB,QAAQ,EAAC,QAAQ;IACjBD,MAAM,EAAC,iBAAiB;IACxB/C,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEb8C,QACE,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC,IAAMC,MAAM,GAAG,MAAM;EAErB,IAAMC,WAAW,GAAG;IAClBhB,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,IAAI;IACVV,QAAQ,EAAE,cAAc;IACxByB,QAAQ,EAAE;EACZ,CAAC;EAED,oBACExG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACE,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLuF,WAAW;IAChBhE,IAAI,EAAE,IAAK;IACXuB,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;IACvB2C,mBAAmB,EAAE,KAAM;IAAAvD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAE3BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACc,CACV,CACI,CAAC,eAEpBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA,MACDuF,WAAW;IAChB9C,KAAK,EAAE,IAAK;IACZmD,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAA1D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEjBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CAChB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACU,CACV,CACQ,CAChB,CAAC;AAEV,CAAC;AAED,IAAMuD,8BAEL,GAAGA,CAAA,kBAAM7G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwD,mBAAmB;EAAAnD,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC;AAE1B,IAAMwD,KAAmC,GAAA/E,OAAA,CAAA+E,KAAA,GAAG;EACjDC,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACV,QAAQ;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AAC3B,CAAC;AACDwD,KAAK,CAACE,IAAI,GAAG,CAAC,CAAC;AAER,IAAMC,UAAwC,GAAAlF,OAAA,CAAAkF,UAAA,GAAG;EACtDF,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACoB,kBAAkB;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AACrC,CAAC;AACD2D,UAAU,CAACD,IAAI,GAAG,CAAC,CAAC;AAEb,IAAME,WAAW,GAAAnF,OAAA,CAAAmF,WAAA,GAAGjC,mBAAmB,CAACkC,IAAI,CAAC,CAAC,CAAC,CAAC;AACvDD,WAAW,CAACF,IAAI,GAAG,CAAC,CAAC;AAEd,IAAMI,UAAU,GAAArF,OAAA,CAAAqF,UAAA,GAAGnB,kBAAkB,CAACkB,IAAI,CAAC,CAAC,CAAC,CAAC;AACrDC,UAAU,CAACJ,IAAI,GAAG,CAAC,CAAC;AAEb,IAAMK,sBAAsB,GAAAtF,OAAA,CAAAsF,sBAAA,GAAGR,8BAA8B,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7EE,sBAAsB,CAACL,IAAI,GAAG,CAAC,CAAC","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_164_0_PopoverNextContent";
+var _namespace_ = "wds_1_165_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_164_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_165_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -32,7 +32,7 @@ var useDelayOpen = _ref => {
     return () => clearTimeout(timeout);
   }, [open, hideDelay, transition]);
   var handleChange = (newOpen, reason) => {
-    // Put element into DOM first, then delay envoking transition.
+    // Put element into DOM first, then delay invoking transition.
     setIsOpen(true);
     setTimeout(() => {
       onOpenChange(newOpen, reason);

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\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":[]}
+{"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 invoking 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/PreviewWidget/PreviewWidget.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_PreviewWidget";
+var _namespace_ = "wds_1_165_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_164_0_PreviewWidget__root","contentArea":"wds_1_164_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_165_0_PreviewWidget__root","contentArea":"wds_1_165_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_164_0_Proportion";
+var _namespace_ = "wds_1_165_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_164_0_Proportion__root","ratioHolder":"wds_1_164_0_Proportion__ratioHolder","contentWrapper":"wds_1_164_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_165_0_Proportion__root","ratioHolder":"wds_1_165_0_Proportion__ratioHolder","contentWrapper":"wds_1_165_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_164_0_PulseAnimation";
+var _namespace_ = "wds_1_165_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_164_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_164_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_164_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_164_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_164_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_164_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_164_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_164_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_164_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_165_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_165_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_165_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_165_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_165_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_165_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_165_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_165_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_165_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_164_0_RadarChart";
+var _namespace_ = "wds_1_165_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_164_0_RadarChart__root","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_164_0_StylableTypography__text-small-thin","axis":"wds_1_164_0_RadarChart__axis","axisLabel":"wds_1_164_0_RadarChart__axisLabel","circles":"wds_1_164_0_RadarChart__circles","scaleLabel":"wds_1_164_0_RadarChart__scaleLabel","dataPoint":"wds_1_164_0_RadarChart__dataPoint","tooltip":"wds_1_164_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_165_0_RadarChart__root","text-tiny-thin":"wds_1_165_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_165_0_StylableTypography__text-small-thin","axis":"wds_1_165_0_RadarChart__axis","axisLabel":"wds_1_165_0_RadarChart__axisLabel","circles":"wds_1_165_0_RadarChart__circles","scaleLabel":"wds_1_165_0_RadarChart__scaleLabel","dataPoint":"wds_1_165_0_RadarChart__dataPoint","tooltip":"wds_1_165_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_164_0_Radio";
+var _namespace_ = "wds_1_165_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_164_0_Radio__root","input":"wds_1_164_0_Radio__input","icon":"wds_1_164_0_Radio__icon","label":"wds_1_164_0_Radio__label","labelText":"wds_1_164_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_165_0_Radio__root","input":"wds_1_165_0_Radio__input","icon":"wds_1_165_0_Radio__icon","label":"wds_1_165_0_Radio__label","labelText":"wds_1_165_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_164_0_RadioGroup";
+var _namespace_ = "wds_1_165_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_164_0_RadioGroup__root","mobile":"wds_1_164_0_WixDesignSystemProvider__mobile","radio":"wds_1_164_0_RadioGroup__radio","radioContainer":"wds_1_164_0_RadioGroup__radioContainer","optionContainer":"wds_1_164_0_RadioGroup__optionContainer","content":"wds_1_164_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_165_0_RadioGroup__root","mobile":"wds_1_165_0_WixDesignSystemProvider__mobile","radio":"wds_1_165_0_RadioGroup__radio","radioContainer":"wds_1_165_0_RadioGroup__radioContainer","optionContainer":"wds_1_165_0_RadioGroup__optionContainer","content":"wds_1_165_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_164_0_Range";
+var _namespace_ = "wds_1_165_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_164_0_Range__root","firstinput":"wds_1_164_0_Range__firstinput","firstDate":"wds_1_164_0_Range__firstDate","lastinput":"wds_1_164_0_Range__lastinput","lastDate":"wds_1_164_0_Range__lastDate","label":"wds_1_164_0_Range__label","inputWrapper":"wds_1_164_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_165_0_Range__root","firstinput":"wds_1_165_0_Range__firstinput","firstDate":"wds_1_165_0_Range__firstDate","lastinput":"wds_1_165_0_Range__lastinput","lastDate":"wds_1_165_0_Range__lastDate","label":"wds_1_165_0_Range__label","inputWrapper":"wds_1_165_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_164_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_165_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_164_0_RichTextInputAreaForm__root","footer":"wds_1_164_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_165_0_RichTextInputAreaForm__root","footer":"wds_1_165_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_164_0_RichTextInputArea";
+var _namespace_ = "wds_1_165_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_164_0_RichTextInputArea__root","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","font-medium":"wds_1_164_0_RichTextInputArea__font-medium","link":"wds_1_164_0_RichTextInputArea__link","toolbar":"wds_1_164_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_164_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_164_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_165_0_RichTextInputArea__root","text-medium-thin":"wds_1_165_0_StylableTypography__text-medium-thin","font-medium":"wds_1_165_0_RichTextInputArea__font-medium","link":"wds_1_165_0_RichTextInputArea__link","toolbar":"wds_1_165_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_165_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_165_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, #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_164_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_164_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_165_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_165_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_164_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_165_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_164_0_RichTextToolbarButton__root","button":"wds_1_164_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_165_0_RichTextToolbarButton__root","button":"wds_1_165_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_164_0_Search";
+var _namespace_ = "wds_1_165_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_164_0_Search__root","content":"wds_1_164_0_Search__content"};
+module.exports.classes = {"root":"wds_1_165_0_Search__root","content":"wds_1_165_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_164_0_SectionHeader";
+var _namespace_ = "wds_1_165_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_164_0_SectionHeader__root","title":"wds_1_164_0_SectionHeader__title","titleText":"wds_1_164_0_SectionHeader__titleText","suffix":"wds_1_164_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_165_0_SectionHeader__root","title":"wds_1_165_0_SectionHeader__title","titleText":"wds_1_165_0_SectionHeader__titleText","suffix":"wds_1_165_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_164_0_SectionHeader-color-bg","color-border":"--wds_1_164_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_165_0_SectionHeader-color-bg","color-border":"--wds_1_165_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_164_0_SectionHelper";
+var _namespace_ = "wds_1_165_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_164_0_SectionHelper__root","content":"wds_1_164_0_SectionHelper__content","close":"wds_1_164_0_SectionHelper__close","prefix":"wds_1_164_0_SectionHelper__prefix","textContainer":"wds_1_164_0_SectionHelper__textContainer","title":"wds_1_164_0_SectionHelper__title","action":"wds_1_164_0_SectionHelper__action","text":"wds_1_164_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_165_0_SectionHelper__root","content":"wds_1_165_0_SectionHelper__content","close":"wds_1_165_0_SectionHelper__close","prefix":"wds_1_165_0_SectionHelper__prefix","textContainer":"wds_1_165_0_SectionHelper__textContainer","title":"wds_1_165_0_SectionHelper__title","action":"wds_1_165_0_SectionHelper__action","text":"wds_1_165_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_164_0_SegmentedToggle";
+var _namespace_ = "wds_1_165_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_164_0_SegmentedToggle__root","divider":"wds_1_164_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_165_0_SegmentedToggle__root","divider":"wds_1_165_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_164_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_165_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_164_0_SegmentedToggleButton__root","prefix":"wds_1_164_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_165_0_SegmentedToggleButton__root","prefix":"wds_1_165_0_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_ToggleIcon";
+var _namespace_ = "wds_1_165_0_ToggleIcon";
 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_164_0_ToggleIcon__root","tooltip":"wds_1_164_0_ToggleIcon__tooltip","button":"wds_1_164_0_ToggleIcon__button","textWrapper":"wds_1_164_0_ToggleIcon__textWrapper"};
+module.exports.classes = {"root":"wds_1_165_0_ToggleIcon__root","tooltip":"wds_1_165_0_ToggleIcon__tooltip","button":"wds_1_165_0_ToggleIcon__button","textWrapper":"wds_1_165_0_ToggleIcon__textWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SelectableAccordion/Item/Item.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_165_0_SelectableAccordionItem";
 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_164_0_SelectableAccordionItem__root","item":"wds_1_164_0_SelectableAccordionItem__item","selector":"wds_1_164_0_SelectableAccordionItem__selector","header":"wds_1_164_0_SelectableAccordionItem__header","divider":"wds_1_164_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_164_0_SelectableAccordionItem__selectorToggle","content":"wds_1_164_0_SelectableAccordionItem__content","text":"wds_1_164_0_SelectableAccordionItem__text","inner":"wds_1_164_0_SelectableAccordionItem__inner"};
+module.exports.classes = {"root":"wds_1_165_0_SelectableAccordionItem__root","item":"wds_1_165_0_SelectableAccordionItem__item","selector":"wds_1_165_0_SelectableAccordionItem__selector","header":"wds_1_165_0_SelectableAccordionItem__header","divider":"wds_1_165_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_165_0_SelectableAccordionItem__selectorToggle","content":"wds_1_165_0_SelectableAccordionItem__content","text":"wds_1_165_0_SelectableAccordionItem__text","inner":"wds_1_165_0_SelectableAccordionItem__inner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SelectableAccordion";
+var _namespace_ = "wds_1_165_0_SelectableAccordion";
 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_164_0_SelectableAccordion__root"};
+module.exports.classes = {"root":"wds_1_165_0_SelectableAccordion__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_ProgressBar";
+var _namespace_ = "wds_1_165_0_ProgressBar";
 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_164_0_ProgressBar__root","bar":"wds_1_164_0_ProgressBar__bar","value":"wds_1_164_0_ProgressBar__value","leftover":"wds_1_164_0_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_165_0_ProgressBar__root","bar":"wds_1_165_0_ProgressBar__bar","value":"wds_1_165_0_ProgressBar__value","leftover":"wds_1_165_0_ProgressBar__leftover"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Selector";
+var _namespace_ = "wds_1_165_0_Selector";
 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_164_0_Selector__root","image":"wds_1_164_0_Selector__image","mainPart":"wds_1_164_0_Selector__mainPart","titles":"wds_1_164_0_Selector__titles","extra":"wds_1_164_0_Selector__extra","belowSection":"wds_1_164_0_Selector__belowSection"};
+module.exports.classes = {"root":"wds_1_165_0_Selector__root","image":"wds_1_165_0_Selector__image","mainPart":"wds_1_165_0_Selector__mainPart","titles":"wds_1_165_0_Selector__titles","extra":"wds_1_165_0_Selector__extra","belowSection":"wds_1_165_0_Selector__belowSection"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};