@wix/design-system 1.141.1 → 1.143.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_VerticalTabsItem";
+var _namespace_ = "wds_1_143_0_VerticalTabsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_VerticalTabsItem__root","title":"wds_1_141_1_VerticalTabsItem__title","selectableItem":"wds_1_141_1_VerticalTabsItem__selectableItem","text":"wds_1_141_1_VerticalTabsItem__text","textButton":"wds_1_141_1_VerticalTabsItem__textButton","prefixIcon":"wds_1_141_1_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_141_1_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_143_0_VerticalTabsItem__root","title":"wds_1_143_0_VerticalTabsItem__title","selectableItem":"wds_1_143_0_VerticalTabsItem__selectableItem","text":"wds_1_143_0_VerticalTabsItem__text","textButton":"wds_1_143_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_143_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_143_0_VerticalTabsItem__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_141_1_VerticalTabsItem-focus-ring-inset"}; 
+module.exports.vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_143_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_WixDesignSystemProvider";
+var _namespace_ = "wds_1_143_0_WixDesignSystemProvider";
 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_141_1_WixDesignSystemProvider__root","mobile":"wds_1_141_1_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_143_0_WixDesignSystemProvider__root","mobile":"wds_1_143_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixDesignSystemProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_madefor";
+var _namespace_ = "wds_1_143_0_madefor";
 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_141_1_madefor__root","madefor":"wds_1_141_1_madefor__madefor"};
