@wix/design-system 1.204.1 → 1.205.0

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Accordion";
+var _namespace_ = "wds_1_205_0_Accordion";
 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_204_1_Accordion__root","accordion":"wds_1_204_1_Accordion__accordion","item":"wds_1_204_1_Accordion__item"};
+module.exports.classes = {"root":"wds_1_205_0_Accordion__root","accordion":"wds_1_205_0_Accordion__accordion","item":"wds_1_205_0_Accordion__item"};
 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-accordion-background-fill-light":"--wds-accordion-background-fill-light"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-accordion-border-radius":"--wds-accordion-border-radius","wds-accordion-background-fill-light":"--wds-accordion-background-fill-light"}; 
 
 
 

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.js

@@ -195,7 +195,7 @@ function AccordionItem(_ref2) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 156,
         columnNumber: 17
       }
     }, typeof subtitle === 'string' ? /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -203,7 +203,7 @@ function AccordionItem(_ref2) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153,
+        lineNumber: 158,
         columnNumber: 21
       }
     }, subtitle) : subtitle)), /*#__PURE__*/_react.default.createElement(IconsContainer, {
@@ -215,7 +215,7 @@ function AccordionItem(_ref2) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 165,
         columnNumber: 13
       }
     })), /*#__PURE__*/_react.default.createElement(_Toggle.default, {
@@ -227,7 +227,7 @@ function AccordionItem(_ref2) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 168,
+        lineNumber: 173,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -236,7 +236,7 @@ function AccordionItem(_ref2) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 175,
+        lineNumber: 180,
         columnNumber: 13
       }
     }, children)));

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Text","_interopRequireDefault","_Toggle","_AccordionItemCaret","_constants","_constants2","_context","_AccordionItemSt","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IconsContainer","_ref","position","toggleIconPlacement","icon","iconDataHook","caretProps","shouldShowToggleIcon","createElement","className","classes","iconsContainer","__self","__source","fileName","lineNumber","columnNumber","_extends2","affix","AccordionItem","_ref2","prefix","suffix","title","subtitle","open","children","onToggle","onMouseLeave","onMouseEnter","disabled","skin","hideShadow","size","horizontalPadding","contentPadding","last","transitionSpeed","onAnimationEnter","onAnimationExit","buttonType","expandLabel","collapseLabel","showLabel","titleSize","hover","setHover","useState","_onMouseLeave","_onMouseEnter","WixDesignSystemContext","Consumer","_ref3","newColorsBranding","dataHooks","item","st","root","onClick","header","titleWrapper","dataHook","ellipsis","weight","show","timeout","timingMap","onStart","onEnd","unmountOnExit","_default","exports"],"sources":["../../../../../src/Accordion/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Text from '../../../Text';\nimport Toggle from '../../../Transition/Toggle';\nimport AccordionItemCaret from '../AccordionItemCaret';\nimport { timingMap } from '../../../Transition/constants';\nimport { dataHooks } from '../../constants';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\n\nimport { st, classes } from './AccordionItem.st.css';\nimport {\n  AccordionItemCaretProps,\n  AccordionItemProps,\n} from '../../Accordion.types';\n\ntype IconsContainerProps = {\n  position: 'start' | 'end';\n  toggleIconPlacement: AccordionItemProps['toggleIconPlacement'];\n  icon: React.ReactNode;\n  iconDataHook?: string;\n  caretProps: AccordionItemCaretProps;\n};\n\nconst IconsContainer = ({\n  position,\n  toggleIconPlacement,\n  icon,\n  iconDataHook,\n  caretProps,\n}: IconsContainerProps) => {\n  const shouldShowToggleIcon = toggleIconPlacement === position;\n\n  return shouldShowToggleIcon || icon ? (\n    <div className={classes.iconsContainer}>\n      {shouldShowToggleIcon && position === 'start' && (\n        <AccordionItemCaret {...caretProps} />\n      )}\n      {icon && (\n        <div className={classes.affix} data-hook={iconDataHook}>\n          {icon}\n        </div>\n      )}\n      {shouldShowToggleIcon && position === 'end' && (\n        <AccordionItemCaret {...caretProps} />\n      )}\n    </div>\n  ) : null;\n};\n\nfunction AccordionItem({\n  icon,\n  prefix,\n  suffix,\n  title,\n  subtitle,\n  open,\n  children,\n  onToggle,\n  onMouseLeave,\n  onMouseEnter,\n  disabled,\n  skin,\n  hideShadow,\n  className,\n  size,\n  horizontalPadding,\n  contentPadding,\n  last,\n  transitionSpeed = 'medium',\n  onAnimationEnter,\n  onAnimationExit,\n  buttonType = 'textButton',\n  expandLabel,\n  collapseLabel,\n  toggleIconPlacement = 'end',\n  showLabel,\n  titleSize,\n}: AccordionItemProps) {\n  // needed for toggle button label visibility\n  const [hover, setHover] = useState(false);\n\n  const caretProps = {\n    hover,\n    buttonType,\n    expandLabel,\n    collapseLabel,\n    showLabel,\n    open,\n    disabled,\n    skin,\n  };\n\n  const _onMouseLeave = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setHover(false);\n    !disabled && onMouseLeave && onMouseLeave(e);\n  };\n\n  const _onMouseEnter = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setHover(true);\n    !disabled && onMouseEnter && onMouseEnter(e);\n  };\n\n  return (\n    <WixDesignSystemContext.Consumer>\n      {({ newColorsBranding }) => (\n        <div\n          data-hook={dataHooks.item}\n          className={st(\n            classes.root,\n            {\n              disabled,\n              open,\n              skin,\n              hideShadow,\n              size,\n              horizontalPadding,\n              contentPadding,\n              last,\n              newColorsBranding,\n              titleSize,\n            },\n            className,\n          )}\n        >\n          <div\n            onClick={!disabled ? onToggle : () => {}}\n            className={st(classes.header, { size })}\n            data-hook={dataHooks.header}\n            onMouseEnter={_onMouseEnter}\n            onMouseLeave={_onMouseLeave}\n          >\n            <IconsContainer\n              position=\"start\"\n              toggleIconPlacement={toggleIconPlacement}\n              icon={prefix || icon}\n              caretProps={caretProps}\n              iconDataHook={dataHooks.prefix}\n            />\n            <div className={classes.titleWrapper}>\n              {title && (\n                <div data-hook=\"titleContainer\">\n                  {typeof title === 'string' ? (\n                    <Text dataHook=\"title\" ellipsis weight=\"normal\" className={classes.title}>\n                      {title}\n                    </Text>\n                  ) : (\n                    title\n                  )}\n                </div>\n              )}\n              {subtitle && (\n                <div data-hook={dataHooks.subtitle}>\n                  {typeof subtitle === 'string' ? (\n                    <Text size=\"small\">{subtitle}</Text>\n                  ) : (\n                    subtitle\n                  )}\n                </div>\n              )}\n            </div>\n            <IconsContainer\n              position=\"end\"\n              toggleIconPlacement={toggleIconPlacement}\n              icon={suffix}\n              caretProps={caretProps}\n              iconDataHook={dataHooks.suffix}\n            />\n          </div>\n          <Toggle\n            show={open}\n            timeout={timingMap[transitionSpeed]}\n            onStart={onAnimationEnter}\n            onEnd={onAnimationExit}\n            unmountOnExit\n          >\n            <div data-hook=\"children\" className={classes.children}>\n              {children}\n            </div>\n          </Toggle>\n        </div>\n      )}\n    </WixDesignSystemContext.Consumer>\n  );\n}\n\nexport default AccordionItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Text","_interopRequireDefault","_Toggle","_AccordionItemCaret","_constants","_constants2","_context","_AccordionItemSt","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IconsContainer","_ref","position","toggleIconPlacement","icon","iconDataHook","caretProps","shouldShowToggleIcon","createElement","className","classes","iconsContainer","__self","__source","fileName","lineNumber","columnNumber","_extends2","affix","AccordionItem","_ref2","prefix","suffix","title","subtitle","open","children","onToggle","onMouseLeave","onMouseEnter","disabled","skin","hideShadow","size","horizontalPadding","contentPadding","last","transitionSpeed","onAnimationEnter","onAnimationExit","buttonType","expandLabel","collapseLabel","showLabel","titleSize","hover","setHover","useState","_onMouseLeave","_onMouseEnter","WixDesignSystemContext","Consumer","_ref3","newColorsBranding","dataHooks","item","st","root","onClick","header","titleWrapper","dataHook","ellipsis","weight","show","timeout","timingMap","onStart","onEnd","unmountOnExit","_default","exports"],"sources":["../../../../../src/Accordion/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Text from '../../../Text';\nimport Toggle from '../../../Transition/Toggle';\nimport AccordionItemCaret from '../AccordionItemCaret';\nimport { timingMap } from '../../../Transition/constants';\nimport { dataHooks } from '../../constants';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\n\nimport { st, classes } from './AccordionItem.st.css';\nimport {\n  AccordionItemCaretProps,\n  AccordionItemProps,\n} from '../../Accordion.types';\n\ntype IconsContainerProps = {\n  position: 'start' | 'end';\n  toggleIconPlacement: AccordionItemProps['toggleIconPlacement'];\n  icon: React.ReactNode;\n  iconDataHook?: string;\n  caretProps: AccordionItemCaretProps;\n};\n\nconst IconsContainer = ({\n  position,\n  toggleIconPlacement,\n  icon,\n  iconDataHook,\n  caretProps,\n}: IconsContainerProps) => {\n  const shouldShowToggleIcon = toggleIconPlacement === position;\n\n  return shouldShowToggleIcon || icon ? (\n    <div className={classes.iconsContainer}>\n      {shouldShowToggleIcon && position === 'start' && (\n        <AccordionItemCaret {...caretProps} />\n      )}\n      {icon && (\n        <div className={classes.affix} data-hook={iconDataHook}>\n          {icon}\n        </div>\n      )}\n      {shouldShowToggleIcon && position === 'end' && (\n        <AccordionItemCaret {...caretProps} />\n      )}\n    </div>\n  ) : null;\n};\n\nfunction AccordionItem({\n  icon,\n  prefix,\n  suffix,\n  title,\n  subtitle,\n  open,\n  children,\n  onToggle,\n  onMouseLeave,\n  onMouseEnter,\n  disabled,\n  skin,\n  hideShadow,\n  className,\n  size,\n  horizontalPadding,\n  contentPadding,\n  last,\n  transitionSpeed = 'medium',\n  onAnimationEnter,\n  onAnimationExit,\n  buttonType = 'textButton',\n  expandLabel,\n  collapseLabel,\n  toggleIconPlacement = 'end',\n  showLabel,\n  titleSize,\n}: AccordionItemProps) {\n  // needed for toggle button label visibility\n  const [hover, setHover] = useState(false);\n\n  const caretProps = {\n    hover,\n    buttonType,\n    expandLabel,\n    collapseLabel,\n    showLabel,\n    open,\n    disabled,\n    skin,\n  };\n\n  const _onMouseLeave = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setHover(false);\n    !disabled && onMouseLeave && onMouseLeave(e);\n  };\n\n  const _onMouseEnter = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setHover(true);\n    !disabled && onMouseEnter && onMouseEnter(e);\n  };\n\n  return (\n    <WixDesignSystemContext.Consumer>\n      {({ newColorsBranding }) => (\n        <div\n          data-hook={dataHooks.item}\n          className={st(\n            classes.root,\n            {\n              disabled,\n              open,\n              skin,\n              hideShadow,\n              size,\n              horizontalPadding,\n              contentPadding,\n              last,\n              newColorsBranding,\n              titleSize,\n            },\n            className,\n          )}\n        >\n          <div\n            onClick={!disabled ? onToggle : () => {}}\n            className={st(classes.header, { size })}\n            data-hook={dataHooks.header}\n            onMouseEnter={_onMouseEnter}\n            onMouseLeave={_onMouseLeave}\n          >\n            <IconsContainer\n              position=\"start\"\n              toggleIconPlacement={toggleIconPlacement}\n              icon={prefix || icon}\n              caretProps={caretProps}\n              iconDataHook={dataHooks.prefix}\n            />\n            <div className={classes.titleWrapper}>\n              {title && (\n                <div data-hook=\"titleContainer\">\n                  {typeof title === 'string' ? (\n                    <Text\n                      dataHook=\"title\"\n                      ellipsis\n                      weight=\"normal\"\n                      className={classes.title}\n                    >\n                      {title}\n                    </Text>\n                  ) : (\n                    title\n                  )}\n                </div>\n              )}\n              {subtitle && (\n                <div data-hook={dataHooks.subtitle}>\n                  {typeof subtitle === 'string' ? (\n                    <Text size=\"small\">{subtitle}</Text>\n                  ) : (\n                    subtitle\n                  )}\n                </div>\n              )}\n            </div>\n            <IconsContainer\n              position=\"end\"\n              toggleIconPlacement={toggleIconPlacement}\n              icon={suffix}\n              caretProps={caretProps}\n              iconDataHook={dataHooks.suffix}\n            />\n          </div>\n          <Toggle\n            show={open}\n            timeout={timingMap[transitionSpeed]}\n            onStart={onAnimationEnter}\n            onEnd={onAnimationExit}\n            unmountOnExit\n          >\n            <div data-hook=\"children\" className={classes.children}>\n              {children}\n            </div>\n          </Toggle>\n        </div>\n      )}\n    </WixDesignSystemContext.Consumer>\n  );\n}\n\nexport default AccordionItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AAAqD,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,wBAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAcrD,IAAMmB,cAAc,GAAGC,IAAA,IAMI;EAAA,IANH;IACtBC,QAAQ;IACRC,mBAAmB;IACnBC,IAAI;IACJC,YAAY;IACZC;EACmB,CAAC,GAAAL,IAAA;EACpB,IAAMM,oBAAoB,GAAGJ,mBAAmB,KAAKD,QAAQ;EAE7D,OAAOK,oBAAoB,IAAIH,IAAI,gBACjCpC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEC,wBAAO,CAACC,cAAe;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpCT,oBAAoB,IAAIL,QAAQ,KAAK,OAAO,iBAC3ClC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,mBAAA,CAAAgB,OAAkB,MAAA2B,SAAA,CAAA3B,OAAA,MAAKgB,UAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACtC,EACAZ,IAAI,iBACHpC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEC,wBAAO,CAACQ,KAAM;IAAC,aAAWb,YAAa;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDZ,IACE,CACN,EACAG,oBAAoB,IAAIL,QAAQ,KAAK,KAAK,iBACzClC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,mBAAA,CAAAgB,OAAkB,MAAA2B,SAAA,CAAA3B,OAAA,MAAKgB,UAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAEpC,CAAC,GACJ,IAAI;AACV,CAAC;AAED,SAASG,aAAaA,CAAAC,KAAA,EA4BC;EAAA,IA5BA;IACrBhB,IAAI;IACJiB,MAAM;IACNC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVvB,SAAS;IACTwB,IAAI;IACJC,iBAAiB;IACjBC,cAAc;IACdC,IAAI;IACJC,eAAe,GAAG,QAAQ;IAC1BC,gBAAgB;IAChBC,eAAe;IACfC,UAAU,GAAG,YAAY;IACzBC,WAAW;IACXC,aAAa;IACbvC,mBAAmB,GAAG,KAAK;IAC3BwC,SAAS;IACTC;EACkB,CAAC,GAAAxB,KAAA;EACnB;EACA,IAAM,CAACyB,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzC,IAAMzC,UAAU,GAAG;IACjBuC,KAAK;IACLL,UAAU;IACVC,WAAW;IACXC,aAAa;IACbC,SAAS;IACTlB,IAAI;IACJK,QAAQ;IACRC;EACF,CAAC;EAED,IAAMiB,aAAa,GAAIpE,CAA4C,IAAK;IACtEkE,QAAQ,CAAC,KAAK,CAAC;IACf,CAAChB,QAAQ,IAAIF,YAAY,IAAIA,YAAY,CAAChD,CAAC,CAAC;EAC9C,CAAC;EAED,IAAMqE,aAAa,GAAIrE,CAA4C,IAAK;IACtEkE,QAAQ,CAAC,IAAI,CAAC;IACd,CAAChB,QAAQ,IAAID,YAAY,IAAIA,YAAY,CAACjD,CAAC,CAAC;EAC9C,CAAC;EAED,oBACEZ,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAC/B,QAAA,CAAAyE,sBAAsB,CAACC,QAAQ;IAAAvC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7BoC,KAAA;IAAA,IAAC;MAAEC;IAAkB,CAAC,GAAAD,KAAA;IAAA,oBACrBpF,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MACE,aAAW8C,qBAAS,CAACC,IAAK;MAC1B9C,SAAS,EAAE,IAAA+C,mBAAE,EACX9C,wBAAO,CAAC+C,IAAI,EACZ;QACE3B,QAAQ;QACRL,IAAI;QACJM,IAAI;QACJC,UAAU;QACVC,IAAI;QACJC,iBAAiB;QACjBC,cAAc;QACdC,IAAI;QACJiB,iBAAiB;QACjBT;MACF,CAAC,EACDnC,SACF,CAAE;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEFhD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MACEkD,OAAO,EAAE,CAAC5B,QAAQ,GAAGH,QAAQ,GAAG,MAAM,CAAC,CAAE;MACzClB,SAAS,EAAE,IAAA+C,mBAAE,EAAC9C,wBAAO,CAACiD,MAAM,EAAE;QAAE1B;MAAK,CAAC,CAAE;MACxC,aAAWqB,qBAAS,CAACK,MAAO;MAC5B9B,YAAY,EAAEoB,aAAc;MAC5BrB,YAAY,EAAEoB,aAAc;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE5BhD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACR,cAAc;MACbE,QAAQ,EAAC,OAAO;MAChBC,mBAAmB,EAAEA,mBAAoB;MACzCC,IAAI,EAAEiB,MAAM,IAAIjB,IAAK;MACrBE,UAAU,EAAEA,UAAW;MACvBD,YAAY,EAAEiD,qBAAS,CAACjC,MAAO;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChC,CAAC,eACFhD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAKC,SAAS,EAAEC,wBAAO,CAACkD,YAAa;MAAAhD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClCO,KAAK,iBACJvD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAK,aAAU,gBAAgB;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC5B,OAAOO,KAAK,KAAK,QAAQ,gBACxBvD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACrC,KAAA,CAAAmB,OAAI;MACHuE,QAAQ,EAAC,OAAO;MAChBC,QAAQ;MACRC,MAAM,EAAC,QAAQ;MACftD,SAAS,EAAEC,wBAAO,CAACa,KAAM;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAExBO,KACG,CAAC,GAEPA,KAEC,CACN,EACAC,QAAQ,iBACPxD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAK,aAAW8C,qBAAS,CAAC9B,QAAS;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChC,OAAOQ,QAAQ,KAAK,QAAQ,gBAC3BxD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACrC,KAAA,CAAAmB,OAAI;MAAC2C,IAAI,EAAC,OAAO;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEQ,QAAe,CAAC,GAEpCA,QAEC,CAEJ,CAAC,eACNxD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACR,cAAc;MACbE,QAAQ,EAAC,KAAK;MACdC,mBAAmB,EAAEA,mBAAoB;MACzCC,IAAI,EAAEkB,MAAO;MACbhB,UAAU,EAAEA,UAAW;MACvBD,YAAY,EAAEiD,qBAAS,CAAChC,MAAO;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChC,CACE,CAAC,eACNhD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,OAAA,CAAAiB,OAAM;MACL0E,IAAI,EAAEvC,IAAK;MACXwC,OAAO,EAAEC,oBAAS,CAAC7B,eAAe,CAAE;MACpC8B,OAAO,EAAE7B,gBAAiB;MAC1B8B,KAAK,EAAE7B,eAAgB;MACvB8B,aAAa;MAAAzD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEbhD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,wBAAO,CAACgB,QAAS;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACnDU,QACE,CACC,CACL,CAAC;EAAA,CAEuB,CAAC;AAEtC;AAAC,IAAA4C,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GAEc6B,aAAa","ignoreList":[]}

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_AccordionItem";
+var _namespace_ = "wds_1_205_0_AccordionItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,12 +18,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_AccordionItem__root","header":"wds_1_204_1_AccordionItem__header","title":"wds_1_204_1_AccordionItem__title","iconsContainer":"wds_1_204_1_AccordionItem__iconsContainer","affix":"wds_1_204_1_AccordionItem__affix","titleWrapper":"wds_1_204_1_AccordionItem__titleWrapper","children":"wds_1_204_1_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_205_0_AccordionItem__root","header":"wds_1_205_0_AccordionItem__header","title":"wds_1_205_0_AccordionItem__title","iconsContainer":"wds_1_205_0_AccordionItem__iconsContainer","affix":"wds_1_205_0_AccordionItem__affix","titleWrapper":"wds_1_205_0_AccordionItem__titleWrapper","children":"wds_1_205_0_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-blue-600":"--wds-color-blue-600","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-fill-dark-secondary-hover":"--wds-color-fill-dark-secondary-hover","wds-color-fill-dark-secondary":"--wds-color-fill-dark-secondary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-shadow-inner-300-top":"--wds-shadow-inner-300-top","wds-shadow-inner-300-vertical":"--wds-shadow-inner-300-vertical","wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-padding-horizontal-large":"--wds-space-padding-horizontal-large","wds-space-padding-horizontal-medium":"--wds-space-padding-horizontal-medium","wds-space-padding-horizontal-small":"--wds-space-padding-horizontal-small","wds-space-padding-horizontal-tiny":"--wds-space-padding-horizontal-tiny","wds-space-padding-vertical-large":"--wds-space-padding-vertical-large","wds-space-padding-vertical-medium":"--wds-space-padding-vertical-medium","wds-space-padding-vertical-small":"--wds-space-padding-vertical-small","wds-space-padding-vertical-tiny":"--wds-space-padding-vertical-tiny","wds-accordion-title-font-size-small":"--wds-accordion-title-font-size-small","wds-accordion-title-font-line-height-small":"--wds-accordion-title-font-line-height-small","wds-accordion-title-font-weight":"--wds-accordion-title-font-weight","wds-accordion-title-font-weight-small":"--wds-accordion-title-font-weight-small","wds-accordion-title-font-size-medium":"--wds-accordion-title-font-size-medium","wds-accordion-title-font-line-height-medium":"--wds-accordion-title-font-line-height-medium","wds-accordion-title-fill":"--wds-accordion-title-fill","wds-accordion-title-fill-hover":"--wds-accordion-title-fill-hover","wds-accordion-background-fill-light":"--wds-accordion-background-fill-light","wds-accordion-background-fill-light-hover":"--wds-accordion-background-fill-light-hover","wsr-font-weight-medium":"--wsr-font-weight-medium"}; 
+module.exports.vars = {"wds-color-blue-600":"--wds-color-blue-600","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-fill-dark-secondary-hover":"--wds-color-fill-dark-secondary-hover","wds-color-fill-dark-secondary":"--wds-color-fill-dark-secondary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-shadow-inner-300-top":"--wds-shadow-inner-300-top","wds-shadow-inner-300-vertical":"--wds-shadow-inner-300-vertical","wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-padding-horizontal-large":"--wds-space-padding-horizontal-large","wds-space-padding-horizontal-medium":"--wds-space-padding-horizontal-medium","wds-space-padding-horizontal-small":"--wds-space-padding-horizontal-small","wds-space-padding-horizontal-tiny":"--wds-space-padding-horizontal-tiny","wds-space-padding-vertical-large":"--wds-space-padding-vertical-large","wds-space-padding-vertical-medium":"--wds-space-padding-vertical-medium","wds-space-padding-vertical-small":"--wds-space-padding-vertical-small","wds-space-padding-vertical-tiny":"--wds-space-padding-vertical-tiny","wds-accordion-title-font-size-small":"--wds-accordion-title-font-size-small","wds-accordion-title-font-line-height-small":"--wds-accordion-title-font-line-height-small","wds-accordion-title-font-weight":"--wds-accordion-title-font-weight","wds-accordion-title-font-weight-small":"--wds-accordion-title-font-weight-small","wds-accordion-title-font-size-medium":"--wds-accordion-title-font-size-medium","wds-accordion-title-font-line-height-medium":"--wds-accordion-title-font-line-height-medium","wds-accordion-title-fill":"--wds-accordion-title-fill","wds-accordion-title-fill-hover":"--wds-accordion-title-fill-hover","wds-accordion-background-fill-light":"--wds-accordion-background-fill-light","wds-accordion-background-fill-light-hover":"--wds-accordion-background-fill-light-hover","wds-accordion-inner-content-fill":"--wds-accordion-inner-content-fill","wds-accordion-inner-content-padding-top":"--wds-accordion-inner-content-padding-top","wsr-font-weight-medium":"--wsr-font-weight-medium"}; 
 
 
 

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_AccordionItemCaret";
+var _namespace_ = "wds_1_205_0_AccordionItemCaret";
 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_204_1_AccordionItemCaret__root","textButton":"wds_1_204_1_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_205_0_AccordionItemCaret__root","textButton":"wds_1_205_0_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AddItem";
