@wix/design-system 1.143.1 → 1.144.0

package/dist/cjs/TopBanner/TopBanner.js

@@ -10,7 +10,7 @@ var _TopBanner = require("./TopBanner.constants");
 var _ActionLink = require("./components/ActionLink/ActionLink");
 var _ActionButton = require("./components/ActionButton/ActionButton");
 var _TopBannerSt = require("./TopBanner.st.css.js");
-var _constants = require("../common/ZIndex/constants");
+var _ZIndex = require("../common/ZIndex");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TopBanner/TopBanner.tsx";
 var TopBanner = _ref => {
   var {
@@ -29,7 +29,7 @@ var TopBanner = _ref => {
     role: "status",
     "aria-live": "polite",
     style: {
-      zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : _constants.ZIndex.topBanner
+      zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : _ZIndex.ZIndex.topBanner
     },
     className: (0, _TopBannerSt.st)(_TopBannerSt.classes.root, {
       dismissible,
@@ -72,7 +72,7 @@ var TopBanner = _ref => {
   }, action)), dismissible && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     dataHook: _TopBanner.dataHooks.dismissButton,
     skin: "lightFilled",
-    size: "medium",
+    size: "small",
     "aria-label": dismissLabel,
     onClick: onDismiss,
     __self: void 0,

package/dist/cjs/TopBanner/TopBanner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CloseButton","_","_TopBanner","_ActionLink","_ActionButton","_TopBannerSt","_constants","_jsxFileName","TopBanner","_ref","dismissible","dismissLabel","zIndex","position","onDismiss","action","dataHook","className","children","default","createElement","role","style","ZIndex","topBanner","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","contentContainer","Text","light","size","weight","dataHooks","content","dismissButton","skin","onClick","displayName","ActionButton","ActionLink","_default","exports"],"sources":["../../../src/TopBanner/TopBanner.tsx"],"sourcesContent":["import React from 'react';\nimport CloseButton from '../CloseButton';\nimport type { TopBannerProps } from './TopBanner.types';\nimport { Text } from '..';\nimport { dataHooks } from './TopBanner.constants';\nimport { ActionLink } from './components/ActionLink/ActionLink';\nimport { ActionButton } from './components/ActionButton/ActionButton';\nimport { st, classes } from './TopBanner.st.css';\nimport { ZIndex } from '../common/ZIndex/constants';\n\nconst TopBanner = ({\n  dismissible = true,\n  dismissLabel,\n  zIndex,\n  position = 'static',\n  onDismiss,\n  action,\n  dataHook,\n  className,\n  children,\n}: TopBannerProps) => (\n  <div\n    data-hook={dataHook}\n    role=\"status\"\n    aria-live=\"polite\"\n    style={{ zIndex: zIndex ?? ZIndex.topBanner }}\n    className={st(classes.root, { dismissible, position }, className)}\n  >\n    <div className={classes.contentContainer}>\n      <Text light size=\"medium\" weight=\"normal\" dataHook={dataHooks.content}>\n        {children}\n      </Text>\n      {action && (\n        <div className={classes.action} data-hook={dataHooks.action}>\n          {action}\n        </div>\n      )}\n    </div>\n\n    {dismissible && (\n      <CloseButton\n        dataHook={dataHooks.dismissButton}\n        skin=\"lightFilled\"\n        size=\"medium\"\n        aria-label={dismissLabel}\n        onClick={onDismiss}\n      />\n    )}\n  </div>\n);\n\nTopBanner.displayName = 'TopBanner';\n\nTopBanner.ActionButton = ActionButton;\nTopBanner.ActionLink = ActionLink;\n\nexport default TopBanner;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAoD,IAAAQ,YAAA;AAEpD,IAAMC,SAAS,GAAGC,IAAA;EAAA,IAAC;IACjBC,WAAW,GAAG,IAAI;IAClBC,YAAY;IACZC,MAAM;IACNC,QAAQ,GAAG,QAAQ;IACnBC,SAAS;IACTC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC;EACc,CAAC,GAAAT,IAAA;EAAA,oBACfZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IACE,aAAWJ,QAAS;IACpBK,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClBC,KAAK,EAAE;MAAEV,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIW,iBAAM,CAACC;IAAU,CAAE;IAC9CP,SAAS,EAAE,IAAAQ,eAAE,EAACC,oBAAO,CAACC,IAAI,EAAE;MAAEjB,WAAW;MAAEG;IAAS,CAAC,EAAEI,SAAS,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAElEnC,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAKH,SAAS,EAAES,oBAAO,CAACO,gBAAiB;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCnC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,CAAA,CAAAiC,IAAI;IAACC,KAAK;IAACC,IAAI,EAAC,QAAQ;IAACC,MAAM,EAAC,QAAQ;IAACrB,QAAQ,EAAEsB,oBAAS,CAACC,OAAQ;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEd,QACG,CAAC,EACNH,MAAM,iBACLlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAKH,SAAS,EAAES,oBAAO,CAACX,MAAO;IAAC,aAAWuB,oBAAS,CAACvB,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDjB,MACE,CAEJ,CAAC,EAELL,WAAW,iBACVb,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAmB,OAAW;IACVH,QAAQ,EAAEsB,oBAAS,CAACE,aAAc;IAClCC,IAAI,EAAC,aAAa;IAClBL,IAAI,EAAC,QAAQ;IACb,cAAYzB,YAAa;IACzB+B,OAAO,EAAE5B,SAAU;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAEA,CAAC;AAAA,CACP;AAEDxB,SAAS,CAACmC,WAAW,GAAG,WAAW;AAEnCnC,SAAS,CAACoC,YAAY,GAAGA,0BAAY;AACrCpC,SAAS,CAACqC,UAAU,GAAGA,sBAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEnBX,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CloseButton","_","_TopBanner","_ActionLink","_ActionButton","_TopBannerSt","_ZIndex","_jsxFileName","TopBanner","_ref","dismissible","dismissLabel","zIndex","position","onDismiss","action","dataHook","className","children","default","createElement","role","style","ZIndex","topBanner","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","contentContainer","Text","light","size","weight","dataHooks","content","dismissButton","skin","onClick","displayName","ActionButton","ActionLink","_default","exports"],"sources":["../../../src/TopBanner/TopBanner.tsx"],"sourcesContent":["import React from 'react';\nimport CloseButton from '../CloseButton';\nimport type { TopBannerProps } from './TopBanner.types';\nimport { Text } from '..';\nimport { dataHooks } from './TopBanner.constants';\nimport { ActionLink } from './components/ActionLink/ActionLink';\nimport { ActionButton } from './components/ActionButton/ActionButton';\nimport { st, classes } from './TopBanner.st.css';\nimport { ZIndex } from '../common/ZIndex';\n\nconst TopBanner = ({\n  dismissible = true,\n  dismissLabel,\n  zIndex,\n  position = 'static',\n  onDismiss,\n  action,\n  dataHook,\n  className,\n  children,\n}: TopBannerProps) => (\n  <div\n    data-hook={dataHook}\n    role=\"status\"\n    aria-live=\"polite\"\n    style={{ zIndex: zIndex ?? ZIndex.topBanner }}\n    className={st(classes.root, { dismissible, position }, className)}\n  >\n    <div className={classes.contentContainer}>\n      <Text light size=\"medium\" weight=\"normal\" dataHook={dataHooks.content}>\n        {children}\n      </Text>\n      {action && (\n        <div className={classes.action} data-hook={dataHooks.action}>\n          {action}\n        </div>\n      )}\n    </div>\n\n    {dismissible && (\n      <CloseButton\n        dataHook={dataHooks.dismissButton}\n        skin=\"lightFilled\"\n        size=\"small\"\n        aria-label={dismissLabel}\n        onClick={onDismiss}\n      />\n    )}\n  </div>\n);\n\nTopBanner.displayName = 'TopBanner';\n\nTopBanner.ActionButton = ActionButton;\nTopBanner.ActionLink = ActionLink;\n\nexport default TopBanner;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA0C,IAAAQ,YAAA;AAE1C,IAAMC,SAAS,GAAGC,IAAA;EAAA,IAAC;IACjBC,WAAW,GAAG,IAAI;IAClBC,YAAY;IACZC,MAAM;IACNC,QAAQ,GAAG,QAAQ;IACnBC,SAAS;IACTC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC;EACc,CAAC,GAAAT,IAAA;EAAA,oBACfZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IACE,aAAWJ,QAAS;IACpBK,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClBC,KAAK,EAAE;MAAEV,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIW,cAAM,CAACC;IAAU,CAAE;IAC9CP,SAAS,EAAE,IAAAQ,eAAE,EAACC,oBAAO,CAACC,IAAI,EAAE;MAAEjB,WAAW;MAAEG;IAAS,CAAC,EAAEI,SAAS,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAElEnC,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAKH,SAAS,EAAES,oBAAO,CAACO,gBAAiB;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCnC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,CAAA,CAAAiC,IAAI;IAACC,KAAK;IAACC,IAAI,EAAC,QAAQ;IAACC,MAAM,EAAC,QAAQ;IAACrB,QAAQ,EAAEsB,oBAAS,CAACC,OAAQ;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEd,QACG,CAAC,EACNH,MAAM,iBACLlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAKH,SAAS,EAAES,oBAAO,CAACX,MAAO;IAAC,aAAWuB,oBAAS,CAACvB,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDjB,MACE,CAEJ,CAAC,EAELL,WAAW,iBACVb,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAmB,OAAW;IACVH,QAAQ,EAAEsB,oBAAS,CAACE,aAAc;IAClCC,IAAI,EAAC,aAAa;IAClBL,IAAI,EAAC,OAAO;IACZ,cAAYzB,YAAa;IACzB+B,OAAO,EAAE5B,SAAU;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAEA,CAAC;AAAA,CACP;AAEDxB,SAAS,CAACmC,WAAW,GAAG,WAAW;AAEnCnC,SAAS,CAACoC,YAAY,GAAGA,0BAAY;AACrCpC,SAAS,CAACqC,UAAU,GAAGA,sBAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEnBX,SAAS","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_TopBanner";
+var _namespace_ = "wds_1_144_0_TopBanner";
 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_143_1_TopBanner__root","contentContainer":"wds_1_143_1_TopBanner__contentContainer","action":"wds_1_143_1_TopBanner__action"};
+module.exports.classes = {"root":"wds_1_144_0_TopBanner__root","contentContainer":"wds_1_144_0_TopBanner__contentContainer","action":"wds_1_144_0_TopBanner__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/TopBanner/TopBanner.types.ts"],"sourcesContent":["type TopBannerPosition = 'static' | 'sticky';\n\nexport type TopBannerProps = {\n  /** Applies a data-hook HTML attribute that can be used in tests. */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   *  @internal\n   */\n  className?: string;\n\n  /** Controls z-index of component\n   *  @default 1\n   */\n  zIndex?: number;\n\n  /** Specifies whether component sticks to top of container or not.\n   *  @default static\n   */\n  position?: TopBannerPosition;\n\n  /**\n   * Specifies whether the TopBanner should render the dismiss button.\n   * @default true\n   */\n  dismissible?: boolean;\n\n  /** Aria label for the dismiss button. */\n  dismissLabel?: string;\n\n  /**\n   * Specifies action component.\n   * Can be either:\n   * - `<TopBanner.ActionButton/>`\n   * - `<TopBanner.ActionTextButton/>`\n   * - custom\n   * */\n  action?: React.ReactNode;\n\n  /** Callback function called whenever the user clicks the dismiss button.*/\n  onDismiss?: (event: React.MouseEvent) => void;\n\n  /** Specifies main content of top banner. */\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/TopBanner/TopBanner.types.ts"],"sourcesContent":["type TopBannerPosition = 'static' | 'sticky';\n\nexport type TopBannerProps = {\n  /** Applies a data-hook HTML attribute that can be used in tests. */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   *  @internal\n   */\n  className?: string;\n\n  /** Controls the z-index of the component.\n   *  @default 1\n   */\n  zIndex?: number;\n\n  /** Determines if the top banner stays fixed at the top of its container.\n   *  @default static\n   */\n  position?: TopBannerPosition;\n\n  /**\n   * Determines whether the top banner should render a dismiss button.\n   * @default true\n   */\n  dismissible?: boolean;\n\n  /** Aria label for the dismiss button. */\n  dismissLabel?: string;\n\n  /**\n   * An action component to display in the top banner. The component can be one of these types:\n   * Can be either:\n   * - `<TopBanner.ActionButton/>`\n   * - `<TopBanner.ActionLink/>`\n   * - custom\n   * */\n  action?: React.ReactNode;\n\n  /** Callback function called whenever the user clicks the dismiss button.*/\n  onDismiss?: (event: React.MouseEvent) => void;\n\n  /** The main content of the top banner. */\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.js

@@ -3,29 +3,30 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ActionLink = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _TextButton = _interopRequireDefault(require("../../../TextButton"));
+var _excluded = ["dataHook", "children"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TopBanner/components/ActionLink/ActionLink.tsx";
 var ActionLink = _ref => {
   var {
-    dataHook,
-    as,
-    onClick,
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_TextButton.default, {
+      dataHook,
+      children
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TextButton.default, (0, _extends2.default)({
     skin: "light",
     underline: "always",
-    dataHook: dataHook,
-    as: as,
-    onClick: onClick,
+    dataHook: dataHook
+  }, rest, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 11,
+      lineNumber: 10,
       columnNumber: 3
     }
-  }, children);
+  }), children);
 };
 exports.ActionLink = ActionLink;
 //# sourceMappingURL=ActionLink.js.map

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TextButton","_jsxFileName","ActionLink","_ref","dataHook","as","onClick","children","default","createElement","skin","underline","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.tsx"],"sourcesContent":["import React from 'react';\nimport TextButton from '../../../TextButton';\nimport type { ActionLinkProps } from './ActionLink.types';\n\nexport const ActionLink: React.FC<ActionLinkProps> = ({\n  dataHook,\n  as,\n  onClick,\n  children,\n}) => (\n  <TextButton\n    skin=\"light\"\n    underline=\"always\"\n    dataHook={dataHook}\n    as={as}\n    onClick={onClick}\n  >\n    {children}\n  </TextButton>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,YAAA;AAGtC,IAAMC,UAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,EAAE;IACFC,OAAO;IACPC;EACF,CAAC,GAAAJ,IAAA;EAAA,oBACCN,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAQ,OAAU;IACTE,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBP,QAAQ,EAAEA,QAAS;IACnBC,EAAE,EAAEA,EAAG;IACPC,OAAO,EAAEA,OAAQ;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBT,QACS,CAAC;AAAA,CACd;AAACU,OAAA,CAAAf,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TextButton","_excluded","_jsxFileName","ActionLink","_ref","dataHook","children","rest","_objectWithoutProperties2","default","createElement","_extends2","skin","underline","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.tsx"],"sourcesContent":["import React from 'react';\nimport TextButton from '../../../TextButton';\nimport type { ActionLinkProps } from './ActionLink.types';\n\nexport const ActionLink: React.FC<ActionLinkProps> = ({\n  dataHook,\n  children,\n  ...rest\n}) => (\n  <TextButton\n    skin=\"light\"\n    underline=\"always\"\n    dataHook={dataHook}\n    {...rest}\n  >\n    {children}\n  </TextButton>\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,SAAA;AAAA,IAAAC,YAAA;AAGtC,IAAMC,UAAqC,GAAGC,IAAA;EAAA,IAAC;MACpDC,QAAQ;MACRC;IAEF,CAAC,GAAAF,IAAA;IADIG,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAH,SAAA;EAAA,oBAEPJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAS,OAAU,MAAAE,SAAA,CAAAF,OAAA;IACTG,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBR,QAAQ,EAAEA;EAAS,GACfE,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPZ,QACS,CAAC;AAAA,CACd;AAACa,OAAA,CAAAhB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.types.ts"],"sourcesContent":["export type ActionLinkProps = {\n  dataHook?: string;\n  as?: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.types.ts"],"sourcesContent":["import type { ButtonWithAsProp } from \"../../../Button\";\n\ntype ActionLinkMainProps = {\n  dataHook?: string;\n  children?: React.ReactNode;\n}\n\nexport type ActionLinkProps = ButtonWithAsProp<ActionLinkMainProps> ;\n"],"mappings":"","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_TrendIndicator";
+var _namespace_ = "wds_1_144_0_TrendIndicator";
 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_143_1_TrendIndicator__root","caption":"wds_1_143_1_TrendIndicator__caption","icon":"wds_1_143_1_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_144_0_TrendIndicator__root","caption":"wds_1_144_0_TrendIndicator__caption","icon":"wds_1_144_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_VariableInput";
+var _namespace_ = "wds_1_144_0_VariableInput";
 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_143_1_VariableInput__root","text-small-normal":"wds_1_143_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_143_1_StylableTypography__text-small-thin","text-medium-normal":"wds_1_143_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_143_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_143_1_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_143_1_VariableInput__tagWrapper","textWrapper":"wds_1_143_1_VariableInput__textWrapper","indicatorWrapper":"wds_1_143_1_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_144_0_VariableInput__root","text-small-normal":"wds_1_144_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_144_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_144_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_144_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_144_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_144_0_VariableInput__tagWrapper","textWrapper":"wds_1_144_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_144_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_143_1_VariableInput-rows","rowHeight":"--wds_1_143_1_VariableInput-rowHeight","contentHeight":"--wds_1_143_1_VariableInput-contentHeight"}; 
+module.exports.vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_144_0_VariableInput-rows","rowHeight":"--wds_1_144_0_VariableInput-rowHeight","contentHeight":"--wds_1_144_0_VariableInput-contentHeight"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_VerticalTabsItem";
+var _namespace_ = "wds_1_144_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_143_1_VerticalTabsItem__root","title":"wds_1_143_1_VerticalTabsItem__title","selectableItem":"wds_1_143_1_VerticalTabsItem__selectableItem","text":"wds_1_143_1_VerticalTabsItem__text","textButton":"wds_1_143_1_VerticalTabsItem__textButton","prefixIcon":"wds_1_143_1_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_143_1_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_144_0_VerticalTabsItem__root","title":"wds_1_144_0_VerticalTabsItem__title","selectableItem":"wds_1_144_0_VerticalTabsItem__selectableItem","text":"wds_1_144_0_VerticalTabsItem__text","textButton":"wds_1_144_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_144_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_144_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_143_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_144_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_143_1_WixDesignSystemProvider";
+var _namespace_ = "wds_1_144_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_143_1_WixDesignSystemProvider__root","mobile":"wds_1_143_1_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_144_0_WixDesignSystemProvider__root","mobile":"wds_1_144_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_143_1_madefor";
+var _namespace_ = "wds_1_144_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_143_1_madefor__root","madefor":"wds_1_143_1_madefor__madefor"};
+module.exports.classes = {"root":"wds_1_144_0_madefor__root","madefor":"wds_1_144_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_143_1_newColorsBranding";
+var _namespace_ = "wds_1_144_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_143_1_newColorsBranding__root"};
+module.exports.classes = {"root":"wds_1_144_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_143_1_AdaptiveHeading";
+var _namespace_ = "wds_1_144_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_143_1_AdaptiveHeading__root","headerWrapper":"wds_1_143_1_AdaptiveHeading__headerWrapper","headerShort":"wds_1_143_1_AdaptiveHeading__headerShort","headerFull":"wds_1_143_1_AdaptiveHeading__headerFull","ellipsis":"wds_1_143_1_AdaptiveHeading__ellipsis"};
+module.exports.classes = {"root":"wds_1_144_0_AdaptiveHeading__root","headerWrapper":"wds_1_144_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_144_0_AdaptiveHeading__headerShort","headerFull":"wds_1_144_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_144_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 _constants = require("../ZIndex/constants");
+var _ZIndex = require("../ZIndex");
 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: _constants.ZIndex.tooltip,
+  zIndex: _ZIndex.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","_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":[]}
+{"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":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_143_1_Ellipsis";
+var _namespace_ = "wds_1_144_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_143_1_Ellipsis__root","tooltip":"wds_1_143_1_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_144_0_Ellipsis__root","tooltip":"wds_1_144_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_143_1_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_144_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_143_1_TextComponent";
+var _namespace_ = "wds_1_144_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_143_1_TextComponent__root","text":"wds_1_143_1_TextComponent__text","suffix":"wds_1_143_1_TextComponent__suffix","multilineSuffixWrapper":"wds_1_143_1_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_143_1_TextComponent__multilineSuffix"};
+module.exports.classes = {"root":"wds_1_144_0_TextComponent__root","text":"wds_1_144_0_TextComponent__text","suffix":"wds_1_144_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_144_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_144_0_TextComponent__multilineSuffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_143_1_TextComponent-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_144_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_143_1_FluidColumns";
+var _namespace_ = "wds_1_144_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_143_1_FluidColumns__root","item":"wds_1_143_1_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_144_0_FluidColumns__root","item":"wds_1_144_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_143_1_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_144_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_143_1_Focusable";
+var _namespace_ = "wds_1_144_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_143_1_Focusable__root","focus-box":"wds_1_143_1_Focusable__focus-box","focus-box-error":"wds_1_143_1_Focusable__focus-box-error"};
+module.exports.classes = {"root":"wds_1_144_0_Focusable__root","focus-box":"wds_1_144_0_Focusable__focus-box","focus-box-error":"wds_1_144_0_Focusable__focus-box-error"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1,10 +1,30 @@
-var {
-  ZIndex
-} = require('./constants');
+"use strict";
 
-/** Used in stylable files  */
-module.exports = function (layoutName) {
-  var _ZIndex$layoutName;
-  return (_ZIndex$layoutName = ZIndex[layoutName]) !== null && _ZIndex$layoutName !== void 0 ? _ZIndex$layoutName : 'auto';
+exports.__esModule = true;
+exports.ZIndex = void 0;
+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 = exports.ZIndex = {
+  page,
+  topBanner: page,
+  datePicker: page,
+  datePickerPopover: page,
+  collapseSticky: page,
+  nestableListDragLayer: 99 + page,
+  popover,
+  contextMenuPopover: 2000 + popover,
+  notification: 3999 + page,
+  modal,
+  dragLayer: above + modal,
+  toast,
+  tooltip,
+  barChart: below + tooltip,
+  checkbox: 4000 + tooltip
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["base","above","below","page","popover","modal","tooltip","toast","ZIndex","exports","topBanner","datePicker","datePickerPopover","collapseSticky","nestableListDragLayer","contextMenuPopover","notification","dragLayer","barChart","checkbox"],"sources":["../../../../src/common/ZIndex/index.ts"],"sourcesContent":["const base = 0;\nconst above = 1;\nconst below = -1;\n\nconst page = above + base;\nconst popover = 1000;\nconst modal = 5000;\nconst tooltip = 5000 + popover;\nconst toast = 5500;\n\nexport const ZIndex = {\n  page,\n  topBanner: page,\n  datePicker: page,\n  datePickerPopover: page,\n  collapseSticky: 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"],"mappings":";;;;AAAA,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;AAEX,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBL,IAAI;EACJO,SAAS,EAAEP,IAAI;EACfQ,UAAU,EAAER,IAAI;EAChBS,iBAAiB,EAAET,IAAI;EACvBU,cAAc,EAAEV,IAAI;EACpBW,qBAAqB,EAAE,EAAE,GAAGX,IAAI;EAChCC,OAAO;EACPW,kBAAkB,EAAE,IAAI,GAAGX,OAAO;EAClCY,YAAY,EAAE,IAAI,GAAGb,IAAI;EACzBE,KAAK;EACLY,SAAS,EAAEhB,KAAK,GAAGI,KAAK;EACxBE,KAAK;EACLD,OAAO;EACPY,QAAQ,EAAEhB,KAAK,GAAGI,OAAO;EACzBa,QAAQ,EAAE,IAAI,GAAGb;AACnB,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_143_1_visuallyHidden";
+var _namespace_ = "wds_1_144_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_143_1_visuallyHidden__root","visuallyHidden":"wds_1_143_1_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_144_0_visuallyHidden__root","visuallyHidden":"wds_1_144_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_143_1_dndstyles";
+var _namespace_ = "wds_1_144_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_143_1_dndstyles__root","item":"wds_1_143_1_dndstyles__item","itemPlaceholder":"wds_1_143_1_dndstyles__itemPlaceholder","itemPreview":"wds_1_143_1_dndstyles__itemPreview","list":"wds_1_143_1_dndstyles__list","gridItemPlaceholder":"wds_1_143_1_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_143_1_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_143_1_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_143_1_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_143_1_dndstyles__gridItemPreview"};
+module.exports.classes = {"root":"wds_1_144_0_dndstyles__root","item":"wds_1_144_0_dndstyles__item","itemPlaceholder":"wds_1_144_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_144_0_dndstyles__itemPreview","list":"wds_1_144_0_dndstyles__list","gridItemPlaceholder":"wds_1_144_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_144_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_144_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_144_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_144_0_dndstyles__gridItemPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};