@wix/design-system 1.147.0 → 1.149.0

package/dist/cjs/Timeline/TimelineItem.js

@@ -7,132 +7,123 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _TimelineItemSt = require("./TimelineItem.st.css.js");
-var _constants = require("./constants");
+var _Timeline = require("./Timeline.constants");
 var _StringUtils = require("../utils/StringUtils");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Timeline/TimelineItem.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Timeline/TimelineItem.tsx";
 /** A timeline item is a display of a timeline event */
-class TimelineItem extends _react.default.PureComponent {
-  render() {
-    var {
-      idx,
-      item,
-      dataHook,
-      gap
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      className: _TimelineItemSt.classes.event,
-      "data-hook": dataHook,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 15,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: _TimelineItemSt.classes.prefix,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 17,
-        columnNumber: 11
-      }
-    }, item.customPrefix ? /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": "".concat(_constants.dataHooks.timelineBulletIndicator, "-").concat(idx),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 19,
-        columnNumber: 15
-      }
-    }, item.customPrefix) : /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": "".concat(_constants.dataHooks.timelineDefaultPrefix, "-").concat(idx),
-      className: _TimelineItemSt.classes.defaultIndicator,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 23,
-        columnNumber: 15
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: _TimelineItemSt.classes.line,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 28,
-        columnNumber: 13
-      }
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _TimelineItemSt.st)(_TimelineItemSt.classes.label, {
-        withSuffix: !!item.suffix
-      }),
-      style: {
-        [_TimelineItemSt.vars.marginBottom]: gap
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 30,
-        columnNumber: 11
-      }
-    }, (0, _StringUtils.isString)(item.label) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-      dataHook: "".concat(_constants.dataHooks.timelineLabel, "-").concat(idx),
-      weight: "thin",
-      size: "small",
-      className: _TimelineItemSt.classes.labelText,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 35,
-        columnNumber: 15
-      }
-    }, item.label) : item.label, item.labelAction ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _TimelineItemSt.classes.labelAction,
-      "data-hook": "".concat(_constants.dataHooks.timelineLabelAction, "-").concat(idx),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 47,
-        columnNumber: 15
-      }
-    }, item.labelAction) : null), item.suffix ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _TimelineItemSt.classes.suffix,
-      "data-hook": "".concat(_constants.dataHooks.timelineSuffix, "-").concat(idx),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 56,
-        columnNumber: 13
-      }
-    }, (0, _StringUtils.isString)(item.suffix) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-      dataHook: "".concat(_constants.dataHooks.timelineTextSuffix, "-").concat(idx),
-      weight: "thin",
-      light: true,
-      secondary: true,
-      size: "small",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 17
-      }
-    }, item.suffix) : item.suffix) : null));
-  }
+function TimelineItem(_ref) {
+  var {
+    idx,
+    item,
+    dataHook,
+    gap
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: _TimelineItemSt.classes.event,
+    "data-hook": dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _TimelineItemSt.classes.prefix,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 9
+    }
+  }, item.customPrefix ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "".concat(_Timeline.dataHooks.timelineBulletIndicator, "-").concat(idx),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 13
+    }
+  }, item.customPrefix) : /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "".concat(_Timeline.dataHooks.timelineDefaultPrefix, "-").concat(idx),
+    className: _TimelineItemSt.classes.defaultIndicator,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _TimelineItemSt.classes.line,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TimelineItemSt.st)(_TimelineItemSt.classes.label, {
+      withSuffix: !!item.suffix
+    }),
+    style: {
+      [_TimelineItemSt.vars.marginBottom]: gap
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 9
+    }
+  }, (0, _StringUtils.isString)(item.label) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    dataHook: "".concat(_Timeline.dataHooks.timelineLabel, "-").concat(idx),
+    weight: "thin",
+    size: "small",
+    className: _TimelineItemSt.classes.labelText,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 13
+    }
+  }, item.label) : item.label, item.labelAction ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _TimelineItemSt.classes.labelAction,
+    "data-hook": "".concat(_Timeline.dataHooks.timelineLabelAction, "-").concat(idx),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 13
+    }
+  }, item.labelAction) : null), item.suffix ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _TimelineItemSt.classes.suffix,
+    "data-hook": "".concat(_Timeline.dataHooks.timelineSuffix, "-").concat(idx),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 11
+    }
+  }, (0, _StringUtils.isString)(item.suffix) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    dataHook: "".concat(_Timeline.dataHooks.timelineTextSuffix, "-").concat(idx),
+    weight: "thin",
+    light: true,
+    secondary: true,
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 15
+    }
+  }, item.suffix) : item.suffix) : null));
 }
 TimelineItem.displayName = 'TimelineItem';
 TimelineItem.propTypes = {
-  /** Applied as data-hook HTML attribute that can be used in the tests */
   dataHook: _propTypes.default.string,
-  /** timeline event item index*/
   idx: _propTypes.default.number,
-  /** timeline event item */
   item: _propTypes.default.shape({
-    /** event text - could be a node or a string */
     label: _propTypes.default.node,
-    /** action element in the end of event text */
     labelAction: _propTypes.default.node,
-    /**  TODO: still in development. custom bullet element like icon or avatar */
     customPrefix: _propTypes.default.node,
-    /** suffix text or element placed on the right */
     suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])
   }).isRequired
 };