+var _namespace_ = "wds_1_205_0_AddItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_AddItem__root","icon":"wds_1_204_1_AddItem__icon","illustration":"wds_1_204_1_AddItem__illustration","contentContainer":"wds_1_204_1_AddItem__contentContainer","content":"wds_1_204_1_AddItem__content","textWrapper":"wds_1_204_1_AddItem__textWrapper","textContent":"wds_1_204_1_AddItem__textContent","subtitle":"wds_1_204_1_AddItem__subtitle","tooltip":"wds_1_204_1_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_205_0_AddItem__root","icon":"wds_1_205_0_AddItem__icon","illustration":"wds_1_205_0_AddItem__illustration","contentContainer":"wds_1_205_0_AddItem__contentContainer","content":"wds_1_205_0_AddItem__content","textWrapper":"wds_1_205_0_AddItem__textWrapper","textContent":"wds_1_205_0_AddItem__textContent","subtitle":"wds_1_205_0_AddItem__subtitle","tooltip":"wds_1_205_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AnalyticsLayout";
+var _namespace_ = "wds_1_205_0_AnalyticsLayout";
 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_204_1_AnalyticsLayout__root","row":"wds_1_204_1_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_205_0_AnalyticsLayout__root","row":"wds_1_205_0_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

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

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_205_0_AnalyticsSummaryCard";
 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_204_1_AnalyticsSummaryCard__root","title":"wds_1_204_1_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_204_1_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_204_1_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_204_1_AnalyticsSummaryCard__trend","loader":"wds_1_204_1_AnalyticsSummaryCard__loader","ctaButton":"wds_1_204_1_AnalyticsSummaryCard__ctaButton","footer":"wds_1_204_1_AnalyticsSummaryCard__footer","sparkline":"wds_1_204_1_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_205_0_AnalyticsSummaryCard__root","title":"wds_1_205_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_205_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_205_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_205_0_AnalyticsSummaryCard__trend","loader":"wds_1_205_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_205_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_205_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_205_0_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AngleInput";
