@wix/design-system 1.145.0 → 1.146.0

package/dist/cjs/ListItemAction/ListItemAction.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/ListItemAction/ListItemAction.types.ts"],"sourcesContent":["import { IconElement } from '../common';\nimport { EllipsisCommonProps } from '../common/Ellipsis';\n\nexport type ListItemActionWithAsProp<T> =\n  | ListItemActionAsButtonProps<T>\n  | ListItemActionAsAnchorProps<T>\n  | ListItemActionGenericProps<T>\n  | ListItemActionAsComponentProps<T>;\n\ntype ListItemActionAsButtonProps<T> =\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    T & {\n      /** render as some other element */\n      as?: 'button';\n      /** On Click */\n      onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    };\n\ntype ListItemActionAsAnchorProps<T> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n    T & {\n      /** render as some other element */\n      as: 'a';\n      /** On Click */\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    };\n\ntype ListItemActionGenericProps<T> = T & {\n  /** render as some other element */\n  as: keyof Omit<HTMLElementTagNameMap, 'a' | 'button'>;\n  /** On Click */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype ListItemActionAsComponentProps<T> = T & {\n  /** render as some other element */\n  as: React.ComponentType<any>;\n  /** On Click */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type ListItemActionSkin =\n  | 'standard'\n  | 'dark'\n  | 'destructive'\n  | 'premium'\n  | 'primary';\nexport type ListItemActionSize = 'small' | 'medium';\n\nexport type ListItemActionProps = ListItemActionWithAsProp<{\n  /** Title */\n  title: string;\n  /** Data attribute for testing purposes */\n  dataHook?: string;\n  /** Item theme (standard, dark, destructive, premium, primary) */\n  skin?: ListItemActionSkin;\n  /** Text Size (small, medium) */\n  size?: ListItemActionSize;\n  /** Prefix Icon */\n  prefixIcon?: IconElement;\n  /** Suffix Icon */\n  suffixIcon?: IconElement;\n  /** Suffix Node */\n  suffix?: React.ReactNode;\n  /** When present, it specifies that a button should automatically get focus when the page loads. */\n  autoFocus?: boolean;\n  /** should the text get ellipsed with tooltip, or should it get broken into lines when it reaches the end of its container */\n  ellipsis?: boolean;\n  /** Disabled */\n  disabled?: boolean;\n  /** Tooltip floating modifiers */\n  tooltipModifiers?: EllipsisCommonProps;\n  /** If true, the item is highlighted */\n  highlighted?: boolean;\n  /** Text of the list item subtitle */\n  subtitle?: string;\n  /** Specifies whether page should be scrolled to the focused item */\n  shouldFocusWithoutScroll?: boolean;\n}>;\n\nexport type ListItemActionRefProps = {\n  focus: () => void;\n};\n\nexport type ListItemActionBuilderParams = Pick<\n  ListItemActionProps,\n  | 'title'\n  | 'prefixIcon'\n  | 'suffixIcon'\n  | 'onClick'\n  | 'disabled'\n  | 'skin'\n  | 'size'\n  | 'dataHook'\n  | 'as'\n  | 'tabIndex'\n  | 'autoFocus'\n  | 'className'\n  | 'ellipsis'\n  | 'subtitle'\n  | 'suffix'\n  | 'shouldFocusWithoutScroll'\n  | 'role'\n> & { id: string | number; ref?: React.ForwardedRef<ListItemActionRefProps> };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/ListItemAction/ListItemAction.types.ts"],"sourcesContent":["import { IconElement } from '../common';\nimport { EllipsisCommonProps } from '../common/Ellipsis';\n\nexport type ListItemActionWithAsProp<T> =\n  | ListItemActionAsButtonProps<T>\n  | ListItemActionAsAnchorProps<T>\n  | ListItemActionGenericProps<T>\n  | ListItemActionAsComponentProps<T>;\n\ntype ListItemActionAsButtonProps<T> =\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    T & {\n      /** render as some other element */\n      as?: 'button';\n      /** On Click */\n      onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    };\n\ntype ListItemActionAsAnchorProps<T> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n    T & {\n      /** render as some other element */\n      as: 'a';\n      /** On Click */\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    };\n\ntype ListItemActionGenericProps<T> = T & {\n  /** render as some other element */\n  as: keyof Omit<HTMLElementTagNameMap, 'a' | 'button'>;\n  /** On Click */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype ListItemActionAsComponentProps<T> = T & {\n  /** render as some other element */\n  as: React.ComponentType<any>;\n  /** On Click */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type ListItemActionSkin =\n  | 'standard'\n  | 'dark'\n  | 'destructive'\n  | 'premium'\n  | 'primary';\nexport type ListItemActionSize = 'small' | 'medium';\n\nexport type ListItemActionProps = ListItemActionWithAsProp<{\n  /** Title */\n  title: string;\n  /** Data attribute for testing purposes */\n  dataHook?: string;\n  /** Item theme (standard, dark, destructive, premium, primary) */\n  skin?: ListItemActionSkin;\n  /** Text Size (small, medium) */\n  size?: ListItemActionSize;\n  /** Prefix Icon */\n  prefixIcon?: IconElement;\n  /** Suffix Icon */\n  suffixIcon?: IconElement;\n  /** Suffix Node */\n  suffix?: React.ReactNode;\n  /** When present, it specifies that a button should automatically get focus when the page loads. */\n  autoFocus?: boolean;\n  /** should the text get ellipsed with tooltip, or should it get broken into lines when it reaches the end of its container */\n  ellipsis?: boolean;\n  /** Disabled */\n  disabled?: boolean;\n  /** Tooltip floating modifiers */\n  tooltipModifiers?: EllipsisCommonProps;\n  /** If true, the item is highlighted, if false - highlighted styles are not automatically applied on item hover */\n  highlighted?: boolean;\n  /** Text of the list item subtitle */\n  subtitle?: string;\n  /** Specifies whether page should be scrolled to the focused item */\n  shouldFocusWithoutScroll?: boolean;\n}>;\n\nexport type ListItemActionRefProps = {\n  focus: () => void;\n};\n\nexport type ListItemActionBuilderParams = Pick<\n  ListItemActionProps,\n  | 'title'\n  | 'prefixIcon'\n  | 'suffixIcon'\n  | 'onClick'\n  | 'disabled'\n  | 'skin'\n  | 'size'\n  | 'dataHook'\n  | 'as'\n  | 'tabIndex'\n  | 'autoFocus'\n  | 'className'\n  | 'ellipsis'\n  | 'subtitle'\n  | 'suffix'\n  | 'shouldFocusWithoutScroll'\n  | 'role'\n> & { id: string | number; ref?: React.ForwardedRef<ListItemActionRefProps> };\n"],"mappings":"","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ListItemEditable";
+var _namespace_ = "wds_1_146_0_ListItemEditable";
 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_145_0_ListItemEditable__root","input":"wds_1_145_0_ListItemEditable__input"};
+module.exports.classes = {"root":"wds_1_146_0_ListItemEditable__root","input":"wds_1_146_0_ListItemEditable__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ListItemSection";
+var _namespace_ = "wds_1_146_0_ListItemSection";
 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_145_0_ListItemSection__root","title":"wds_1_145_0_ListItemSection__title","titleWrapper":"wds_1_145_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_145_0_ListItemSection__suffixWrapper","suffix":"wds_1_145_0_ListItemSection__suffix"};
+module.exports.classes = {"root":"wds_1_146_0_ListItemSection__root","title":"wds_1_146_0_ListItemSection__title","titleWrapper":"wds_1_146_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_146_0_ListItemSection__suffixWrapper","suffix":"wds_1_146_0_ListItemSection__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemSelect/ListItemSelect.js

@@ -25,7 +25,7 @@ var ListItemSelect = _ref => {
   var {
     checkbox = false,
     selected = false,
-    highlighted = false,
+    highlighted,
     ellipsis = false,
     size = _ListItemSelect.SIZES.medium,
     dataHook = 'list-item-select',
@@ -73,7 +73,8 @@ var ListItemSelect = _ref => {
       selected,
       highlighted,
       disabled,
-      size
+      size,
+      hoverHighlightDisabled: highlighted === false
     }, className),
     "data-hook": dataHook,
     "data-selected": selected,
@@ -88,7 +89,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 81,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -98,7 +99,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, prefix && /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
@@ -111,7 +112,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 88,
       columnNumber: 13
     }
   }), prefix), /*#__PURE__*/_react.default.createElement("div", {
@@ -121,14 +122,14 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 99,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(HighlightWrapper, (0, _extends2.default)({}, highlightWrapperProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 104,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
@@ -138,7 +139,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 105,
       columnNumber: 15
     }
   }), title)), subtitle && /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
@@ -150,7 +151,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 114,
       columnNumber: 15
     }
   }), subtitle)), suffix && /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