package/dist/cjs/Timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_TimelineItemSt","_constants","_StringUtils","_jsxFileName","TimelineItem","React","PureComponent","render","idx","item","dataHook","gap","props","default","createElement","className","classes","event","__self","__source","fileName","lineNumber","columnNumber","Fragment","prefix","customPrefix","concat","dataHooks","timelineBulletIndicator","timelineDefaultPrefix","defaultIndicator","line","st","label","withSuffix","suffix","style","vars","marginBottom","isString","timelineLabel","weight","size","labelText","labelAction","timelineLabelAction","timelineSuffix","timelineTextSuffix","light","secondary","displayName","propTypes","PropTypes","string","number","shape","node","oneOfType","isRequired","_default","exports"],"sources":["../../../src/Timeline/TimelineItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { classes, st, vars } from './TimelineItem.st.css';\nimport { dataHooks } from './constants';\n\nimport { isString } from '../utils/StringUtils';\n\n/** A timeline item is a display of a timeline event */\nclass TimelineItem extends React.PureComponent {\n  render() {\n    const { idx, item, dataHook, gap } = this.props;\n\n    return (\n      <li className={classes.event} data-hook={dataHook}>\n        <>\n          <div className={classes.prefix}>\n            {item.customPrefix ? (\n              <div data-hook={`${dataHooks.timelineBulletIndicator}-${idx}`}>\n                {item.customPrefix}\n              </div>\n            ) : (\n              <div\n                data-hook={`${dataHooks.timelineDefaultPrefix}-${idx}`}\n                className={classes.defaultIndicator}\n              />\n            )}\n            <div className={classes.line} />\n          </div>\n          <div\n            className={st(classes.label, { withSuffix: !!item.suffix })}\n            style={{ [vars.marginBottom]: gap }}\n          >\n            {isString(item.label) ? (\n              <Text\n                dataHook={`${dataHooks.timelineLabel}-${idx}`}\n                weight=\"thin\"\n                size=\"small\"\n                className={classes.labelText}\n              >\n                {item.label}\n              </Text>\n            ) : (\n              item.label\n            )}\n            {item.labelAction ? (\n              <div\n                className={classes.labelAction}\n                data-hook={`${dataHooks.timelineLabelAction}-${idx}`}\n              >\n                {item.labelAction}\n              </div>\n            ) : null}\n          </div>\n          {item.suffix ? (\n            <div\n              className={classes.suffix}\n              data-hook={`${dataHooks.timelineSuffix}-${idx}`}\n            >\n              {isString(item.suffix) ? (\n                <Text\n                  dataHook={`${dataHooks.timelineTextSuffix}-${idx}`}\n                  weight=\"thin\"\n                  light\n                  secondary\n                  size=\"small\"\n                >\n                  {item.suffix}\n                </Text>\n              ) : (\n                item.suffix\n              )}\n            </div>\n          ) : null}\n        </>\n      </li>\n    );\n  }\n}\n\nTimelineItem.displayName = 'TimelineItem';\n\nTimelineItem.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** timeline event item index*/\n  idx: PropTypes.number,\n  /** timeline event item */\n  item: PropTypes.shape({\n    /** event text - could be a node or a string */\n    label: PropTypes.node,\n    /** action element in the end of event text */\n    labelAction: PropTypes.node,\n    /**  TODO: still in development. custom bullet element like icon or avatar */\n    customPrefix: PropTypes.node,\n    /** suffix text or element placed on the right */\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  }).isRequired,\n};\n\nexport default TimelineItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_TimelineItemSt","_Timeline","_StringUtils","_jsxFileName","TimelineItem","_ref","idx","item","dataHook","gap","default","createElement","className","classes","event","__self","__source","fileName","lineNumber","columnNumber","Fragment","prefix","customPrefix","concat","dataHooks","timelineBulletIndicator","timelineDefaultPrefix","defaultIndicator","line","st","label","withSuffix","suffix","style","vars","marginBottom","isString","timelineLabel","weight","size","labelText","labelAction","timelineLabelAction","timelineSuffix","timelineTextSuffix","light","secondary","displayName","propTypes","PropTypes","string","number","shape","node","oneOfType","isRequired","_default","exports"],"sources":["../../../src/Timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { classes, st, vars } from './TimelineItem.st.css';\nimport { dataHooks } from './Timeline.constants';\n\nimport { isString } from '../utils/StringUtils';\nimport { TimelineItemProps } from './TimelineItem.types';\n\n/** A timeline item is a display of a timeline event */\nfunction TimelineItem({ idx, item, dataHook, gap }: TimelineItemProps) {\n  return (\n    <li className={classes.event} data-hook={dataHook}>\n      <>\n        <div className={classes.prefix}>\n          {item.customPrefix ? (\n            <div data-hook={`${dataHooks.timelineBulletIndicator}-${idx}`}>\n              {item.customPrefix}\n            </div>\n          ) : (\n            <div\n              data-hook={`${dataHooks.timelineDefaultPrefix}-${idx}`}\n              className={classes.defaultIndicator}\n            />\n          )}\n          <div className={classes.line} />\n        </div>\n        <div\n          className={st(classes.label, { withSuffix: !!item.suffix })}\n          style={{ [vars.marginBottom]: gap }}\n        >\n          {isString(item.label) ? (\n            <Text\n              dataHook={`${dataHooks.timelineLabel}-${idx}`}\n              weight=\"thin\"\n              size=\"small\"\n              className={classes.labelText}\n            >\n              {item.label}\n            </Text>\n          ) : (\n            item.label\n          )}\n          {item.labelAction ? (\n            <div\n              className={classes.labelAction}\n              data-hook={`${dataHooks.timelineLabelAction}-${idx}`}\n            >\n              {item.labelAction}\n            </div>\n          ) : null}\n        </div>\n        {item.suffix ? (\n          <div\n            className={classes.suffix}\n            data-hook={`${dataHooks.timelineSuffix}-${idx}`}\n          >\n            {isString(item.suffix) ? (\n              <Text\n                dataHook={`${dataHooks.timelineTextSuffix}-${idx}`}\n                weight=\"thin\"\n                light\n                secondary\n                size=\"small\"\n              >\n                {item.suffix}\n              </Text>\n            ) : (\n              item.suffix\n            )}\n          </div>\n        ) : null}\n      </>\n    </li>\n  );\n}\n\nTimelineItem.displayName = 'TimelineItem';\n\nTimelineItem.propTypes = {\n  dataHook: PropTypes.string,\n  idx: PropTypes.number,\n  item: PropTypes.shape({\n    label: PropTypes.node,\n    labelAction: PropTypes.node,\n    customPrefix: PropTypes.node,\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  }).isRequired,\n};\n\nexport default TimelineItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Timeline/TimelineItem.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_TimelineItem";
+var _namespace_ = "wds_1_149_0_TimelineItem";
 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_147_0_TimelineItem__root","event":"wds_1_147_0_TimelineItem__event","prefix":"wds_1_147_0_TimelineItem__prefix","line":"wds_1_147_0_TimelineItem__line","defaultIndicator":"wds_1_147_0_TimelineItem__defaultIndicator","label":"wds_1_147_0_TimelineItem__label","labelText":"wds_1_147_0_TimelineItem__labelText","suffix":"wds_1_147_0_TimelineItem__suffix","labelAction":"wds_1_147_0_TimelineItem__labelAction"};
+module.exports.classes = {"root":"wds_1_149_0_TimelineItem__root","event":"wds_1_149_0_TimelineItem__event","prefix":"wds_1_149_0_TimelineItem__prefix","line":"wds_1_149_0_TimelineItem__line","defaultIndicator":"wds_1_149_0_TimelineItem__defaultIndicator","label":"wds_1_149_0_TimelineItem__label","labelText":"wds_1_149_0_TimelineItem__labelText","suffix":"wds_1_149_0_TimelineItem__suffix","labelAction":"wds_1_149_0_TimelineItem__labelAction"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"listItemHeight":"18px","inidicatorSize":"7px"}; 
-module.exports.vars = {"listItemHeight":"--wds_1_147_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_147_0_TimelineItem-marginBottom"}; 
+module.exports.vars = {"listItemHeight":"--wds_1_149_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_149_0_TimelineItem-marginBottom"}; 
 
 
 

package/dist/cjs/Timeline/TimelineItem.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=TimelineItem.types.js.map

package/dist/cjs/Timeline/TimelineItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Timeline/TimelineItem.types.ts"],"sourcesContent":["import { TimelineItem } from './Timeline.types';\n\nexport type TimelineItemProps = {\n  /** timeline event item index */\n  idx: number;\n  /** timeline event item */\n  item: TimelineItem;\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  gap?: string;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Timeline/index.js

@@ -2,7 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {};
 exports.default = void 0;
-var _Timeline = _interopRequireDefault(require("./Timeline.js"));
+var _Timeline = _interopRequireDefault(require("./Timeline"));
 exports.default = _Timeline.default;
+var _Timeline2 = require("./Timeline.types");
+Object.keys(_Timeline2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Timeline2[key]) return;
+  exports[key] = _Timeline2[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Timeline","_interopRequireDefault","require","exports","default"],"sources":["../../../src/Timeline/index.js"],"sourcesContent":["export { default } from './Timeline.js';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwCC,OAAA,CAAAC,OAAA,GAAAJ,SAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_Timeline","_interopRequireDefault","require","exports","default","_Timeline2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/Timeline/index.ts"],"sourcesContent":["export { default } from './Timeline';\nexport * from './Timeline.types';\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqCC,OAAA,CAAAC,OAAA,GAAAJ,SAAA,CAAAI,OAAA;AACrC,IAAAC,UAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,UAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,UAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,UAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_Toast";
+var _namespace_ = "wds_1_149_0_Toast";
 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_147_0_Toast__root","content":"wds_1_147_0_Toast__content","dismiss":"wds_1_147_0_Toast__dismiss"};
+module.exports.classes = {"root":"wds_1_149_0_Toast__root","content":"wds_1_149_0_Toast__content","dismiss":"wds_1_149_0_Toast__dismiss"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToastContainer/ToastContainer.js

@@ -39,6 +39,7 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     offset,
     zIndex,
     dataHook,
+    position,
     className,
     children
   } = _ref;
@@ -49,7 +50,8 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     "data-hook": dataHook,
     style: {
       bottom: offset,
-      zIndex
+      zIndex,
+      position: position || 'fixed'
     },
     __self: void 0,
     __source: {

package/dist/cjs/ToastContainer/ToastContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_framerMotion","_ToastContext","_ToastContainerSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_VISIBLE_TOASTS","toastTransition","duration","ease","toastInitialState","translateY","opacity","toastVisibleState","toastHiddenState","toastExitedState","transition","ToastContainer","forwardRef","_ref","ref","offset","zIndex","dataHook","className","children","toasts","React","Children","toArray","reverse","createElement","st","classes","root","style","bottom","__self","__source","fileName","lineNumber","columnNumber","AnimatePresence","map","toast","index","isValidElement","hidden","containerKey","concat","key","motion","div","layout","initial","animate","exit","pointerEvents","undefined","ToastContext","Provider","value","_default","exports"],"sources":["../../../src/ToastContainer/ToastContainer.tsx"],"sourcesContent":["import React, { forwardRef, isValidElement } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nimport { ToastContext } from '../Toast/ToastContext';\nimport { ToastContainerProps } from './ToastContainer.types';\nimport { st, classes } from './ToastContainer.st.css';\n\nconst MAX_VISIBLE_TOASTS = 3;\n\nconst toastTransition = {\n  duration: 0.3,\n  ease: [0, 0, 0.2, 1],\n};\n\nconst toastInitialState = {\n  translateY: '100%',\n  opacity: 0,\n};\n\nconst toastVisibleState = {\n  translateY: '0%',\n  opacity: 1,\n};\n\nconst toastHiddenState = {\n  translateY: '0%',\n  opacity: 0,\n};\n\nconst toastExitedState = {\n  translateY: '0%',\n  opacity: 0,\n  transition: {\n    duration: 0.3,\n    ease: [0.4, 0, 1, 1],\n  },\n};\n\nconst ToastContainer = forwardRef<HTMLDivElement, ToastContainerProps>(\n  ({ offset, zIndex, dataHook, className, children }, ref) => {\n    const toasts = React.Children.toArray(children).reverse();\n\n    return (\n      <div\n        ref={ref}\n        className={st(classes.root, className)}\n        data-hook={dataHook}\n        style={{ bottom: offset, zIndex }}\n      >\n        {/* @ts-ignore - TODO: update framer-motion after upgrading react 18 */}\n        <AnimatePresence>\n          {toasts.map((toast, index) => {\n            if (!isValidElement(toast)) {\n              return null;\n            }\n\n            const hidden = index >= MAX_VISIBLE_TOASTS;\n            const containerKey = `toast-container-${toast.key}`;\n\n            return (\n              <motion.div\n                key={containerKey}\n                data-hook={containerKey}\n                data-hidden={hidden}\n                layout\n                transition={toastTransition}\n                initial={toastInitialState}\n                animate={hidden ? toastHiddenState : toastVisibleState}\n                exit={toastExitedState}\n                style={{ pointerEvents: hidden ? 'none' : undefined }}\n              >\n                <ToastContext.Provider value={{ hidden }}>\n                  {toast}\n                </ToastContext.Provider>\n              </motion.div>\n            );\n          })}\n        </AnimatePresence>\n      </div>\n    );\n  },\n);\n\nexport default ToastContainer;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAAsD,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEtD,IAAMW,kBAAkB,GAAG,CAAC;AAE5B,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AACrB,CAAC;AAED,IAAMC,iBAAiB,GAAG;EACxBC,UAAU,EAAE,MAAM;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,iBAAiB,GAAG;EACxBF,UAAU,EAAE,IAAI;EAChBC,OAAO,EAAE;AACX,CAAC;AAED,IAAME,gBAAgB,GAAG;EACvBH,UAAU,EAAE,IAAI;EAChBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMG,gBAAgB,GAAG;EACvBJ,UAAU,EAAE,IAAI;EAChBC,OAAO,EAAE,CAAC;EACVI,UAAU,EAAE;IACVR,QAAQ,EAAE,GAAG;IACbC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;EACrB;AACF,CAAC;AAED,IAAMQ,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CAAAC,IAAA,EAAoDC,GAAG,KAAK;EAAA,IAA3D;IAAEC,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAN,IAAA;EAChD,IAAMO,MAAM,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,OAAO,CAAC,CAAC;EAEzD,oBACEnD,MAAA,CAAAa,OAAA,CAAAuC,aAAA;IACEX,GAAG,EAAEA,GAAI;IACTI,SAAS,EAAE,IAAAQ,oBAAE,EAACC,yBAAO,CAACC,IAAI,EAAEV,SAAS,CAAE;IACvC,aAAWD,QAAS;IACpBY,KAAK,EAAE;MAAEC,MAAM,EAAEf,MAAM;MAAEC;IAAO,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtD,YAAA;MAAAuD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAGlC9D,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAACjD,aAAA,CAAA4D,eAAe;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtD,YAAA;MAAAuD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACbf,MAAM,CAACiB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC5B,IAAI,eAAC,IAAAC,qBAAc,EAACF,KAAK,CAAC,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,IAAMG,MAAM,GAAGF,KAAK,IAAIvC,kBAAkB;IAC1C,IAAM0C,YAAY,sBAAAC,MAAA,CAAsBL,KAAK,CAACM,GAAG,CAAE;IAEnD,oBACEvE,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAACjD,aAAA,CAAAqE,MAAM,CAACC,GAAG;MACTF,GAAG,EAAEF,YAAa;MAClB,aAAWA,YAAa;MACxB,eAAaD,MAAO;MACpBM,MAAM;MACNrC,UAAU,EAAET,eAAgB;MAC5B+C,OAAO,EAAE5C,iBAAkB;MAC3B6C,OAAO,EAAER,MAAM,GAAGjC,gBAAgB,GAAGD,iBAAkB;MACvD2C,IAAI,EAAEzC,gBAAiB;MACvBoB,KAAK,EAAE;QAAEsB,aAAa,EAAEV,MAAM,GAAG,MAAM,GAAGW;MAAU,CAAE;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtD9D,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAChD,aAAA,CAAA4E,YAAY,CAACC,QAAQ;MAACC,KAAK,EAAE;QAAEd;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtCG,KACoB,CACb,CAAC;EAEjB,CAAC,CACc,CACd,CAAC;AAEV,CACF,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAvE,OAAA,GAEayB,cAAc","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_framerMotion","_ToastContext","_ToastContainerSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_VISIBLE_TOASTS","toastTransition","duration","ease","toastInitialState","translateY","opacity","toastVisibleState","toastHiddenState","toastExitedState","transition","ToastContainer","forwardRef","_ref","ref","offset","zIndex","dataHook","position","className","children","toasts","React","Children","toArray","reverse","createElement","st","classes","root","style","bottom","__self","__source","fileName","lineNumber","columnNumber","AnimatePresence","map","toast","index","isValidElement","hidden","containerKey","concat","key","motion","div","layout","initial","animate","exit","pointerEvents","undefined","ToastContext","Provider","value","_default","exports"],"sources":["../../../src/ToastContainer/ToastContainer.tsx"],"sourcesContent":["import React, { forwardRef, isValidElement } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nimport { ToastContext } from '../Toast/ToastContext';\nimport { ToastContainerProps } from './ToastContainer.types';\nimport { st, classes } from './ToastContainer.st.css';\n\nconst MAX_VISIBLE_TOASTS = 3;\n\nconst toastTransition = {\n  duration: 0.3,\n  ease: [0, 0, 0.2, 1],\n};\n\nconst toastInitialState = {\n  translateY: '100%',\n  opacity: 0,\n};\n\nconst toastVisibleState = {\n  translateY: '0%',\n  opacity: 1,\n};\n\nconst toastHiddenState = {\n  translateY: '0%',\n  opacity: 0,\n};\n\nconst toastExitedState = {\n  translateY: '0%',\n  opacity: 0,\n  transition: {\n    duration: 0.3,\n    ease: [0.4, 0, 1, 1],\n  },\n};\n\nconst ToastContainer = forwardRef<HTMLDivElement, ToastContainerProps>(\n  ({ offset, zIndex, dataHook, position, className, children }, ref) => {\n    const toasts = React.Children.toArray(children).reverse();\n\n    return (\n      <div\n        ref={ref}\n        className={st(classes.root, className)}\n        data-hook={dataHook}\n        style={{ bottom: offset, zIndex, position: position || 'fixed' }}\n      >\n        {/* @ts-ignore - TODO: update framer-motion after upgrading react 18 */}\n        <AnimatePresence>\n          {toasts.map((toast, index) => {\n            if (!isValidElement(toast)) {\n              return null;\n            }\n\n            const hidden = index >= MAX_VISIBLE_TOASTS;\n            const containerKey = `toast-container-${toast.key}`;\n\n            return (\n              <motion.div\n                key={containerKey}\n                data-hook={containerKey}\n                data-hidden={hidden}\n                layout\n                transition={toastTransition}\n                initial={toastInitialState}\n                animate={hidden ? toastHiddenState : toastVisibleState}\n                exit={toastExitedState}\n                style={{ pointerEvents: hidden ? 'none' : undefined }}\n              >\n                <ToastContext.Provider value={{ hidden }}>\n                  {toast}\n                </ToastContext.Provider>\n              </motion.div>\n            );\n          })}\n        </AnimatePresence>\n      </div>\n    );\n  },\n);\n\nexport default ToastContainer;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/ToastContainer/ToastContainer.types.ts"],"sourcesContent":["export type ToastContainerProps = {\n  dataHook?: string;\n  zIndex?: number;\n  offset?: string | number;\n  className?: string;\n  children?: React.ReactElement | React.ReactElement[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/ToastContainer/ToastContainer.types.ts"],"sourcesContent":["export type ToastContainerProps = {\n  dataHook?: string;\n  zIndex?: number;\n  offset?: string | number;\n  className?: string;\n  children?: React.ReactElement | React.ReactElement[];\n  position?: 'fixed' | 'absolute';\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleButton";
+var _namespace_ = "wds_1_149_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_ToggleButton__root","label":"wds_1_147_0_ToggleButton__label","icon":"wds_1_147_0_ToggleButton__icon","labelContainer":"wds_1_147_0_ToggleButton__labelContainer","tooltip":"wds_1_147_0_ToggleButton__tooltip"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleButton__root","label":"wds_1_149_0_ToggleButton__label","icon":"wds_1_149_0_ToggleButton__icon","labelContainer":"wds_1_149_0_ToggleButton__labelContainer","tooltip":"wds_1_149_0_ToggleButton__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleSwitch";
+var _namespace_ = "wds_1_149_0_ToggleSwitch";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_ToggleSwitch__root"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleSwitch__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_149_0_ToggleSwitchCore";
 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_147_0_ToggleSwitchCore__root","input":"wds_1_147_0_ToggleSwitchCore__input","track":"wds_1_147_0_ToggleSwitchCore__track","knob":"wds_1_147_0_ToggleSwitchCore__knob","knobIcon":"wds_1_147_0_ToggleSwitchCore__knobIcon"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleSwitchCore__root","input":"wds_1_149_0_ToggleSwitchCore__input","track":"wds_1_149_0_ToggleSwitchCore__track","knob":"wds_1_149_0_ToggleSwitchCore__knob","knobIcon":"wds_1_149_0_ToggleSwitchCore__knobIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_149_0_ToggleSwitchCoreColor";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_ToggleSwitchCoreColor__root"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleSwitchCoreColor__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_149_0_ToggleSwitchCoreLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_ToggleSwitchCoreLayout__root"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleSwitchCoreLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_147_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_149_0_ToggleSwitchCoreStyle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_ToggleSwitchCoreStyle__root"};
+module.exports.classes = {"root":"wds_1_149_0_ToggleSwitchCoreStyle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_Tooltip";
+var _namespace_ = "wds_1_149_0_Tooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_147_0_Tooltip__root","text-small-normal":"wds_1_147_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_147_0_StylableTypography__text-tiny-thin","text":"wds_1_147_0_Tooltip__text"};
+module.exports.classes = {"root":"wds_1_149_0_Tooltip__root","text-small-normal":"wds_1_149_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_149_0_StylableTypography__text-tiny-thin","text":"wds_1_149_0_Tooltip__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_147_0_TopBanner";
+var _namespace_ = "wds_1_149_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_147_0_TopBanner__root","contentContainer":"wds_1_147_0_TopBanner__contentContainer","action":"wds_1_147_0_TopBanner__action"};
+module.exports.classes = {"root":"wds_1_149_0_TopBanner__root","contentContainer":"wds_1_149_0_TopBanner__contentContainer","action":"wds_1_149_0_TopBanner__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};