+var _namespace_ = "wds_1_205_0_AngleInput";
 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_204_1_AngleInput__root","visuallyHidden":"wds_1_204_1_visuallyHidden__visuallyHidden","track":"wds_1_204_1_AngleInput__track","arm":"wds_1_204_1_AngleInput__arm","knob":"wds_1_204_1_AngleInput__knob","knobWrapper":"wds_1_204_1_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_204_1_AngleInput__visuallyHiddenInput wds_1_204_1_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_205_0_AngleInput__root","visuallyHidden":"wds_1_205_0_visuallyHidden__visuallyHidden","track":"wds_1_205_0_AngleInput__track","arm":"wds_1_205_0_AngleInput__arm","knob":"wds_1_205_0_AngleInput__knob","knobWrapper":"wds_1_205_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_205_0_AngleInput__visuallyHiddenInput wds_1_205_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AnnouncementModalLayout";
+var _namespace_ = "wds_1_205_0_AnnouncementModalLayout";
 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_204_1_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_204_1_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_204_1_AnnouncementModalLayout__link","bottomSpacing":"wds_1_204_1_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_205_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_205_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_205_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_205_0_AnnouncementModalLayout__bottomSpacing"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AreaChart";
+var _namespace_ = "wds_1_205_0_AreaChart";
 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_204_1_AreaChart__root","lineChart":"wds_1_204_1_AreaChart__lineChart","lineChartCursor":"wds_1_204_1_AreaChart__lineChartCursor","lineChartAxis":"wds_1_204_1_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_205_0_AreaChart__root","lineChart":"wds_1_205_0_AreaChart__lineChart","lineChartCursor":"wds_1_205_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_205_0_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AudioPlayer";
