@wix/design-system 1.172.0 → 1.172.1

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_Accordion";
+var _namespace_ = "wds_1_172_1_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_172_0_Accordion__root","accordion":"wds_1_172_0_Accordion__accordion","item":"wds_1_172_0_Accordion__item"};
+module.exports.classes = {"root":"wds_1_172_1_Accordion__root","accordion":"wds_1_172_1_Accordion__accordion","item":"wds_1_172_1_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-accordion-background-fill-light":"--wds-accordion-background-fill-light"}; 
 
 
 

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

@@ -182,6 +182,7 @@ function AccordionItem(_ref2) {
       dataHook: "title",
       ellipsis: true,
       weight: "normal",
+      className: _AccordionItemSt.classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,

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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","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}: 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            },\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\">\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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","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}: 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            },\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":[]}

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

@@ -3,11 +3,14 @@ require("../../../Foundation/stylable/colors.st.css.js");
 require("../../../Foundation/stylable/shadows.st.css.js");
 require("../../../Foundation/stylable/spacing.st.css.js");
 
+require("../../../Foundation/stylable/typography.st.css.js");
+require("../../../Foundation/stylable/typography.st.css.js");
+require("../../../Text/Text.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_172_0_AccordionItem";
+var _namespace_ = "wds_1_172_1_AccordionItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +18,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_0_AccordionItem__root","header":"wds_1_172_0_AccordionItem__header","iconsContainer":"wds_1_172_0_AccordionItem__iconsContainer","affix":"wds_1_172_0_AccordionItem__affix","titleWrapper":"wds_1_172_0_AccordionItem__titleWrapper","children":"wds_1_172_0_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_172_1_AccordionItem__root","header":"wds_1_172_1_AccordionItem__header","title":"wds_1_172_1_AccordionItem__title","iconsContainer":"wds_1_172_1_AccordionItem__iconsContainer","affix":"wds_1_172_1_AccordionItem__affix","titleWrapper":"wds_1_172_1_AccordionItem__titleWrapper","children":"wds_1_172_1_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"}; 
+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-weight":"--wds-accordion-title-font-weight","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"}; 
 
 
 

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