+module.exports.classes = {"root":"wds_1_143_0_madefor__root","madefor":"wds_1_143_0_madefor__madefor"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixDesignSystemProvider/newColorsBranding.st.css.js

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

package/dist/cjs/common/AdaptiveHeading/AdaptiveHeading.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_141_1_AdaptiveHeading";
+var _namespace_ = "wds_1_143_0_AdaptiveHeading";
 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_141_1_AdaptiveHeading__root","headerWrapper":"wds_1_141_1_AdaptiveHeading__headerWrapper","headerShort":"wds_1_141_1_AdaptiveHeading__headerShort","headerFull":"wds_1_141_1_AdaptiveHeading__headerFull","ellipsis":"wds_1_141_1_AdaptiveHeading__ellipsis"};
+module.exports.classes = {"root":"wds_1_143_0_AdaptiveHeading__root","headerWrapper":"wds_1_143_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_143_0_AdaptiveHeading__headerShort","headerFull":"wds_1_143_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_143_0_AdaptiveHeading__ellipsis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/Ellipsis/Ellipsis.js

@@ -10,7 +10,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
 var _EllipsisSt = require("./Ellipsis.st.css.js");
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
-var _ZIndex = require("../../ZIndex");
+var _constants = require("../ZIndex/constants");
 var _TooltipCommon = require("../PropTypes/TooltipCommon");
 var _TextComponent = _interopRequireDefault(require("./components/TextComponent"));
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/common/Ellipsis/Ellipsis.tsx";
@@ -239,7 +239,7 @@ Ellipsis.defaultProps = {
   flip: false,
   fixed: false,
   placement: 'top',
-  zIndex: (0, _ZIndex.ZIndex)('Tooltip'),
+  zIndex: _constants.ZIndex.tooltip,
   enterDelay: 0,
   exitDelay: 0,
   showTooltip: true

package/dist/cjs/common/Ellipsis/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_debounce","_shallowequal","_EllipsisSt","_Tooltip","_ZIndex","_TooltipCommon","_TextComponent","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Ellipsis","React","PureComponent","constructor","props","ref","tooltipRef","_onTextRendered","isActive","textContent","state","newTextContent","_getTextContent","shouldBeActive","_checkShouldBeActive","newState","textRendered","setState","oldState","_updateIsActive","current","textElement","_isOverflowingHorizontally","_isOverflowingVertically","_textElement$parentEl","ellipsis","parentWidth","parentElement","offsetWidth","scrollWidth","_textElement$parentEl2","maxLines","parentHeight","offsetHeight","scrollHeight","_debouncedUpdate","debounce","createRef","componentDidMount","_this$props$onEllipsi","_this$props","window","addEventListener","onEllipsisStateChange","call","_renderText","render","createElement","onTextRendered","textElementRef","isEllipsisActive","__self","__source","fileName","lineNumber","columnNumber","appendTo","wrapperClassName","disabled","enterDelay","exitDelay","fixed","flip","maxWidth","moveArrowTo","onHide","onShow","placement","showTooltip","textAlign","zIndex","size","interactive","className","st","classes","tooltip","content","getDerivedStateFromProps","textPropsChanged","prevRender","prevEllipsis","prevMaxLines","componentDidUpdate","prevProps","prevState","shallowEqual","componentWillUnmount","cancel","removeEventListener","propTypes","PropTypes","bool","string","func","number","TooltipCommonProps","defaultProps","ZIndex","_default","exports"],"sources":["../../../../src/common/Ellipsis/Ellipsis.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport shallowEqual from 'shallowequal';\nimport { st, classes } from './Ellipsis.st.css';\nimport Tooltip, { TooltipActions } from '../../Tooltip';\nimport { ZIndex } from '../../ZIndex';\nimport { TooltipCommonProps } from '../PropTypes/TooltipCommon';\nimport { EllipsisState, EllipsisProps } from './Ellipsis.types';\nimport TextComponent from './components/TextComponent';\n\ntype DefaultProps = Required<\n  Pick<\n    EllipsisProps,\n    | 'ellipsis'\n    | 'appendTo'\n    | 'placement'\n    | 'flip'\n    | 'fixed'\n    | 'zIndex'\n    | 'enterDelay'\n    | 'exitDelay'\n    | 'showTooltip'\n  >\n>;\ntype Props = EllipsisProps & DefaultProps;\n\nclass Ellipsis extends React.PureComponent<EllipsisProps, EllipsisState> {\n  static propTypes = {\n    /** When true, text that is longer than it's container will be truncated to a single line followed by ellipsis. Otherwise the text will break into several lines. */\n    ellipsis: PropTypes.bool,\n\n    /** True by default, set it to false in order to show ellipsis without a tooltip. */\n    showTooltip: PropTypes.bool,\n\n    /** A className to be applied to the Ellipsis wrapper. */\n    wrapperClassName: PropTypes.string,\n\n    /** The render function, use it to render a text you want to truncate with ellipsis. */\n    render: PropTypes.func,\n\n    /** maxLines truncates text at a specific number of lines. */\n    maxLines: PropTypes.number,\n\n    /** A callback fired when ellipsis state changes. */\n    onEllipsisStateChange: PropTypes.func,\n\n    // Tooltip props\n    ...TooltipCommonProps,\n  };\n\n  static defaultProps: DefaultProps = {\n    ellipsis: false,\n    appendTo: 'window',\n    flip: false,\n    fixed: false,\n    placement: 'top',\n    zIndex: ZIndex('Tooltip'),\n    enterDelay: 0,\n    exitDelay: 0,\n    showTooltip: true,\n  } as const;\n\n  private ref: React.RefObject<HTMLElement>;\n  private tooltipRef: React.RefObject<TooltipActions>;\n\n  constructor(props: Props) {\n    super(props);\n\n    this.state = {\n      isActive: false,\n      textContent: null,\n      textRendered: false,\n    };\n\n    this.ref = React.createRef();\n    this.tooltipRef = React.createRef();\n  }\n\n  /**\n   * Once text component has rendered,\n   * Update text content and tooltip active state\n   * @private\n   */\n  _onTextRendered = () => {\n    const { isActive, textContent } = this.state;\n\n    const newTextContent = this._getTextContent();\n    const shouldBeActive = this._checkShouldBeActive();\n\n    const newState = {\n      textRendered: true,\n      ...(newTextContent !== textContent\n        ? { textContent: newTextContent }\n        : {}),\n      ...(shouldBeActive !== isActive ? { isActive: shouldBeActive } : {}),\n    };\n\n    this.setState(oldState => ({ ...oldState, ...newState }));\n  };\n\n  /**\n   * An ellipsis is considered active when either the text's scroll width/height is wider than it's container or itself.\n   * @private\n   */\n  _updateIsActive = () => {\n    const { isActive } = this.state;\n\n    const shouldBeActive = this._checkShouldBeActive();\n    if (shouldBeActive !== isActive) {\n      this.setState({ isActive: shouldBeActive });\n    }\n  };\n\n  _getTextContent = () => {\n    const { current: textElement } = this.ref;\n    return textElement && textElement.textContent;\n  };\n\n  _checkShouldBeActive = () =>\n    this._isOverflowingHorizontally() || this._isOverflowingVertically();\n\n  _isOverflowingHorizontally = () => {\n    const { current: textElement } = this.ref;\n    const { ellipsis } = this.props;\n    const parentWidth = textElement?.parentElement?.offsetWidth;\n\n    return !!(\n      ellipsis &&\n      textElement &&\n      ((parentWidth && textElement.scrollWidth - parentWidth > 1) ||\n        textElement.offsetWidth < textElement.scrollWidth)\n    );\n  };\n\n  _isOverflowingVertically = () => {\n    const { current: textElement } = this.ref;\n    const { ellipsis, maxLines } = this.props;\n    const parentHeight = textElement?.parentElement?.offsetHeight;\n\n    return !!(\n      maxLines &&\n      maxLines > 1 &&\n      ellipsis &&\n      textElement &&\n      ((parentHeight && textElement.scrollHeight - parentHeight > 1) ||\n        textElement.offsetHeight < textElement.scrollHeight)\n    );\n  };\n\n  /**\n   * A callback for resizing the window, must be debounced in order to improve performance.\n   * @private\n   */\n  _debouncedUpdate = debounce(this._updateIsActive, 100);\n\n  componentDidMount() {\n    window.addEventListener('resize', this._debouncedUpdate);\n    this.props.onEllipsisStateChange?.(this.state.isActive);\n  }\n\n  _renderText() {\n    const { render, ellipsis, maxLines } = this.props;\n    const { textRendered, isActive } = this.state;\n\n    return (\n      <TextComponent\n        {...{ render, ellipsis, maxLines, textRendered }}\n        onTextRendered={this._onTextRendered}\n        textElementRef={this.ref}\n        isEllipsisActive={isActive}\n        tooltipRef={this.tooltipRef}\n      />\n    );\n  }\n\n  render() {\n    const {\n      appendTo,\n      wrapperClassName,\n      disabled,\n      enterDelay,\n      exitDelay,\n      fixed,\n      flip,\n      maxWidth,\n      moveArrowTo,\n      onHide,\n      onShow,\n      placement,\n      showTooltip,\n      textAlign,\n      zIndex,\n      size,\n      interactive,\n    } = this.props;\n    const { isActive, textContent } = this.state;\n\n    return showTooltip && isActive ? (\n      <Tooltip\n        ref={this.tooltipRef}\n        className={st(classes.tooltip, wrapperClassName)}\n        content={textContent}\n        {...{\n          appendTo,\n          disabled,\n          enterDelay,\n          exitDelay,\n          fixed,\n          flip,\n          maxWidth,\n          moveArrowTo,\n          onHide,\n          onShow,\n          placement,\n          textAlign,\n          zIndex,\n          size,\n          interactive,\n        }}\n      >\n        {this._renderText()}\n      </Tooltip>\n    ) : (\n      this._renderText()\n    );\n  }\n\n  static getDerivedStateFromProps(\n    props: EllipsisProps,\n    state: EllipsisState & {\n      prevRender: EllipsisProps['render'];\n      prevEllipsis: EllipsisProps['ellipsis'];\n      prevMaxLines: EllipsisProps['maxLines'];\n    },\n  ) {\n    const { render, ellipsis, maxLines } = props;\n    const textPropsChanged =\n      state.prevRender !== render ||\n      state.prevEllipsis !== ellipsis ||\n      state.prevMaxLines !== maxLines;\n\n    if (!textPropsChanged) {\n      return null;\n    }\n\n    // Text changed, initialize textRendered state\n    return {\n      textRendered: false,\n      prevRender: render,\n      prevEllipsis: ellipsis,\n      prevMaxLines: maxLines,\n    };\n  }\n\n  componentDidUpdate(prevProps: EllipsisProps, prevState: EllipsisState) {\n    const { textRendered, isActive } = this.state;\n\n    if (textRendered && !shallowEqual(prevProps, this.props)) {\n      this._updateIsActive();\n    }\n\n    if (prevState.isActive !== isActive && this.props.onEllipsisStateChange) {\n      this.props.onEllipsisStateChange(this.state.isActive);\n    }\n  }\n\n  componentWillUnmount() {\n    this._debouncedUpdate.cancel();\n    window.removeEventListener('resize', this._debouncedUpdate);\n  }\n}\n\nexport default Ellipsis;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_debounce","_shallowequal","_EllipsisSt","_Tooltip","_constants","_TooltipCommon","_TextComponent","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Ellipsis","React","PureComponent","constructor","props","ref","tooltipRef","_onTextRendered","isActive","textContent","state","newTextContent","_getTextContent","shouldBeActive","_checkShouldBeActive","newState","textRendered","setState","oldState","_updateIsActive","current","textElement","_isOverflowingHorizontally","_isOverflowingVertically","_textElement$parentEl","ellipsis","parentWidth","parentElement","offsetWidth","scrollWidth","_textElement$parentEl2","maxLines","parentHeight","offsetHeight","scrollHeight","_debouncedUpdate","debounce","createRef","componentDidMount","_this$props$onEllipsi","_this$props","window","addEventListener","onEllipsisStateChange","call","_renderText","render","createElement","onTextRendered","textElementRef","isEllipsisActive","__self","__source","fileName","lineNumber","columnNumber","appendTo","wrapperClassName","disabled","enterDelay","exitDelay","fixed","flip","maxWidth","moveArrowTo","onHide","onShow","placement","showTooltip","textAlign","zIndex","size","interactive","className","st","classes","tooltip","content","getDerivedStateFromProps","textPropsChanged","prevRender","prevEllipsis","prevMaxLines","componentDidUpdate","prevProps","prevState","shallowEqual","componentWillUnmount","cancel","removeEventListener","propTypes","PropTypes","bool","string","func","number","TooltipCommonProps","defaultProps","ZIndex","_default","exports"],"sources":["../../../../src/common/Ellipsis/Ellipsis.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport shallowEqual from 'shallowequal';\nimport { st, classes } from './Ellipsis.st.css';\nimport Tooltip, { TooltipActions } from '../../Tooltip';\nimport { ZIndex } from '../ZIndex/constants';\nimport { TooltipCommonProps } from '../PropTypes/TooltipCommon';\nimport { EllipsisState, EllipsisProps } from './Ellipsis.types';\nimport TextComponent from './components/TextComponent';\n\ntype DefaultProps = Required<\n  Pick<\n    EllipsisProps,\n    | 'ellipsis'\n    | 'appendTo'\n    | 'placement'\n    | 'flip'\n    | 'fixed'\n    | 'zIndex'\n    | 'enterDelay'\n    | 'exitDelay'\n    | 'showTooltip'\n  >\n>;\ntype Props = EllipsisProps & DefaultProps;\n\nclass Ellipsis extends React.PureComponent<EllipsisProps, EllipsisState> {\n  static propTypes = {\n    /** When true, text that is longer than it's container will be truncated to a single line followed by ellipsis. Otherwise the text will break into several lines. */\n    ellipsis: PropTypes.bool,\n\n    /** True by default, set it to false in order to show ellipsis without a tooltip. */\n    showTooltip: PropTypes.bool,\n\n    /** A className to be applied to the Ellipsis wrapper. */\n    wrapperClassName: PropTypes.string,\n\n    /** The render function, use it to render a text you want to truncate with ellipsis. */\n    render: PropTypes.func,\n\n    /** maxLines truncates text at a specific number of lines. */\n    maxLines: PropTypes.number,\n\n    /** A callback fired when ellipsis state changes. */\n    onEllipsisStateChange: PropTypes.func,\n\n    // Tooltip props\n    ...TooltipCommonProps,\n  };\n\n  static defaultProps: DefaultProps = {\n    ellipsis: false,\n    appendTo: 'window',\n    flip: false,\n    fixed: false,\n    placement: 'top',\n    zIndex: ZIndex.tooltip,\n    enterDelay: 0,\n    exitDelay: 0,\n    showTooltip: true,\n  } as const;\n\n  private ref: React.RefObject<HTMLElement>;\n  private tooltipRef: React.RefObject<TooltipActions>;\n\n  constructor(props: Props) {\n    super(props);\n\n    this.state = {\n      isActive: false,\n      textContent: null,\n      textRendered: false,\n    };\n\n    this.ref = React.createRef();\n    this.tooltipRef = React.createRef();\n  }\n\n  /**\n   * Once text component has rendered,\n   * Update text content and tooltip active state\n   * @private\n   */\n  _onTextRendered = () => {\n    const { isActive, textContent } = this.state;\n\n    const newTextContent = this._getTextContent();\n    const shouldBeActive = this._checkShouldBeActive();\n\n    const newState = {\n      textRendered: true,\n      ...(newTextContent !== textContent\n        ? { textContent: newTextContent }\n        : {}),\n      ...(shouldBeActive !== isActive ? { isActive: shouldBeActive } : {}),\n    };\n\n    this.setState(oldState => ({ ...oldState, ...newState }));\n  };\n\n  /**\n   * An ellipsis is considered active when either the text's scroll width/height is wider than it's container or itself.\n   * @private\n   */\n  _updateIsActive = () => {\n    const { isActive } = this.state;\n\n    const shouldBeActive = this._checkShouldBeActive();\n    if (shouldBeActive !== isActive) {\n      this.setState({ isActive: shouldBeActive });\n    }\n  };\n\n  _getTextContent = () => {\n    const { current: textElement } = this.ref;\n    return textElement && textElement.textContent;\n  };\n\n  _checkShouldBeActive = () =>\n    this._isOverflowingHorizontally() || this._isOverflowingVertically();\n\n  _isOverflowingHorizontally = () => {\n    const { current: textElement } = this.ref;\n    const { ellipsis } = this.props;\n    const parentWidth = textElement?.parentElement?.offsetWidth;\n\n    return !!(\n      ellipsis &&\n      textElement &&\n      ((parentWidth && textElement.scrollWidth - parentWidth > 1) ||\n        textElement.offsetWidth < textElement.scrollWidth)\n    );\n  };\n\n  _isOverflowingVertically = () => {\n    const { current: textElement } = this.ref;\n    const { ellipsis, maxLines } = this.props;\n    const parentHeight = textElement?.parentElement?.offsetHeight;\n\n    return !!(\n      maxLines &&\n      maxLines > 1 &&\n      ellipsis &&\n      textElement &&\n      ((parentHeight && textElement.scrollHeight - parentHeight > 1) ||\n        textElement.offsetHeight < textElement.scrollHeight)\n    );\n  };\n\n  /**\n   * A callback for resizing the window, must be debounced in order to improve performance.\n   * @private\n   */\n  _debouncedUpdate = debounce(this._updateIsActive, 100);\n\n  componentDidMount() {\n    window.addEventListener('resize', this._debouncedUpdate);\n    this.props.onEllipsisStateChange?.(this.state.isActive);\n  }\n\n  _renderText() {\n    const { render, ellipsis, maxLines } = this.props;\n    const { textRendered, isActive } = this.state;\n\n    return (\n      <TextComponent\n        {...{ render, ellipsis, maxLines, textRendered }}\n        onTextRendered={this._onTextRendered}\n        textElementRef={this.ref}\n        isEllipsisActive={isActive}\n        tooltipRef={this.tooltipRef}\n      />\n    );\n  }\n\n  render() {\n    const {\n      appendTo,\n      wrapperClassName,\n      disabled,\n      enterDelay,\n      exitDelay,\n      fixed,\n      flip,\n      maxWidth,\n      moveArrowTo,\n      onHide,\n      onShow,\n      placement,\n      showTooltip,\n      textAlign,\n      zIndex,\n      size,\n      interactive,\n    } = this.props;\n    const { isActive, textContent } = this.state;\n\n    return showTooltip && isActive ? (\n      <Tooltip\n        ref={this.tooltipRef}\n        className={st(classes.tooltip, wrapperClassName)}\n        content={textContent}\n        {...{\n          appendTo,\n          disabled,\n          enterDelay,\n          exitDelay,\n          fixed,\n          flip,\n          maxWidth,\n          moveArrowTo,\n          onHide,\n          onShow,\n          placement,\n          textAlign,\n          zIndex,\n          size,\n          interactive,\n        }}\n      >\n        {this._renderText()}\n      </Tooltip>\n    ) : (\n      this._renderText()\n    );\n  }\n\n  static getDerivedStateFromProps(\n    props: EllipsisProps,\n    state: EllipsisState & {\n      prevRender: EllipsisProps['render'];\n      prevEllipsis: EllipsisProps['ellipsis'];\n      prevMaxLines: EllipsisProps['maxLines'];\n    },\n  ) {\n    const { render, ellipsis, maxLines } = props;\n    const textPropsChanged =\n      state.prevRender !== render ||\n      state.prevEllipsis !== ellipsis ||\n      state.prevMaxLines !== maxLines;\n\n    if (!textPropsChanged) {\n      return null;\n    }\n\n    // Text changed, initialize textRendered state\n    return {\n      textRendered: false,\n      prevRender: render,\n      prevEllipsis: ellipsis,\n      prevMaxLines: maxLines,\n    };\n  }\n\n  componentDidUpdate(prevProps: EllipsisProps, prevState: EllipsisState) {\n    const { textRendered, isActive } = this.state;\n\n    if (textRendered && !shallowEqual(prevProps, this.props)) {\n      this._updateIsActive();\n    }\n\n    if (prevState.isActive !== isActive && this.props.onEllipsisStateChange) {\n      this.props.onEllipsisStateChange(this.state.isActive);\n    }\n  }\n\n  componentWillUnmount() {\n    this._debouncedUpdate.cancel();\n    window.removeEventListener('resize', this._debouncedUpdate);\n  }\n}\n\nexport default Ellipsis;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_141_1_Ellipsis";
+var _namespace_ = "wds_1_143_0_Ellipsis";
 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_141_1_Ellipsis__root","tooltip":"wds_1_141_1_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_143_0_Ellipsis__root","tooltip":"wds_1_143_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_141_1_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_143_0_Ellipsis-maxLines"}; 
 
 
 

package/dist/cjs/common/Ellipsis/components/TextComponent/TextComponent.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_141_1_TextComponent";
+var _namespace_ = "wds_1_143_0_TextComponent";
 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_141_1_TextComponent__root","text":"wds_1_141_1_TextComponent__text","suffix":"wds_1_141_1_TextComponent__suffix","multilineSuffixWrapper":"wds_1_141_1_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_141_1_TextComponent__multilineSuffix"};
+module.exports.classes = {"root":"wds_1_143_0_TextComponent__root","text":"wds_1_143_0_TextComponent__text","suffix":"wds_1_143_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_143_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_143_0_TextComponent__multilineSuffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_141_1_TextComponent-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_143_0_TextComponent-maxLines"}; 
 
 
 

package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_141_1_FluidColumns";
+var _namespace_ = "wds_1_143_0_FluidColumns";
 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_141_1_FluidColumns__root","item":"wds_1_141_1_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_143_0_FluidColumns__root","item":"wds_1_143_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_141_1_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_143_0_FluidColumns-cols"}; 
 
 
 

package/dist/cjs/common/Focusable/Focusable.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_141_1_Focusable";
+var _namespace_ = "wds_1_143_0_Focusable";
 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_141_1_Focusable__root","focus-box":"wds_1_141_1_Focusable__focus-box","focus-box-error":"wds_1_141_1_Focusable__focus-box-error"};
+module.exports.classes = {"root":"wds_1_143_0_Focusable__root","focus-box":"wds_1_143_0_Focusable__focus-box","focus-box-error":"wds_1_143_0_Focusable__focus-box-error"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/ZIndex/constants.js

@@ -0,0 +1,28 @@
+var base = 0;
+var above = 1;
+var below = -1;
+var page = above + base;
+var popover = 1000;
+var modal = 5000;
+var tooltip = 5000 + popover;
+var toast = 5500;
+var ZIndex = {
+  page,
+  topBanner: page,
+  datePicker: page,
+  datePickerPopover: page,
+  nestableListDragLayer: 99 + page,
+  popover,
+  contextMenuPopover: 2000 + popover,
+  notification: 3999 + page,
+  modal,
+  dragLayer: above + modal,
+  toast,
+  tooltip,
+  barChart: below + tooltip,
+  checkbox: 4000 + tooltip
+};
+module.exports = {
+  ZIndex
+};
+//# sourceMappingURL=constants.js.map

package/dist/cjs/common/ZIndex/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["base","above","below","page","popover","modal","tooltip","toast","ZIndex","topBanner","datePicker","datePickerPopover","nestableListDragLayer","contextMenuPopover","notification","dragLayer","barChart","checkbox","module","exports"],"sources":["../../../../src/common/ZIndex/constants.js"],"sourcesContent":["  const base = 0;\n  const above = 1;\n  const below = -1;\n\n  const page = above + base;\n  const popover = 1000;\n  const modal = 5000;\n  const tooltip = 5000 + popover;\n  const toast = 5500;\n\n\n  const ZIndex = {\n  page,\n  topBanner: page,\n  datePicker: page,\n  datePickerPopover: page,\n  nestableListDragLayer: 99 + page,\n  popover,\n  contextMenuPopover: 2000 + popover,\n  notification: 3999 + page ,\n  modal,\n  dragLayer: above + modal,\n  toast,\n  tooltip,\n  barChart: below + tooltip,\n  checkbox: 4000 + tooltip,\n};\n\nmodule.exports={ ZIndex }\n"],"mappings":"AAAE,IAAMA,IAAI,GAAG,CAAC;AACd,IAAMC,KAAK,GAAG,CAAC;AACf,IAAMC,KAAK,GAAG,CAAC,CAAC;AAEhB,IAAMC,IAAI,GAAGF,KAAK,GAAGD,IAAI;AACzB,IAAMI,OAAO,GAAG,IAAI;AACpB,IAAMC,KAAK,GAAG,IAAI;AAClB,IAAMC,OAAO,GAAG,IAAI,GAAGF,OAAO;AAC9B,IAAMG,KAAK,GAAG,IAAI;AAGlB,IAAMC,MAAM,GAAG;EACfL,IAAI;EACJM,SAAS,EAAEN,IAAI;EACfO,UAAU,EAAEP,IAAI;EAChBQ,iBAAiB,EAAER,IAAI;EACvBS,qBAAqB,EAAE,EAAE,GAAGT,IAAI;EAChCC,OAAO;EACPS,kBAAkB,EAAE,IAAI,GAAGT,OAAO;EAClCU,YAAY,EAAE,IAAI,GAAGX,IAAI;EACzBE,KAAK;EACLU,SAAS,EAAEd,KAAK,GAAGI,KAAK;EACxBE,KAAK;EACLD,OAAO;EACPU,QAAQ,EAAEd,KAAK,GAAGI,OAAO;EACzBW,QAAQ,EAAE,IAAI,GAAGX;AACnB,CAAC;AAEDY,MAAM,CAACC,OAAO,GAAC;EAAEX;AAAO,CAAC","ignoreList":[]}

package/dist/cjs/common/ZIndex/index.js

@@ -0,0 +1,10 @@
+var {
+  ZIndex
+} = require('./constants');
+
+/** Used in stylable files  */
+module.exports = function (layoutName) {
+  var _ZIndex$layoutName;
+  return (_ZIndex$layoutName = ZIndex[layoutName]) !== null && _ZIndex$layoutName !== void 0 ? _ZIndex$layoutName : 'auto';
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/common/ZIndex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ZIndex","require","module","exports","layoutName","_ZIndex$layoutName"],"sources":["../../../../src/common/ZIndex/index.js"],"sourcesContent":["const { ZIndex } = require('./constants');\n\n/** Used in stylable files  */\nmodule.exports = function (layoutName) {\n  return ZIndex[layoutName] ?? 'auto'\n}\n"],"mappings":"AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,aAAa,CAAC;;AAEzC;AACAC,MAAM,CAACC,OAAO,GAAG,UAAUC,UAAU,EAAE;EAAA,IAAAC,kBAAA;EACrC,QAAAA,kBAAA,GAAOL,MAAM,CAACI,UAAU,CAAC,cAAAC,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AACrC,CAAC","ignoreList":[]}

package/dist/cjs/common/styles/visuallyHidden.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_141_1_visuallyHidden";
+var _namespace_ = "wds_1_143_0_visuallyHidden";
 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_141_1_visuallyHidden__root","visuallyHidden":"wds_1_141_1_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_143_0_visuallyHidden__root","visuallyHidden":"wds_1_143_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/dnd-styles/dnd-styles.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_dndstyles";
+var _namespace_ = "wds_1_143_0_dndstyles";
 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_141_1_dndstyles__root","item":"wds_1_141_1_dndstyles__item","itemPlaceholder":"wds_1_141_1_dndstyles__itemPlaceholder","itemPreview":"wds_1_141_1_dndstyles__itemPreview","list":"wds_1_141_1_dndstyles__list","gridItemPlaceholder":"wds_1_141_1_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_141_1_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_141_1_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_141_1_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_141_1_dndstyles__gridItemPreview"};
+module.exports.classes = {"root":"wds_1_143_0_dndstyles__root","item":"wds_1_143_0_dndstyles__item","itemPlaceholder":"wds_1_143_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_143_0_dndstyles__itemPreview","list":"wds_1_143_0_dndstyles__list","gridItemPlaceholder":"wds_1_143_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_143_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_143_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_143_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_143_0_dndstyles__gridItemPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/index.d.js

@@ -66,6 +66,7 @@ var _exportNames = {
   Input: true,
   InputArea: true,
   AngleInput: true,
+  TopBanner: true,
   InputShell: true,
   InputWithLabel: true,
   InputWithOptions: true,
@@ -202,6 +203,7 @@ var _exportNames = {
   BadgeType: true,
   badgeSelectItemBuilder: true,
   AngleInputProps: true,
+  TopBannerProps: true,
   ListItemSectionProps: true,
   ListItemSectionTypes: true,
   listItemSectionBuilder: true,
@@ -216,8 +218,8 @@ var _exportNames = {
   WixStyleReactDefaultsOverrideProvider: true
 };
 exports.MessageBoxMarketerialLayout = exports.MessageBoxFunctionalLayout = exports.MediaOverlay = exports.MarketingPageLayoutContent = exports.MarketingPageLayout = exports.MarketingLayout = exports.Loader = exports.LiveRegion = exports.ListItemSelect = exports.ListItemSectionTypes = exports.ListItemSectionProps = exports.ListItemSection = exports.ListItemEditable = exports.ListItemAction = exports.LinearProgressBar = exports.Layout = exports.InputWithOptions = exports.InputWithLabel = exports.InputShell = exports.InputArea = exports.Input = exports.InfoIcon = exports.ImageViewer = exports.Image = exports.IconButton = exports.HorizontalTimeline = exports.Highlighter = exports.Heading = exports.GooglePreview = exports.GoogleAddressInput = exports.FunnelChart = exports.FormField = exports.FloatingNotification = exports.FloatingHelper = exports.FillPreview = exports.FillButton = exports.FileUpload = exports.FilePicker = exports.FieldSet = exports.FeatureList = exports.FacesRatingBar = exports.EmptyState = exports.EditableTitle = exports.EditableSelector = exports.Dropzone = exports.DropdownLayout = exports.DropdownBase = exports.Dropdown = exports.DragDropContextProvider = exports.Divider = exports.DatePicker = exports.CustomModalLayout = exports.CounterBadge = exports.CornerRadiusInput = exports.CopyClipboard = exports.ComposerSidebar = exports.ComposerHeader = exports.ComposerButton = exports.ColorPicker = exports.ColorInput = exports.Collapse = exports.CloseButton = exports.CircularProgressBar = exports.Checkbox = exports.CheckToggle = exports.CarouselWIP = exports.Carousel = exports.CardGalleryItem = exports.CardFolderTabs = exports.Card = exports.CalendarPanelFooter = exports.CalendarPanel = exports.Calendar = exports.Button = exports.BrowserPreviewWidget = exports.Breadcrumbs = exports.Box = exports.BounceAnimation = exports.BarChart = exports.BadgeType = exports.BadgeSkin = exports.BadgeSize = exports.BadgeSelect = exports.BadgeProps = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoCompleteWithLabel = exports.AutoComplete = exports.AudioPlayer = exports.AreaChart = exports.AnnouncementModalLayout = exports.AngleInputProps = exports.AngleInput = exports.AnalyticsSummaryCard = exports.AnalyticsLayout = exports.AddressInputItem = exports.AddressInput = exports.AddItem = exports.Accordion = void 0;
-exports.VariableInputProps = exports.VariableInput = exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.ToastContainer = exports.Toast = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableFloatingScrollBarProps = exports.TableFloatingScrollBar = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusToast = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.SelectorButton = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.SectionHeader = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = exports.ModalPreviewLayout = exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = void 0;
-exports.listItemSectionBuilder = exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactMaskingProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = void 0;
+exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = exports.TopBannerProps = exports.TopBanner = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.ToastContainer = exports.Toast = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableFloatingScrollBarProps = exports.TableFloatingScrollBar = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusToast = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.SelectorButton = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.SectionHeader = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = exports.ModalPreviewLayout = exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = void 0;
+exports.listItemSectionBuilder = exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactMaskingProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = exports.VariableInputProps = exports.VariableInput = void 0;
 var _common = require("./common");
 Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -739,6 +741,9 @@ Object.keys(_InputArea).forEach(function (key) {
 var _AngleInput = _interopRequireWildcard(require("./AngleInput"));
 exports.AngleInput = _AngleInput.default;
 exports.AngleInputProps = _AngleInput.AngleInputProps;
+var _TopBanner = _interopRequireWildcard(require("./TopBanner"));
+exports.TopBanner = _TopBanner.default;
+exports.TopBannerProps = _TopBanner.TopBannerProps;
 var _InputShell = _interopRequireWildcard(require("./InputShell"));
 exports.InputShell = _InputShell.default;
 Object.keys(_InputShell).forEach(function (key) {