+var _namespace_ = "wds_1_205_0_AudioPlayer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_AudioPlayer__root","playPauseButton":"wds_1_204_1_AudioPlayer__playPauseButton","slider":"wds_1_204_1_AudioPlayer__slider","track":"wds_1_204_1_AudioPlayer__track","handle":"wds_1_204_1_AudioPlayer__handle","tooltip":"wds_1_204_1_AudioPlayer__tooltip","tooltipTarget":"wds_1_204_1_AudioPlayer__tooltipTarget","timer":"wds_1_204_1_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_205_0_AudioPlayer__root","playPauseButton":"wds_1_205_0_AudioPlayer__playPauseButton","slider":"wds_1_205_0_AudioPlayer__slider","track":"wds_1_205_0_AudioPlayer__track","handle":"wds_1_205_0_AudioPlayer__handle","tooltip":"wds_1_205_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_205_0_AudioPlayer__tooltipTarget","timer":"wds_1_205_0_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_204_1_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_205_0_AudioPlayer-audio-player-position"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_205_0_AutoCompleteWithLabel";
 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_204_1_AutoCompleteWithLabel__root","statusMessage":"wds_1_204_1_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_204_1_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_204_1_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_204_1_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_205_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_205_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_205_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_205_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_205_0_AutoCompleteWithLabel__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Avatar";