@@ -71,7 +71,9 @@ var AccordionItemCaret = _ref => {
     });
     return /*#__PURE__*/_react.default.createElement(_TextButton.default, {
       className: (0, _AccordionItemCaretSt.st)(_AccordionItemCaretSt.classes.textButton, {
-        withLabel: !!(isLabelShown && label)
+        withLabel: !!(isLabelShown && label),
+        isHovered: hover,
+        disabled
       }),
       skin: skinProp,
       suffixIcon: suffixIcon,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_system","_Button","_TextButton","_constants","_AccordionItemCaretSt","_jsxFileName","AccordionItemCaret","_ref","showLabel","buttonType","skin","open","disabled","hover","collapseLabel","expandLabel","skinProp","skins","neutral","isLabelShown","label","buttonTypes","node","default","createElement","dataHooks","toggleButton","__self","__source","fileName","lineNumber","columnNumber","button","size","priority","dataHook","children","textButton","suffixIcon","CaretDown","CaretRight","className","st","classes","withLabel","_default","exports"],"sources":["../../../../../src/Accordion/components/AccordionItemCaret/AccordionItemCaret.tsx"],"sourcesContent":["import React from 'react';\nimport { CaretDown, CaretRight } from '@wix/wix-ui-icons-common/system';\nimport Button from '../../../Button';\nimport TextButton from '../../../TextButton';\nimport { buttonTypes, dataHooks, skins } from '../../constants';\n\nimport { st, classes } from './AccordionItemCaret.st.css';\nimport { AccordionItemCaretProps } from '../../Accordion.types';\n\nconst AccordionItemCaret = ({\n  showLabel,\n  buttonType,\n  skin,\n  open,\n  disabled,\n  hover,\n  collapseLabel,\n  expandLabel,\n}: AccordionItemCaretProps) => {\n  const skinProp = skin === skins.neutral ? 'dark' : 'standard';\n  const isLabelShown = showLabel === 'always' || hover;\n  const label = open ? collapseLabel : expandLabel;\n\n  if (buttonType === buttonTypes.node && isLabelShown && label) {\n    return <div data-hook={dataHooks.toggleButton}>{label}</div>;\n  }\n\n  if (\n    buttonType === buttonTypes.button &&\n    label &&\n    // For this buttonType, showLabel default is 'always' if undefined.\n    (showLabel === 'hover' ? hover : true)\n  ) {\n    return (\n      <Button\n        skin={skinProp}\n        size=\"small\"\n        priority={open ? 'secondary' : 'primary'}\n        disabled={disabled}\n        dataHook={dataHooks.toggleButton}\n        children={label}\n      />\n    );\n  }\n\n  if (buttonType === buttonTypes.textButton) {\n    const suffixIcon = open ? <CaretDown /> : <CaretRight />;\n\n    return (\n      <TextButton\n        className={st(classes.textButton, {\n          withLabel: !!(isLabelShown && label),\n        })}\n        skin={skinProp}\n        suffixIcon={suffixIcon}\n        disabled={disabled}\n        dataHook={dataHooks.toggleButton}\n        children={isLabelShown && label}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default AccordionItemCaret;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_system","_Button","_TextButton","_constants","_AccordionItemCaretSt","_jsxFileName","AccordionItemCaret","_ref","showLabel","buttonType","skin","open","disabled","hover","collapseLabel","expandLabel","skinProp","skins","neutral","isLabelShown","label","buttonTypes","node","default","createElement","dataHooks","toggleButton","__self","__source","fileName","lineNumber","columnNumber","button","size","priority","dataHook","children","textButton","suffixIcon","CaretDown","CaretRight","className","st","classes","withLabel","isHovered","_default","exports"],"sources":["../../../../../src/Accordion/components/AccordionItemCaret/AccordionItemCaret.tsx"],"sourcesContent":["import React from 'react';\nimport { CaretDown, CaretRight } from '@wix/wix-ui-icons-common/system';\nimport Button from '../../../Button';\nimport TextButton from '../../../TextButton';\nimport { buttonTypes, dataHooks, skins } from '../../constants';\n\nimport { st, classes } from './AccordionItemCaret.st.css';\nimport { AccordionItemCaretProps } from '../../Accordion.types';\n\nconst AccordionItemCaret = ({\n  showLabel,\n  buttonType,\n  skin,\n  open,\n  disabled,\n  hover,\n  collapseLabel,\n  expandLabel,\n}: AccordionItemCaretProps) => {\n  const skinProp = skin === skins.neutral ? 'dark' : 'standard';\n  const isLabelShown = showLabel === 'always' || hover;\n  const label = open ? collapseLabel : expandLabel;\n\n  if (buttonType === buttonTypes.node && isLabelShown && label) {\n    return <div data-hook={dataHooks.toggleButton}>{label}</div>;\n  }\n\n  if (\n    buttonType === buttonTypes.button &&\n    label &&\n    // For this buttonType, showLabel default is 'always' if undefined.\n    (showLabel === 'hover' ? hover : true)\n  ) {\n    return (\n      <Button\n        skin={skinProp}\n        size=\"small\"\n        priority={open ? 'secondary' : 'primary'}\n        disabled={disabled}\n        dataHook={dataHooks.toggleButton}\n        children={label}\n      />\n    );\n  }\n\n  if (buttonType === buttonTypes.textButton) {\n    const suffixIcon = open ? <CaretDown /> : <CaretRight />;\n\n    return (\n      <TextButton\n        className={st(classes.textButton, {\n          withLabel: !!(isLabelShown && label),\n          isHovered: hover,\n          disabled\n        })}\n        skin={skinProp}\n        suffixIcon={suffixIcon}\n        disabled={disabled}\n        dataHook={dataHooks.toggleButton}\n        children={isLabelShown && label}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default AccordionItemCaret;\n"],"mappings":"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","ignoreList":[]}

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_172_0_AccordionItemCaret";
+var _namespace_ = "wds_1_172_1_AccordionItemCaret";
 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_172_0_AccordionItemCaret__root","textButton":"wds_1_172_0_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_172_1_AccordionItemCaret__root","textButton":"wds_1_172_1_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-text-standard-secondary":"--wds-color-text-standard-secondary"}; 
+module.exports.vars = {"wds-accordion-caret-fill":"--wds-accordion-caret-fill","wds-accordion-caret-fill-hover":"--wds-accordion-caret-fill-hover"}; 
 
 
 

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_AddItem";
+var _namespace_ = "wds_1_172_1_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_172_0_AddItem__root","icon":"wds_1_172_0_AddItem__icon","illustration":"wds_1_172_0_AddItem__illustration","contentContainer":"wds_1_172_0_AddItem__contentContainer","content":"wds_1_172_0_AddItem__content","textWrapper":"wds_1_172_0_AddItem__textWrapper","textContent":"wds_1_172_0_AddItem__textContent","subtitle":"wds_1_172_0_AddItem__subtitle","tooltip":"wds_1_172_0_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_172_1_AddItem__root","icon":"wds_1_172_1_AddItem__icon","illustration":"wds_1_172_1_AddItem__illustration","contentContainer":"wds_1_172_1_AddItem__contentContainer","content":"wds_1_172_1_AddItem__content","textWrapper":"wds_1_172_1_AddItem__textWrapper","textContent":"wds_1_172_1_AddItem__textContent","subtitle":"wds_1_172_1_AddItem__subtitle","tooltip":"wds_1_172_1_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_172_0_AddressInputItem";
+var _namespace_ = "wds_1_172_1_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_172_0_AddressInputItem__root"};
+module.exports.classes = {"root":"wds_1_172_1_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_172_0_AnalyticsLayout";
+var _namespace_ = "wds_1_172_1_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_172_0_AnalyticsLayout__root","row":"wds_1_172_0_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_172_1_AnalyticsLayout__root","row":"wds_1_172_1_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_172_0_AnalyticsLayoutCell";
+var _namespace_ = "wds_1_172_1_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_172_0_AnalyticsLayoutCell__root"};
+module.exports.classes = {"root":"wds_1_172_1_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_172_0_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_172_1_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_172_0_AnalyticsSummaryCard__root","title":"wds_1_172_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_172_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_172_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_172_0_AnalyticsSummaryCard__trend","loader":"wds_1_172_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_172_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_172_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_172_0_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_172_1_AnalyticsSummaryCard__root","title":"wds_1_172_1_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_172_1_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_172_1_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_172_1_AnalyticsSummaryCard__trend","loader":"wds_1_172_1_AnalyticsSummaryCard__loader","ctaButton":"wds_1_172_1_AnalyticsSummaryCard__ctaButton","footer":"wds_1_172_1_AnalyticsSummaryCard__footer","sparkline":"wds_1_172_1_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_172_0_AngleInput";
+var _namespace_ = "wds_1_172_1_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_172_0_AngleInput__root","visuallyHidden":"wds_1_172_0_visuallyHidden__visuallyHidden","track":"wds_1_172_0_AngleInput__track","arm":"wds_1_172_0_AngleInput__arm","knob":"wds_1_172_0_AngleInput__knob","knobWrapper":"wds_1_172_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_172_0_AngleInput__visuallyHiddenInput wds_1_172_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_172_1_AngleInput__root","visuallyHidden":"wds_1_172_1_visuallyHidden__visuallyHidden","track":"wds_1_172_1_AngleInput__track","arm":"wds_1_172_1_AngleInput__arm","knob":"wds_1_172_1_AngleInput__knob","knobWrapper":"wds_1_172_1_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_172_1_AngleInput__visuallyHiddenInput wds_1_172_1_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_AnnouncementModalLayout";
+var _namespace_ = "wds_1_172_1_AnnouncementModalLayout";
 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_172_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_172_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_172_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_172_0_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_172_1_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_172_1_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_172_1_AnnouncementModalLayout__link","bottomSpacing":"wds_1_172_1_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_172_0_AreaChart";
+var _namespace_ = "wds_1_172_1_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_172_0_AreaChart__root","lineChart":"wds_1_172_0_AreaChart__lineChart","lineChartCursor":"wds_1_172_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_172_0_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_172_1_AreaChart__root","lineChart":"wds_1_172_1_AreaChart__lineChart","lineChartCursor":"wds_1_172_1_AreaChart__lineChartCursor","lineChartAxis":"wds_1_172_1_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_172_0_AudioPlayer";
+var _namespace_ = "wds_1_172_1_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_172_0_AudioPlayer__root","playPauseButton":"wds_1_172_0_AudioPlayer__playPauseButton","slider":"wds_1_172_0_AudioPlayer__slider","track":"wds_1_172_0_AudioPlayer__track","handle":"wds_1_172_0_AudioPlayer__handle","tooltip":"wds_1_172_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_172_0_AudioPlayer__tooltipTarget","timer":"wds_1_172_0_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_172_1_AudioPlayer__root","playPauseButton":"wds_1_172_1_AudioPlayer__playPauseButton","slider":"wds_1_172_1_AudioPlayer__slider","track":"wds_1_172_1_AudioPlayer__track","handle":"wds_1_172_1_AudioPlayer__handle","tooltip":"wds_1_172_1_AudioPlayer__tooltip","tooltipTarget":"wds_1_172_1_AudioPlayer__tooltipTarget","timer":"wds_1_172_1_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_172_0_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_172_1_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_172_0_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_172_1_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_172_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_172_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_172_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_172_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_172_0_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_172_1_AutoCompleteWithLabel__root","statusMessage":"wds_1_172_1_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_172_1_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_172_1_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_172_1_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_172_0_Avatar";
+var _namespace_ = "wds_1_172_1_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_172_0_Avatar__root","text-small-bold":"wds_1_172_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_172_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_172_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_172_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_172_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_172_0_Avatar__placeholder","avatarContainer":"wds_1_172_0_Avatar__avatarContainer","coreAvatar":"wds_1_172_0_Avatar__coreAvatar","avatar":"wds_1_172_0_Avatar__avatar","presence":"wds_1_172_0_Avatar__presence","indication":"wds_1_172_0_Avatar__indication","iconButtonShadow":"wds_1_172_0_Avatar__iconButtonShadow","colorA1":"wds_1_172_0_Avatar__colorA1","colorA2":"wds_1_172_0_Avatar__colorA2","colorA3":"wds_1_172_0_Avatar__colorA3","colorA4":"wds_1_172_0_Avatar__colorA4","colorA5":"wds_1_172_0_Avatar__colorA5","colorA6":"wds_1_172_0_Avatar__colorA6","colorA7":"wds_1_172_0_Avatar__colorA7","loaderContainer":"wds_1_172_0_Avatar__loaderContainer","overlay":"wds_1_172_0_Avatar__overlay","loader":"wds_1_172_0_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_172_1_Avatar__root","text-small-bold":"wds_1_172_1_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_172_1_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_172_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_172_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_172_1_StylableTypography__text-tiny-bold","placeholder":"wds_1_172_1_Avatar__placeholder","avatarContainer":"wds_1_172_1_Avatar__avatarContainer","coreAvatar":"wds_1_172_1_Avatar__coreAvatar","avatar":"wds_1_172_1_Avatar__avatar","presence":"wds_1_172_1_Avatar__presence","indication":"wds_1_172_1_Avatar__indication","iconButtonShadow":"wds_1_172_1_Avatar__iconButtonShadow","colorA1":"wds_1_172_1_Avatar__colorA1","colorA2":"wds_1_172_1_Avatar__colorA2","colorA3":"wds_1_172_1_Avatar__colorA3","colorA4":"wds_1_172_1_Avatar__colorA4","colorA5":"wds_1_172_1_Avatar__colorA5","colorA6":"wds_1_172_1_Avatar__colorA6","colorA7":"wds_1_172_1_Avatar__colorA7","loaderContainer":"wds_1_172_1_Avatar__loaderContainer","overlay":"wds_1_172_1_Avatar__overlay","loader":"wds_1_172_1_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_172_0_AvatarCore";
+var _namespace_ = "wds_1_172_1_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_172_0_AvatarCore__root","content":"wds_1_172_0_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_172_1_AvatarCore__root","content":"wds_1_172_1_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_172_0_AvatarGroup";
+var _namespace_ = "wds_1_172_1_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_172_0_AvatarGroup__root","avatarContainer":"wds_1_172_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_172_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_172_0_AvatarGroup__moreIndicatorText","divider":"wds_1_172_0_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_172_1_AvatarGroup__root","avatarContainer":"wds_1_172_1_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_172_1_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_172_1_AvatarGroup__moreIndicatorText","divider":"wds_1_172_1_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_172_0_Badge";
+var _namespace_ = "wds_1_172_1_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_172_0_Badge__root","text-tiny-bold":"wds_1_172_0_StylableTypography__text-tiny-bold","prefix":"wds_1_172_0_Badge__prefix","suffix":"wds_1_172_0_Badge__suffix","BadgeStyle":"wds_1_172_0_Badge__BadgeStyle","text":"wds_1_172_0_Badge__text"};
+module.exports.classes = {"root":"wds_1_172_1_Badge__root","text-tiny-bold":"wds_1_172_1_StylableTypography__text-tiny-bold","prefix":"wds_1_172_1_Badge__prefix","suffix":"wds_1_172_1_Badge__suffix","BadgeStyle":"wds_1_172_1_Badge__BadgeStyle","text":"wds_1_172_1_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_172_0_BadgeSelect";
+var _namespace_ = "wds_1_172_1_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_172_0_BadgeSelect__root"};
+module.exports.classes = {"root":"wds_1_172_1_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_172_0_BadgeSelectItem";
+var _namespace_ = "wds_1_172_1_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_172_0_BadgeSelectItem__root","marker":"wds_1_172_0_BadgeSelectItem__marker"};
+module.exports.classes = {"root":"wds_1_172_1_BadgeSelectItem__root","marker":"wds_1_172_1_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_172_0_BarChart";
+var _namespace_ = "wds_1_172_1_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_172_0_BarChart__root","wrapper":"wds_1_172_0_BarChart__wrapper","item":"wds_1_172_0_BarChart__item","value":"wds_1_172_0_BarChart__value","description":"wds_1_172_0_BarChart__description"};
+module.exports.classes = {"root":"wds_1_172_1_BarChart__root","wrapper":"wds_1_172_1_BarChart__wrapper","item":"wds_1_172_1_BarChart__item","value":"wds_1_172_1_BarChart__value","description":"wds_1_172_1_BarChart__description"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"height":"72px"}; 
-module.exports.vars = {"barValue":"--wds_1_172_0_BarChart-barValue"}; 
+module.exports.vars = {"barValue":"--wds_1_172_1_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_172_0_BaseModalLayout";
+var _namespace_ = "wds_1_172_1_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_172_0_BaseModalLayout__root","controlButtons":"wds_1_172_0_BaseModalLayout__controlButtons","helpButton":"wds_1_172_0_BaseModalLayout__helpButton","closeButton":"wds_1_172_0_BaseModalLayout__closeButton","helpIcon":"wds_1_172_0_BaseModalLayout__helpIcon","header":"wds_1_172_0_BaseModalLayout__header","content":"wds_1_172_0_BaseModalLayout__content","footer":"wds_1_172_0_BaseModalLayout__footer","footnote":"wds_1_172_0_BaseModalLayout__footnote","illustration":"wds_1_172_0_BaseModalLayout__illustration"};
+module.exports.classes = {"root":"wds_1_172_1_BaseModalLayout__root","controlButtons":"wds_1_172_1_BaseModalLayout__controlButtons","helpButton":"wds_1_172_1_BaseModalLayout__helpButton","closeButton":"wds_1_172_1_BaseModalLayout__closeButton","helpIcon":"wds_1_172_1_BaseModalLayout__helpIcon","header":"wds_1_172_1_BaseModalLayout__header","content":"wds_1_172_1_BaseModalLayout__content","footer":"wds_1_172_1_BaseModalLayout__footer","footnote":"wds_1_172_1_BaseModalLayout__footnote","illustration":"wds_1_172_1_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_172_0_LayoutBlocksContent";
+var _namespace_ = "wds_1_172_1_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_172_0_LayoutBlocksContent__root","defaultScrollBar":"wds_1_172_0_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_172_0_LayoutBlocksContent__innerContent","topDivider":"wds_1_172_0_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_172_0_LayoutBlocksContent__bottomDivider"};
+module.exports.classes = {"root":"wds_1_172_1_LayoutBlocksContent__root","defaultScrollBar":"wds_1_172_1_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_172_1_LayoutBlocksContent__innerContent","topDivider":"wds_1_172_1_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_172_1_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_172_0_LayoutBlocksFooter";
+var _namespace_ = "wds_1_172_1_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_172_0_LayoutBlocksFooter__root","innerContent":"wds_1_172_0_LayoutBlocksFooter__innerContent","divider":"wds_1_172_0_LayoutBlocksFooter__divider","actions":"wds_1_172_0_LayoutBlocksFooter__actions","sideActions":"wds_1_172_0_LayoutBlocksFooter__sideActions"};
+module.exports.classes = {"root":"wds_1_172_1_LayoutBlocksFooter__root","innerContent":"wds_1_172_1_LayoutBlocksFooter__innerContent","divider":"wds_1_172_1_LayoutBlocksFooter__divider","actions":"wds_1_172_1_LayoutBlocksFooter__actions","sideActions":"wds_1_172_1_LayoutBlocksFooter__sideActions"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};