@@ -160,7 +161,7 @@ var ListItemSelect = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 126,
       columnNumber: 13
     }
   }), suffix))));
@@ -227,7 +228,7 @@ var listItemSelectBuilder = _ref2 => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 178,
+          lineNumber: 185,
           columnNumber: 5
         }
       }));

package/dist/cjs/ListItemSelect/ListItemSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_Box","_Checkbox","_Highlighter","_HighlightContext","_Text","_ListItemSelect","_ListItemSelectSt","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListItemSelect","_ref","checkbox","selected","highlighted","ellipsis","size","SIZES","medium","dataHook","className","disabled","onClick","prefix","suffix","title","subtitle","tooltipProps","highlight","match","useContext","HighlightContext","WrapperComponent","Checkbox","React","Fragment","HighlightWrapper","Highlighter","wrapperComponentProps","dataHooks","CHECKBOX","classes","fullWidthContent","checked","highlightWrapperProps","textProps","tagName","skin","weight","light","secondaryTextProps","secondary","createElement","st","root","undefined","__self","__source","fileName","lineNumber","columnNumber","_extends2","width","verticalAlign","textsWrapper","Boolean","PREFIX","titleWrapper","TITLE","SUBTITLE","small","SUFFIX","displayName","propTypes","PropTypes","string","bool","any","func","_default","exports","listItemSelectBuilder","_ref2","id","label","overrideOptionStyle","value","_ref3","hovered","rest","_objectWithoutProperties2"],"sources":["../../../src/ListItemSelect/ListItemSelect.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useContext } from 'react';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport Highlighter from '../Highlighter';\nimport HighlightContext from '../InputWithOptions/HighlightContext';\nimport Text, { TextProps } from '../Text';\nimport { dataHooks, SIZES } from './ListItemSelect.constants';\nimport { classes, st } from './ListItemSelect.st.css';\nimport {\n  ListItemSelectBuilderParams,\n  ListItemSelectProps,\n} from './ListItemSelect.types';\n\nconst ListItemSelect = ({\n  checkbox = false,\n  selected = false,\n  highlighted = false,\n  ellipsis = false,\n  size = SIZES.medium,\n  dataHook = 'list-item-select',\n  className,\n  disabled,\n  onClick,\n  prefix,\n  suffix,\n  title,\n  subtitle,\n  tooltipProps,\n}: ListItemSelectProps) => {\n  const { highlight, match } = useContext(HighlightContext);\n\n  const WrapperComponent = checkbox ? Checkbox : React.Fragment;\n  const HighlightWrapper = highlight ? Highlighter : React.Fragment;\n\n  const wrapperComponentProps = checkbox\n    ? {\n        dataHook: dataHooks.CHECKBOX,\n        className: classes.fullWidthContent,\n        size,\n        checked: selected,\n        disabled,\n      }\n    : {};\n  const highlightWrapperProps = highlight ? { match } : {};\n\n  const textProps: TextProps = {\n    tagName: 'div',\n    size,\n    ellipsis,\n    tooltipProps,\n    skin: disabled ? 'disabled' : 'standard',\n    weight: 'thin',\n    light: selected && !checkbox,\n  };\n\n  const secondaryTextProps: TextProps = {\n    ...textProps,\n    light: !disabled,\n    secondary: !selected || checkbox,\n  };\n\n  return (\n    <div\n      className={st(\n        classes.root,\n        { checkbox, selected, highlighted, disabled, size },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      onClick={disabled ? undefined : onClick}\n    >\n      <WrapperComponent {...wrapperComponentProps}>\n        <Box\n          width=\"100%\"\n          verticalAlign=\"middle\"\n          className={classes.textsWrapper}\n        >\n          {prefix && (\n            <Text\n              className={st(classes.prefix, {\n                subtitle: Boolean(subtitle),\n              })}\n              dataHook={dataHooks.PREFIX}\n              {...textProps}\n              ellipsis={false}\n            >\n              {prefix}\n            </Text>\n          )}\n          <div\n            className={st(classes.titleWrapper, {\n              subtitle: Boolean(subtitle),\n            })}\n          >\n            <HighlightWrapper {...highlightWrapperProps}>\n              <Text\n                className={classes.title}\n                dataHook={dataHooks.TITLE}\n                {...textProps}\n              >\n                {title}\n              </Text>\n            </HighlightWrapper>\n            {subtitle && (\n              <Text\n                className={classes.subtitle}\n                dataHook={dataHooks.SUBTITLE}\n                secondary\n                {...secondaryTextProps}\n                size={SIZES.small}\n              >\n                {subtitle}\n              </Text>\n            )}\n          </div>\n          {suffix && (\n            <Text\n              dataHook={dataHooks.SUFFIX}\n              className={classes.suffix}\n              {...secondaryTextProps}\n            >\n              {suffix}\n            </Text>\n          )}\n        </Box>\n      </WrapperComponent>\n    </div>\n  );\n};\n\nListItemSelect.displayName = 'ListItemSelect';\n\nListItemSelect.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  checkbox: PropTypes.bool,\n  prefix: PropTypes.any,\n  title: PropTypes.any,\n  subtitle: PropTypes.any,\n  suffix: PropTypes.any,\n  selected: PropTypes.bool,\n  highlighted: PropTypes.bool,\n  disabled: PropTypes.bool,\n  tooltipProps: PropTypes.any,\n  onClick: PropTypes.func,\n  size: PropTypes.any,\n  ellipsis: PropTypes.bool,\n};\n\nexport default ListItemSelect;\n\nexport const listItemSelectBuilder = ({\n  id,\n  className,\n  checkbox,\n  prefix,\n  title,\n  label,\n  subtitle,\n  suffix,\n  disabled,\n  size,\n  ellipsis,\n  dataHook,\n  tooltipProps,\n}: ListItemSelectBuilderParams) => ({\n  id,\n  disabled,\n  overrideOptionStyle: true,\n  label,\n  value: ({\n    selected,\n    hovered,\n    ...rest\n  }: ListItemSelectProps & { hovered?: boolean }) => (\n    <ListItemSelect\n      dataHook={dataHook}\n      className={className}\n      checkbox={checkbox}\n      prefix={prefix}\n      title={title}\n      subtitle={subtitle}\n      suffix={suffix}\n      size={size}\n      ellipsis={ellipsis}\n      selected={selected}\n      highlighted={hovered}\n      tooltipProps={tooltipProps}\n      {...rest}\n    />\n  ),\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_Box","_Checkbox","_Highlighter","_HighlightContext","_Text","_ListItemSelect","_ListItemSelectSt","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListItemSelect","_ref","checkbox","selected","highlighted","ellipsis","size","SIZES","medium","dataHook","className","disabled","onClick","prefix","suffix","title","subtitle","tooltipProps","highlight","match","useContext","HighlightContext","WrapperComponent","Checkbox","React","Fragment","HighlightWrapper","Highlighter","wrapperComponentProps","dataHooks","CHECKBOX","classes","fullWidthContent","checked","highlightWrapperProps","textProps","tagName","skin","weight","light","secondaryTextProps","secondary","createElement","st","root","hoverHighlightDisabled","undefined","__self","__source","fileName","lineNumber","columnNumber","_extends2","width","verticalAlign","textsWrapper","Boolean","PREFIX","titleWrapper","TITLE","SUBTITLE","small","SUFFIX","displayName","propTypes","PropTypes","string","bool","any","func","_default","exports","listItemSelectBuilder","_ref2","id","label","overrideOptionStyle","value","_ref3","hovered","rest","_objectWithoutProperties2"],"sources":["../../../src/ListItemSelect/ListItemSelect.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useContext } from 'react';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport Highlighter from '../Highlighter';\nimport HighlightContext from '../InputWithOptions/HighlightContext';\nimport Text, { TextProps } from '../Text';\nimport { dataHooks, SIZES } from './ListItemSelect.constants';\nimport { classes, st } from './ListItemSelect.st.css';\nimport {\n  ListItemSelectBuilderParams,\n  ListItemSelectProps,\n} from './ListItemSelect.types';\n\nconst ListItemSelect = ({\n  checkbox = false,\n  selected = false,\n  highlighted,\n  ellipsis = false,\n  size = SIZES.medium,\n  dataHook = 'list-item-select',\n  className,\n  disabled,\n  onClick,\n  prefix,\n  suffix,\n  title,\n  subtitle,\n  tooltipProps,\n}: ListItemSelectProps) => {\n  const { highlight, match } = useContext(HighlightContext);\n\n  const WrapperComponent = checkbox ? Checkbox : React.Fragment;\n  const HighlightWrapper = highlight ? Highlighter : React.Fragment;\n\n  const wrapperComponentProps = checkbox\n    ? {\n        dataHook: dataHooks.CHECKBOX,\n        className: classes.fullWidthContent,\n        size,\n        checked: selected,\n        disabled,\n      }\n    : {};\n  const highlightWrapperProps = highlight ? { match } : {};\n\n  const textProps: TextProps = {\n    tagName: 'div',\n    size,\n    ellipsis,\n    tooltipProps,\n    skin: disabled ? 'disabled' : 'standard',\n    weight: 'thin',\n    light: selected && !checkbox,\n  };\n\n  const secondaryTextProps: TextProps = {\n    ...textProps,\n    light: !disabled,\n    secondary: !selected || checkbox,\n  };\n\n  return (\n    <div\n      className={st(\n        classes.root,\n        {\n          checkbox,\n          selected,\n          highlighted,\n          disabled,\n          size,\n          hoverHighlightDisabled: highlighted === false,\n        },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      onClick={disabled ? undefined : onClick}\n    >\n      <WrapperComponent {...wrapperComponentProps}>\n        <Box\n          width='100%'\n          verticalAlign='middle'\n          className={classes.textsWrapper}\n        >\n          {prefix && (\n            <Text\n              className={st(classes.prefix, {\n                subtitle: Boolean(subtitle),\n              })}\n              dataHook={dataHooks.PREFIX}\n              {...textProps}\n              ellipsis={false}\n            >\n              {prefix}\n            </Text>\n          )}\n          <div\n            className={st(classes.titleWrapper, {\n              subtitle: Boolean(subtitle),\n            })}\n          >\n            <HighlightWrapper {...highlightWrapperProps}>\n              <Text\n                className={classes.title}\n                dataHook={dataHooks.TITLE}\n                {...textProps}\n              >\n                {title}\n              </Text>\n            </HighlightWrapper>\n            {subtitle && (\n              <Text\n                className={classes.subtitle}\n                dataHook={dataHooks.SUBTITLE}\n                secondary\n                {...secondaryTextProps}\n                size={SIZES.small}\n              >\n                {subtitle}\n              </Text>\n            )}\n          </div>\n          {suffix && (\n            <Text\n              dataHook={dataHooks.SUFFIX}\n              className={classes.suffix}\n              {...secondaryTextProps}\n            >\n              {suffix}\n            </Text>\n          )}\n        </Box>\n      </WrapperComponent>\n    </div>\n  );\n};\n\nListItemSelect.displayName = 'ListItemSelect';\n\nListItemSelect.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  checkbox: PropTypes.bool,\n  prefix: PropTypes.any,\n  title: PropTypes.any,\n  subtitle: PropTypes.any,\n  suffix: PropTypes.any,\n  selected: PropTypes.bool,\n  highlighted: PropTypes.bool,\n  disabled: PropTypes.bool,\n  tooltipProps: PropTypes.any,\n  onClick: PropTypes.func,\n  size: PropTypes.any,\n  ellipsis: PropTypes.bool,\n};\n\nexport default ListItemSelect;\n\nexport const listItemSelectBuilder = ({\n  id,\n  className,\n  checkbox,\n  prefix,\n  title,\n  label,\n  subtitle,\n  suffix,\n  disabled,\n  size,\n  ellipsis,\n  dataHook,\n  tooltipProps,\n}: ListItemSelectBuilderParams) => ({\n  id,\n  disabled,\n  overrideOptionStyle: true,\n  label,\n  value: ({\n    selected,\n    hovered,\n    ...rest\n  }: ListItemSelectProps & { hovered?: boolean }) => (\n    <ListItemSelect\n      dataHook={dataHook}\n      className={className}\n      checkbox={checkbox}\n      prefix={prefix}\n      title={title}\n      subtitle={subtitle}\n      suffix={suffix}\n      size={size}\n      ellipsis={ellipsis}\n      selected={selected}\n      highlighted={hovered}\n      tooltipProps={tooltipProps}\n      {...rest}\n    />\n  ),\n});\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAAsD,IAAAU,SAAA;AAAA,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAMtD,IAAMkC,cAAc,GAAGC,IAAA,IAeI;EAAA,IAfH;IACtBC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG,KAAK;IAChBC,WAAW;IACXC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAGC,qBAAK,CAACC,MAAM;IACnBC,QAAQ,GAAG,kBAAkB;IAC7BC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC;EACmB,CAAC,GAAAhB,IAAA;EACpB,IAAM;IAAEiB,SAAS;IAAEC;EAAM,CAAC,GAAG,IAAAC,iBAAU,EAACC,yBAAgB,CAAC;EAEzD,IAAMC,gBAAgB,GAAGpB,QAAQ,GAAGqB,iBAAQ,GAAGC,cAAK,CAACC,QAAQ;EAC7D,IAAMC,gBAAgB,GAAGR,SAAS,GAAGS,oBAAW,GAAGH,cAAK,CAACC,QAAQ;EAEjE,IAAMG,qBAAqB,GAAG1B,QAAQ,GAClC;IACEO,QAAQ,EAAEoB,yBAAS,CAACC,QAAQ;IAC5BpB,SAAS,EAAEqB,yBAAO,CAACC,gBAAgB;IACnC1B,IAAI;IACJ2B,OAAO,EAAE9B,QAAQ;IACjBQ;EACF,CAAC,GACD,CAAC,CAAC;EACN,IAAMuB,qBAAqB,GAAGhB,SAAS,GAAG;IAAEC;EAAM,CAAC,GAAG,CAAC,CAAC;EAExD,IAAMgB,SAAoB,GAAG;IAC3BC,OAAO,EAAE,KAAK;IACd9B,IAAI;IACJD,QAAQ;IACRY,YAAY;IACZoB,IAAI,EAAE1B,QAAQ,GAAG,UAAU,GAAG,UAAU;IACxC2B,MAAM,EAAE,MAAM;IACdC,KAAK,EAAEpC,QAAQ,IAAI,CAACD;EACtB,CAAC;EAED,IAAMsC,kBAA6B,GAAA/C,aAAA,CAAAA,aAAA,KAC9B0C,SAAS;IACZI,KAAK,EAAE,CAAC5B,QAAQ;IAChB8B,SAAS,EAAE,CAACtC,QAAQ,IAAID;EAAQ,EACjC;EAED,oBACEhD,MAAA,CAAAiB,OAAA,CAAAuE,aAAA;IACEhC,SAAS,EAAE,IAAAiC,oBAAE,EACXZ,yBAAO,CAACa,IAAI,EACZ;MACE1C,QAAQ;MACRC,QAAQ;MACRC,WAAW;MACXO,QAAQ;MACRL,IAAI;MACJuC,sBAAsB,EAAEzC,WAAW,KAAK;IAC1C,CAAC,EACDM,SACF,CAAE;IACF,aAAWD,QAAS;IACpB,iBAAeN,QAAS;IACxBS,OAAO,EAAED,QAAQ,GAAGmC,SAAS,GAAGlC,OAAQ;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExCjG,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAACpB,gBAAgB,MAAA8B,SAAA,CAAAjF,OAAA,MAAKyD,qBAAqB;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACzCjG,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAACtF,IAAA,CAAAe,OAAG;IACFkF,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtB5C,SAAS,EAAEqB,yBAAO,CAACwB,YAAa;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE/BtC,MAAM,iBACL3D,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAClF,KAAA,CAAAW,OAAI,MAAAiF,SAAA,CAAAjF,OAAA;IACHuC,SAAS,EAAE,IAAAiC,oBAAE,EAACZ,yBAAO,CAAClB,MAAM,EAAE;MAC5BG,QAAQ,EAAEwC,OAAO,CAACxC,QAAQ;IAC5B,CAAC,CAAE;IACHP,QAAQ,EAAEoB,yBAAS,CAAC4B;EAAO,GACvBtB,SAAS;IACb9B,QAAQ,EAAE,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEftC,MACG,CACP,eACD3D,MAAA,CAAAiB,OAAA,CAAAuE,aAAA;IACEhC,SAAS,EAAE,IAAAiC,oBAAE,EAACZ,yBAAO,CAAC2B,YAAY,EAAE;MAClC1C,QAAQ,EAAEwC,OAAO,CAACxC,QAAQ;IAC5B,CAAC,CAAE;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEHjG,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAChB,gBAAgB,MAAA0B,SAAA,CAAAjF,OAAA,MAAK+D,qBAAqB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACzCjG,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAClF,KAAA,CAAAW,OAAI,MAAAiF,SAAA,CAAAjF,OAAA;IACHuC,SAAS,EAAEqB,yBAAO,CAAChB,KAAM;IACzBN,QAAQ,EAAEoB,yBAAS,CAAC8B;EAAM,GACtBxB,SAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEZpC,KACG,CACU,CAAC,EAClBC,QAAQ,iBACP9D,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAClF,KAAA,CAAAW,OAAI,MAAAiF,SAAA,CAAAjF,OAAA;IACHuC,SAAS,EAAEqB,yBAAO,CAACf,QAAS;IAC5BP,QAAQ,EAAEoB,yBAAS,CAAC+B,QAAS;IAC7BnB,SAAS;EAAA,GACLD,kBAAkB;IACtBlC,IAAI,EAAEC,qBAAK,CAACsD,KAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEjBnC,QACG,CAEL,CAAC,EACLF,MAAM,iBACL5D,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAClF,KAAA,CAAAW,OAAI,MAAAiF,SAAA,CAAAjF,OAAA;IACHsC,QAAQ,EAAEoB,yBAAS,CAACiC,MAAO;IAC3BpD,SAAS,EAAEqB,yBAAO,CAACjB;EAAO,GACtB0B,kBAAkB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArF,YAAA;MAAAsF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAErBrC,MACG,CAEL,CACW,CACf,CAAC;AAEV,CAAC;AAEDd,cAAc,CAAC+D,WAAW,GAAG,gBAAgB;AAE7C/D,cAAc,CAACgE,SAAS,GAAG;EACzBvD,QAAQ,EAAEwD,kBAAS,CAACC,MAAM;EAC1BxD,SAAS,EAAEuD,kBAAS,CAACC,MAAM;EAC3BhE,QAAQ,EAAE+D,kBAAS,CAACE,IAAI;EACxBtD,MAAM,EAAEoD,kBAAS,CAACG,GAAG;EACrBrD,KAAK,EAAEkD,kBAAS,CAACG,GAAG;EACpBpD,QAAQ,EAAEiD,kBAAS,CAACG,GAAG;EACvBtD,MAAM,EAAEmD,kBAAS,CAACG,GAAG;EACrBjE,QAAQ,EAAE8D,kBAAS,CAACE,IAAI;EACxB/D,WAAW,EAAE6D,kBAAS,CAACE,IAAI;EAC3BxD,QAAQ,EAAEsD,kBAAS,CAACE,IAAI;EACxBlD,YAAY,EAAEgD,kBAAS,CAACG,GAAG;EAC3BxD,OAAO,EAAEqD,kBAAS,CAACI,IAAI;EACvB/D,IAAI,EAAE2D,kBAAS,CAACG,GAAG;EACnB/D,QAAQ,EAAE4D,kBAAS,CAACE;AACtB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAApG,OAAA,GAEa6B,cAAc;AAEtB,IAAMwE,qBAAqB,GAAGC,KAAA;EAAA,IAAC;IACpCC,EAAE;IACFhE,SAAS;IACTR,QAAQ;IACRW,MAAM;IACNE,KAAK;IACL4D,KAAK;IACL3D,QAAQ;IACRF,MAAM;IACNH,QAAQ;IACRL,IAAI;IACJD,QAAQ;IACRI,QAAQ;IACRQ;EAC2B,CAAC,GAAAwD,KAAA;EAAA,OAAM;IAClCC,EAAE;IACF/D,QAAQ;IACRiE,mBAAmB,EAAE,IAAI;IACzBD,KAAK;IACLE,KAAK,EAAEC,KAAA;MAAA,IAAC;UACN3E,QAAQ;UACR4E;QAE2C,CAAC,GAAAD,KAAA;QADzCE,IAAI,OAAAC,yBAAA,CAAA9G,OAAA,EAAA2G,KAAA,EAAAnH,SAAA;MAAA,oBAEPT,MAAA,CAAAiB,OAAA,CAAAuE,aAAA,CAAC1C,cAAc,MAAAoD,SAAA,CAAAjF,OAAA;QACbsC,QAAQ,EAAEA,QAAS;QACnBC,SAAS,EAAEA,SAAU;QACrBR,QAAQ,EAAEA,QAAS;QACnBW,MAAM,EAAEA,MAAO;QACfE,KAAK,EAAEA,KAAM;QACbC,QAAQ,EAAEA,QAAS;QACnBF,MAAM,EAAEA,MAAO;QACfR,IAAI,EAAEA,IAAK;QACXD,QAAQ,EAAEA,QAAS;QACnBF,QAAQ,EAAEA,QAAS;QACnBC,WAAW,EAAE2E,OAAQ;QACrB9D,YAAY,EAAEA;MAAa,GACvB+D,IAAI;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArF,YAAA;UAAAsF,UAAA;UAAAC,YAAA;QAAA;MAAA,EACT,CAAC;IAAA;EAEN,CAAC;AAAA,CAAC;AAACoB,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ListItemSelect";
+var _namespace_ = "wds_1_146_0_ListItemSelect";
 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_145_0_ListItemSelect__root","mobile":"wds_1_145_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_145_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_145_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_145_0_ListItemSelect__titleWrapper","title":"wds_1_145_0_ListItemSelect__title","prefix":"wds_1_145_0_ListItemSelect__prefix","suffix":"wds_1_145_0_ListItemSelect__suffix","subtitle":"wds_1_145_0_ListItemSelect__subtitle"};
+module.exports.classes = {"root":"wds_1_146_0_ListItemSelect__root","mobile":"wds_1_146_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_146_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_146_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_146_0_ListItemSelect__titleWrapper","title":"wds_1_146_0_ListItemSelect__title","prefix":"wds_1_146_0_ListItemSelect__prefix","suffix":"wds_1_146_0_ListItemSelect__suffix","subtitle":"wds_1_146_0_ListItemSelect__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemSelect/ListItemSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/ListItemSelect/ListItemSelect.types.ts"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport { TooltipProps } from '../Tooltip';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { SIZES } from './ListItemSelect.constants';\n\nexport type ListItemSelectSizes = ValuesOf<typeof SIZES>;\n\nexport type ListItemSelectProps = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className?: string;\n\n  /** If true, a checkbox will be shown */\n  checkbox?: boolean;\n\n  /** Any prefix */\n  prefix?: ReactNode;\n\n  /** Title of the list item */\n  title?: ReactNode;\n\n  /** Text of the list item subtitle */\n  subtitle?: ReactNode;\n\n  /** Any suffix */\n  suffix?: ReactNode;\n\n  /** If true, the item is selected */\n  selected?: boolean;\n\n  /** If true, the item is highlighted */\n  highlighted?: boolean;\n\n  /** If true, the item is disabled */\n  disabled?: boolean;\n\n  /** Allows to pass all common tooltip props. */\n  tooltipProps?: TooltipProps;\n\n  /** Callback function triggered when list item is clicked */\n  onClick?: MouseEventHandler<HTMLElement>;\n\n  /** Changing text size */\n  size?: ListItemSelectSizes;\n\n  /** If true, long text won't break into more than one line and will be terminated with an ellipsis */\n  ellipsis?: boolean;\n};\n\nexport type ListItemSelectBuilderParams = {\n  id: string | number;\n  label?: string;\n} & Omit<ListItemSelectProps, 'onClick' | 'highlighted'>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/ListItemSelect/ListItemSelect.types.ts"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport { TooltipProps } from '../Tooltip';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { SIZES } from './ListItemSelect.constants';\n\nexport type ListItemSelectSizes = ValuesOf<typeof SIZES>;\n\nexport type ListItemSelectProps = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className?: string;\n\n  /** If true, a checkbox will be shown */\n  checkbox?: boolean;\n\n  /** Any prefix */\n  prefix?: ReactNode;\n\n  /** Title of the list item */\n  title?: ReactNode;\n\n  /** Text of the list item subtitle */\n  subtitle?: ReactNode;\n\n  /** Any suffix */\n  suffix?: ReactNode;\n\n  /** If true, the item is selected */\n  selected?: boolean;\n\n  /** If true, the item is highlighted, if false - highlighted styles are not automatically applied on item hover */\n  highlighted?: boolean;\n\n  /** If true, the item is disabled */\n  disabled?: boolean;\n\n  /** Allows to pass all common tooltip props. */\n  tooltipProps?: TooltipProps;\n\n  /** Callback function triggered when list item is clicked */\n  onClick?: MouseEventHandler<HTMLElement>;\n\n  /** Changing text size */\n  size?: ListItemSelectSizes;\n\n  /** If true, long text won't break into more than one line and will be terminated with an ellipsis */\n  ellipsis?: boolean;\n};\n\nexport type ListItemSelectBuilderParams = {\n  id: string | number;\n  label?: string;\n} & Omit<ListItemSelectProps, 'onClick' | 'highlighted'>;\n"],"mappings":"","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ListItemSelectIcon";
+var _namespace_ = "wds_1_146_0_ListItemSelectIcon";
 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_145_0_ListItemSelectIcon__root","contentWrapper":"wds_1_145_0_ListItemSelectIcon__contentWrapper","content":"wds_1_145_0_ListItemSelectIcon__content"};
+module.exports.classes = {"root":"wds_1_146_0_ListItemSelectIcon__root","contentWrapper":"wds_1_146_0_ListItemSelectIcon__contentWrapper","content":"wds_1_146_0_ListItemSelectIcon__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Loader";
+var _namespace_ = "wds_1_146_0_Loader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_Loader__root","statusIndicator":"wds_1_145_0_Loader__statusIndicator","arcsContainer":"wds_1_145_0_Loader__arcsContainer","darkArc":"wds_1_145_0_Loader__darkArc","lightArc":"wds_1_145_0_Loader__lightArc","text":"wds_1_145_0_Loader__text"};
-module.exports.keyframes = {"rotation":"wds_1_145_0_Loader__rotation","staggered-rotation":"wds_1_145_0_Loader__staggered-rotation"}; 
+module.exports.classes = {"root":"wds_1_146_0_Loader__root","statusIndicator":"wds_1_146_0_Loader__statusIndicator","arcsContainer":"wds_1_146_0_Loader__arcsContainer","darkArc":"wds_1_146_0_Loader__darkArc","lightArc":"wds_1_146_0_Loader__lightArc","text":"wds_1_146_0_Loader__text"};
+module.exports.keyframes = {"rotation":"wds_1_146_0_Loader__rotation","staggered-rotation":"wds_1_146_0_Loader__staggered-rotation"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MarketingLayout";
+var _namespace_ = "wds_1_146_0_MarketingLayout";
 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_145_0_MarketingLayout__root","text-medium-bold":"wds_1_145_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_145_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_145_0_MarketingLayout__contentWrapper","title":"wds_1_145_0_MarketingLayout__title","description":"wds_1_145_0_MarketingLayout__description","badge":"wds_1_145_0_MarketingLayout__badge","imageWrapper":"wds_1_145_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_145_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_145_0_MarketingLayout__imageBackground"};
+module.exports.classes = {"root":"wds_1_146_0_MarketingLayout__root","text-medium-bold":"wds_1_146_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_146_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_146_0_MarketingLayout__contentWrapper","title":"wds_1_146_0_MarketingLayout__title","description":"wds_1_146_0_MarketingLayout__description","badge":"wds_1_146_0_MarketingLayout__badge","imageWrapper":"wds_1_146_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_146_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_146_0_MarketingLayout__imageBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"badgePaddingSize":"--wds_1_145_0_MarketingLayout-badgePaddingSize"}; 
+module.exports.vars = {"badgePaddingSize":"--wds_1_146_0_MarketingLayout-badgePaddingSize"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MarketingPageLayout";
+var _namespace_ = "wds_1_146_0_MarketingPageLayout";
 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_145_0_MarketingPageLayout__root","contentContainer":"wds_1_145_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_145_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_145_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_145_0_MarketingPageLayout__footerContainer"};
+module.exports.classes = {"root":"wds_1_146_0_MarketingPageLayout__root","contentContainer":"wds_1_146_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_146_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_146_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_146_0_MarketingPageLayout__footerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MarketingPageLayoutContent";
+var _namespace_ = "wds_1_146_0_MarketingPageLayoutContent";
 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_145_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_145_0_MarketingPageLayoutContent__overlineDividerContainer"};
+module.exports.classes = {"root":"wds_1_146_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_146_0_MarketingPageLayoutContent__overlineDividerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MediaOverlay";
+var _namespace_ = "wds_1_146_0_MediaOverlay";
 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_145_0_MediaOverlay__root","overlay":"wds_1_145_0_MediaOverlay__overlay","contentRow":"wds_1_145_0_MediaOverlay__contentRow","contentArea":"wds_1_145_0_MediaOverlay__contentArea","hoverEnter":"wds_1_145_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_145_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_145_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_145_0_MediaOverlay__hoverExit"};
+module.exports.classes = {"root":"wds_1_146_0_MediaOverlay__root","overlay":"wds_1_146_0_MediaOverlay__overlay","contentRow":"wds_1_146_0_MediaOverlay__contentRow","contentArea":"wds_1_146_0_MediaOverlay__contentArea","hoverEnter":"wds_1_146_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_146_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_146_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_146_0_MediaOverlay__hoverExit"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MessageBoxFunctionalLayout";
+var _namespace_ = "wds_1_146_0_MessageBoxFunctionalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_145_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_145_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_145_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_145_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_145_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_145_0_MessageBoxFunctionalLayout__header","heading":"wds_1_145_0_MessageBoxFunctionalLayout__heading","content":"wds_1_145_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_145_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_145_0_MessageBoxFunctionalLayout__image","footer":"wds_1_145_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_145_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_145_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_145_0_MessageBoxFunctionalLayout__controlButtons"};
+module.exports.classes = {"root":"wds_1_146_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_146_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_146_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_146_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_146_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_146_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_146_0_MessageBoxFunctionalLayout__header","heading":"wds_1_146_0_MessageBoxFunctionalLayout__heading","content":"wds_1_146_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_146_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_146_0_MessageBoxFunctionalLayout__image","footer":"wds_1_146_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_146_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_146_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_146_0_MessageBoxFunctionalLayout__controlButtons"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MessageBoxMarketerialLayout";
+var _namespace_ = "wds_1_146_0_MessageBoxMarketerialLayout";
 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_145_0_MessageBoxMarketerialLayout__root","header":"wds_1_145_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_145_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_145_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_145_0_MessageBoxMarketerialLayout__title","content":"wds_1_145_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_145_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_145_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_145_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_145_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_145_0_MessageBoxMarketerialLayout__close"};
+module.exports.classes = {"root":"wds_1_146_0_MessageBoxMarketerialLayout__root","header":"wds_1_146_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_146_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_146_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_146_0_MessageBoxMarketerialLayout__title","content":"wds_1_146_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_146_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_146_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_146_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_146_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_146_0_MessageBoxMarketerialLayout__close"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MessageModalLayout";
+var _namespace_ = "wds_1_146_0_MessageModalLayout";
 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_145_0_MessageModalLayout__root","topAreaContainer":"wds_1_145_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_145_0_MessageModalLayout__contentAreaContainer"};
+module.exports.classes = {"root":"wds_1_146_0_MessageModalLayout__root","topAreaContainer":"wds_1_146_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_146_0_MessageModalLayout__contentAreaContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_MobilePreviewWidget";
+var _namespace_ = "wds_1_146_0_MobilePreviewWidget";
 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_145_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_145_0_defaultscrollbar__defaultScrollBar","header":"wds_1_145_0_MobilePreviewWidget__header","camera":"wds_1_145_0_MobilePreviewWidget__camera","speaker":"wds_1_145_0_MobilePreviewWidget__speaker","content":"wds_1_145_0_MobilePreviewWidget__content","footer":"wds_1_145_0_MobilePreviewWidget__footer"};
+module.exports.classes = {"root":"wds_1_146_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_146_0_defaultscrollbar__defaultScrollBar","header":"wds_1_146_0_MobilePreviewWidget__header","camera":"wds_1_146_0_MobilePreviewWidget__camera","speaker":"wds_1_146_0_MobilePreviewWidget__speaker","content":"wds_1_146_0_MobilePreviewWidget__content","footer":"wds_1_146_0_MobilePreviewWidget__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Modal";
+var _namespace_ = "wds_1_146_0_Modal";
 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_145_0_Modal__root","childrenContainer":"wds_1_145_0_Modal__childrenContainer","closeButton":"wds_1_145_0_Modal__closeButton","modal":"wds_1_145_0_Modal__modal","navPrev":"wds_1_145_0_Modal__navPrev","navNext":"wds_1_145_0_Modal__navNext"};
+module.exports.classes = {"root":"wds_1_146_0_Modal__root","childrenContainer":"wds_1_146_0_Modal__childrenContainer","closeButton":"wds_1_146_0_Modal__closeButton","modal":"wds_1_146_0_Modal__modal","navPrev":"wds_1_146_0_Modal__navPrev","navNext":"wds_1_146_0_Modal__navNext"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ModalMobileLayout";
+var _namespace_ = "wds_1_146_0_ModalMobileLayout";
 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_145_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_145_0_defaultscrollbar__defaultScrollBar","container":"wds_1_145_0_ModalMobileLayout__container","close":"wds_1_145_0_ModalMobileLayout__close","content":"wds_1_145_0_ModalMobileLayout__content"};
+module.exports.classes = {"root":"wds_1_146_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_146_0_defaultscrollbar__defaultScrollBar","container":"wds_1_146_0_ModalMobileLayout__container","close":"wds_1_146_0_ModalMobileLayout__close","content":"wds_1_146_0_ModalMobileLayout__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalMobileLayout/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_Footer";
+var _namespace_ = "wds_1_146_0_Footer";
 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_145_0_Footer__root"};
+module.exports.classes = {"root":"wds_1_146_0_Footer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_Title";
+var _namespace_ = "wds_1_146_0_Title";
 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_145_0_Title__root"};
+module.exports.classes = {"root":"wds_1_146_0_Title__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ModalPreviewLayout";
+var _namespace_ = "wds_1_146_0_ModalPreviewLayout";
 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_145_0_ModalPreviewLayout__root","header":"wds_1_145_0_ModalPreviewLayout__header","title":"wds_1_145_0_ModalPreviewLayout__title","actions":"wds_1_145_0_ModalPreviewLayout__actions","closeButton":"wds_1_145_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_145_0_ModalPreviewLayout__innerOverlay","content":"wds_1_145_0_ModalPreviewLayout__content","navigationButton":"wds_1_145_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_145_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_145_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_145_0_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_146_0_ModalPreviewLayout__root","header":"wds_1_146_0_ModalPreviewLayout__header","title":"wds_1_146_0_ModalPreviewLayout__title","actions":"wds_1_146_0_ModalPreviewLayout__actions","closeButton":"wds_1_146_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_146_0_ModalPreviewLayout__innerOverlay","content":"wds_1_146_0_ModalPreviewLayout__content","navigationButton":"wds_1_146_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_146_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_146_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_146_0_ModalPreviewLayout__modalTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_ModalSelectorLayout";
+var _namespace_ = "wds_1_146_0_ModalSelectorLayout";
 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_145_0_ModalSelectorLayout__root","modalContent":"wds_1_145_0_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_146_0_ModalSelectorLayout__root","modalContent":"wds_1_146_0_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};