+var _namespace_ = "wds_1_205_0_Avatar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_Avatar__root","text-small-bold":"wds_1_204_1_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_204_1_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_204_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_204_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_204_1_StylableTypography__text-tiny-bold","placeholder":"wds_1_204_1_Avatar__placeholder","avatarContainer":"wds_1_204_1_Avatar__avatarContainer","coreAvatar":"wds_1_204_1_Avatar__coreAvatar","avatar":"wds_1_204_1_Avatar__avatar","presence":"wds_1_204_1_Avatar__presence","indication":"wds_1_204_1_Avatar__indication","iconButtonShadow":"wds_1_204_1_Avatar__iconButtonShadow","colorA1":"wds_1_204_1_Avatar__colorA1","colorA2":"wds_1_204_1_Avatar__colorA2","colorA3":"wds_1_204_1_Avatar__colorA3","colorA4":"wds_1_204_1_Avatar__colorA4","colorA5":"wds_1_204_1_Avatar__colorA5","colorA6":"wds_1_204_1_Avatar__colorA6","colorA7":"wds_1_204_1_Avatar__colorA7","loaderContainer":"wds_1_204_1_Avatar__loaderContainer","overlay":"wds_1_204_1_Avatar__overlay","loader":"wds_1_204_1_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_205_0_Avatar__root","text-small-bold":"wds_1_205_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_205_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_205_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_205_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_205_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_205_0_Avatar__placeholder","avatarContainer":"wds_1_205_0_Avatar__avatarContainer","coreAvatar":"wds_1_205_0_Avatar__coreAvatar","avatar":"wds_1_205_0_Avatar__avatar","presence":"wds_1_205_0_Avatar__presence","indication":"wds_1_205_0_Avatar__indication","iconButtonShadow":"wds_1_205_0_Avatar__iconButtonShadow","colorA1":"wds_1_205_0_Avatar__colorA1","colorA2":"wds_1_205_0_Avatar__colorA2","colorA3":"wds_1_205_0_Avatar__colorA3","colorA4":"wds_1_205_0_Avatar__colorA4","colorA5":"wds_1_205_0_Avatar__colorA5","colorA6":"wds_1_205_0_Avatar__colorA6","colorA7":"wds_1_205_0_Avatar__colorA7","loaderContainer":"wds_1_205_0_Avatar__loaderContainer","overlay":"wds_1_205_0_Avatar__overlay","loader":"wds_1_205_0_Avatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_204_1_AvatarCore";
+var _namespace_ = "wds_1_205_0_AvatarCore";
 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_204_1_AvatarCore__root","content":"wds_1_204_1_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_205_0_AvatarCore__root","content":"wds_1_205_0_AvatarCore__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_AvatarGroup";
+var _namespace_ = "wds_1_205_0_AvatarGroup";
 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_204_1_AvatarGroup__root","avatarContainer":"wds_1_204_1_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_204_1_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_204_1_AvatarGroup__moreIndicatorText","divider":"wds_1_204_1_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_205_0_AvatarGroup__root","avatarContainer":"wds_1_205_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_205_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_205_0_AvatarGroup__moreIndicatorText","divider":"wds_1_205_0_AvatarGroup__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Badge";
+var _namespace_ = "wds_1_205_0_Badge";
 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_204_1_Badge__root","text-tiny-bold":"wds_1_204_1_StylableTypography__text-tiny-bold","prefix":"wds_1_204_1_Badge__prefix","suffix":"wds_1_204_1_Badge__suffix","BadgeStyle":"wds_1_204_1_Badge__BadgeStyle","text":"wds_1_204_1_Badge__text"};
+module.exports.classes = {"root":"wds_1_205_0_Badge__root","text-tiny-bold":"wds_1_205_0_StylableTypography__text-tiny-bold","prefix":"wds_1_205_0_Badge__prefix","suffix":"wds_1_205_0_Badge__suffix","BadgeStyle":"wds_1_205_0_Badge__BadgeStyle","text":"wds_1_205_0_Badge__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_BadgeSelectItem";
+var _namespace_ = "wds_1_205_0_BadgeSelectItem";
 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_204_1_BadgeSelectItem__root","marker":"wds_1_204_1_BadgeSelectItem__marker"};
+module.exports.classes = {"root":"wds_1_205_0_BadgeSelectItem__root","marker":"wds_1_205_0_BadgeSelectItem__marker"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_BarChart";
+var _namespace_ = "wds_1_205_0_BarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_BarChart__root","wrapper":"wds_1_204_1_BarChart__wrapper","item":"wds_1_204_1_BarChart__item","value":"wds_1_204_1_BarChart__value","description":"wds_1_204_1_BarChart__description"};
+module.exports.classes = {"root":"wds_1_205_0_BarChart__root","wrapper":"wds_1_205_0_BarChart__wrapper","item":"wds_1_205_0_BarChart__item","value":"wds_1_205_0_BarChart__value","description":"wds_1_205_0_BarChart__description"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"height":"72px"}; 
-module.exports.vars = {"barValue":"--wds_1_204_1_BarChart-barValue"}; 
+module.exports.vars = {"barValue":"--wds_1_205_0_BarChart-barValue"}; 
 
 
 

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

@@ -13,7 +13,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_BaseModalLayout";
+var _namespace_ = "wds_1_205_0_BaseModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_BaseModalLayout__root","controlButtons":"wds_1_204_1_BaseModalLayout__controlButtons","helpButton":"wds_1_204_1_BaseModalLayout__helpButton","closeButton":"wds_1_204_1_BaseModalLayout__closeButton","helpIcon":"wds_1_204_1_BaseModalLayout__helpIcon","header":"wds_1_204_1_BaseModalLayout__header","content":"wds_1_204_1_BaseModalLayout__content","footer":"wds_1_204_1_BaseModalLayout__footer","footnote":"wds_1_204_1_BaseModalLayout__footnote","illustration":"wds_1_204_1_BaseModalLayout__illustration"};
+module.exports.classes = {"root":"wds_1_205_0_BaseModalLayout__root","controlButtons":"wds_1_205_0_BaseModalLayout__controlButtons","helpButton":"wds_1_205_0_BaseModalLayout__helpButton","closeButton":"wds_1_205_0_BaseModalLayout__closeButton","helpIcon":"wds_1_205_0_BaseModalLayout__helpIcon","header":"wds_1_205_0_BaseModalLayout__header","content":"wds_1_205_0_BaseModalLayout__content","footer":"wds_1_205_0_BaseModalLayout__footer","footnote":"wds_1_205_0_BaseModalLayout__footnote","illustration":"wds_1_205_0_BaseModalLayout__illustration"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_LayoutBlocksContent";
+var _namespace_ = "wds_1_205_0_LayoutBlocksContent";
 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_204_1_LayoutBlocksContent__root","defaultScrollBar":"wds_1_204_1_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_204_1_LayoutBlocksContent__innerContent","topDivider":"wds_1_204_1_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_204_1_LayoutBlocksContent__bottomDivider"};
+module.exports.classes = {"root":"wds_1_205_0_LayoutBlocksContent__root","defaultScrollBar":"wds_1_205_0_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_205_0_LayoutBlocksContent__innerContent","topDivider":"wds_1_205_0_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_205_0_LayoutBlocksContent__bottomDivider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_LayoutBlocksFooter";
+var _namespace_ = "wds_1_205_0_LayoutBlocksFooter";
 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_204_1_LayoutBlocksFooter__root","innerContent":"wds_1_204_1_LayoutBlocksFooter__innerContent","divider":"wds_1_204_1_LayoutBlocksFooter__divider","actions":"wds_1_204_1_LayoutBlocksFooter__actions","sideActions":"wds_1_204_1_LayoutBlocksFooter__sideActions"};
+module.exports.classes = {"root":"wds_1_205_0_LayoutBlocksFooter__root","innerContent":"wds_1_205_0_LayoutBlocksFooter__innerContent","divider":"wds_1_205_0_LayoutBlocksFooter__divider","actions":"wds_1_205_0_LayoutBlocksFooter__actions","sideActions":"wds_1_205_0_LayoutBlocksFooter__sideActions"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_Footnote";
+var _namespace_ = "wds_1_205_0_Footnote";
 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_204_1_Footnote__root","innerContent":"wds_1_204_1_Footnote__innerContent"};
+module.exports.classes = {"root":"wds_1_205_0_Footnote__root","innerContent":"wds_1_205_0_Footnote__innerContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};