@wix/design-system 1.164.0 → 1.166.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_TimeTable";
+var _namespace_ = "wds_1_166_0_TimeTable";
 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_164_0_TimeTable__root","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_164_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_164_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_164_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_164_0_defaultscrollbar__defaultScrollBar","column":"wds_1_164_0_TimeTable__column","header":"wds_1_164_0_TimeTable__header","title":"wds_1_164_0_TimeTable__title","subtitle":"wds_1_164_0_TimeTable__subtitle","item":"wds_1_164_0_TimeTable__item","actionsContainer":"wds_1_164_0_TimeTable__actionsContainer","addItemButton":"wds_1_164_0_TimeTable__addItemButton","addItemLabel":"wds_1_164_0_TimeTable__addItemLabel","headerContainer":"wds_1_164_0_TimeTable__headerContainer","contentContainer":"wds_1_164_0_TimeTable__contentContainer","content":"wds_1_164_0_TimeTable__content"};
+module.exports.classes = {"root":"wds_1_166_0_TimeTable__root","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_166_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_166_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_166_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_166_0_defaultscrollbar__defaultScrollBar","column":"wds_1_166_0_TimeTable__column","header":"wds_1_166_0_TimeTable__header","title":"wds_1_166_0_TimeTable__title","subtitle":"wds_1_166_0_TimeTable__subtitle","item":"wds_1_166_0_TimeTable__item","actionsContainer":"wds_1_166_0_TimeTable__actionsContainer","addItemButton":"wds_1_166_0_TimeTable__addItemButton","addItemLabel":"wds_1_166_0_TimeTable__addItemLabel","headerContainer":"wds_1_166_0_TimeTable__headerContainer","contentContainer":"wds_1_166_0_TimeTable__contentContainer","content":"wds_1_166_0_TimeTable__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeTable/components/Item.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_TimeTableItem";
+var _namespace_ = "wds_1_166_0_TimeTableItem";
 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_164_0_TimeTableItem__root","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_166_0_TimeTableItem__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_TimelineItem";
+var _namespace_ = "wds_1_166_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_164_0_TimelineItem__root","event":"wds_1_164_0_TimelineItem__event","prefix":"wds_1_164_0_TimelineItem__prefix","line":"wds_1_164_0_TimelineItem__line","defaultIndicator":"wds_1_164_0_TimelineItem__defaultIndicator","label":"wds_1_164_0_TimelineItem__label","labelText":"wds_1_164_0_TimelineItem__labelText","suffix":"wds_1_164_0_TimelineItem__suffix","labelAction":"wds_1_164_0_TimelineItem__labelAction"};
+module.exports.classes = {"root":"wds_1_166_0_TimelineItem__root","event":"wds_1_166_0_TimelineItem__event","prefix":"wds_1_166_0_TimelineItem__prefix","line":"wds_1_166_0_TimelineItem__line","defaultIndicator":"wds_1_166_0_TimelineItem__defaultIndicator","label":"wds_1_166_0_TimelineItem__label","labelText":"wds_1_166_0_TimelineItem__labelText","suffix":"wds_1_166_0_TimelineItem__suffix","labelAction":"wds_1_166_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_164_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_164_0_TimelineItem-marginBottom"}; 
+module.exports.vars = {"listItemHeight":"--wds_1_166_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_166_0_TimelineItem-marginBottom"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Toast";
+var _namespace_ = "wds_1_166_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_164_0_Toast__root","content":"wds_1_164_0_Toast__content","dismiss":"wds_1_164_0_Toast__dismiss"};
+module.exports.classes = {"root":"wds_1_166_0_Toast__root","content":"wds_1_166_0_Toast__content","dismiss":"wds_1_166_0_Toast__dismiss"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToastContainer/ToastContainer.js

@@ -9,7 +9,6 @@ var _ToastContainerSt = require("./ToastContainer.st.css.js");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/ToastContainer/ToastContainer.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var MAX_VISIBLE_TOASTS = 2;
 var toastTransition = {
   duration: 0.3,
   ease: [0, 0, 0.2, 1]
@@ -40,6 +39,7 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     zIndex,
     dataHook,
     position,
+    maxToasts = 1,
     className,
     children
   } = _ref;
@@ -56,21 +56,21 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 42,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 49,
       columnNumber: 9
     }
   }, toasts.map((toast, index) => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(toast)) {
       return null;
     }
-    var hidden = index >= MAX_VISIBLE_TOASTS;
+    var hidden = index >= maxToasts;
     var containerKey = "toast-container-".concat(toast.key);
     return /*#__PURE__*/_react.default.createElement(_framerMotion.motion.div, {
       key: containerKey,
@@ -87,7 +87,7 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 59,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_ToastContext.ToastContext.Provider, {
@@ -97,7 +97,7 @@ var ToastContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 70,
         columnNumber: 17
       }
     }, toast));

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","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 = 2;\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":";;;;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,EAA8DC,GAAG,KAAK;EAAA,IAArE;IAAEC,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAP,IAAA;EAC1D,IAAMQ,MAAM,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,OAAO,CAAC,CAAC;EAEzD,oBACEpD,MAAA,CAAAa,OAAA,CAAAwC,aAAA;IACEZ,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAE,IAAAQ,oBAAE,EAACC,yBAAO,CAACC,IAAI,EAAEV,SAAS,CAAE;IACvC,aAAWF,QAAS;IACpBa,KAAK,EAAE;MAAEC,MAAM,EAAEhB,MAAM;MAAEC,MAAM;MAAEE,QAAQ,EAAEA,QAAQ,IAAI;IAAQ,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvD,YAAA;MAAAwD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAGjE/D,MAAA,CAAAa,OAAA,CAAAwC,aAAA,CAAClD,aAAA,CAAA6D,eAAe;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvD,YAAA;MAAAwD,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,IAAIxC,kBAAkB;IAC1C,IAAM2C,YAAY,sBAAAC,MAAA,CAAsBL,KAAK,CAACM,GAAG,CAAE;IAEnD,oBACExE,MAAA,CAAAa,OAAA,CAAAwC,aAAA,CAAClD,aAAA,CAAAsE,MAAM,CAACC,GAAG;MACTF,GAAG,EAAEF,YAAa;MAClB,aAAWA,YAAa;MACxB,eAAaD,MAAO;MACpBM,MAAM;MACNtC,UAAU,EAAET,eAAgB;MAC5BgD,OAAO,EAAE7C,iBAAkB;MAC3B8C,OAAO,EAAER,MAAM,GAAGlC,gBAAgB,GAAGD,iBAAkB;MACvD4C,IAAI,EAAE1C,gBAAiB;MACvBqB,KAAK,EAAE;QAAEsB,aAAa,EAAEV,MAAM,GAAG,MAAM,GAAGW;MAAU,CAAE;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtD/D,MAAA,CAAAa,OAAA,CAAAwC,aAAA,CAACjD,aAAA,CAAA6E,YAAY,CAACC,QAAQ;MAACC,KAAK,EAAE;QAAEd;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtCG,KACoB,CACb,CAAC;EAEjB,CAAC,CACc,CACd,CAAC;AAEV,CACF,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAxE,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","toastTransition","duration","ease","toastInitialState","translateY","opacity","toastVisibleState","toastHiddenState","toastExitedState","transition","ToastContainer","forwardRef","_ref","ref","offset","zIndex","dataHook","position","maxToasts","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 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, maxToasts = 1, 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 >= maxToasts;\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_164_0_ToastContainer";
+var _namespace_ = "wds_1_166_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_164_0_ToastContainer__root"};
+module.exports.classes = {"root":"wds_1_166_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  position?: 'fixed' | 'absolute';\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   * @default 1\n   */\n  maxToasts?: number;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/ToggleButton/ToggleButton.js

@@ -15,7 +15,7 @@ var _constants = require("./constants");
 var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
 var _context = require("../WixDesignSystemProvider/context");
 var _ButtonCore = _interopRequireDefault(require("../Button/ButtonCore"));
-var _excluded = ["children", "size", "shape", "skin", "tooltipProps", "labelValue", "selected", "dataHook", "labelPlacement", "labelEllipsis", "disabled", "border", "tooltipDisabled", "className"];
+var _excluded = ["children", "size", "shape", "skin", "tooltipProps", "labelValue", "selected", "interactive", "dataHook", "labelPlacement", "labelEllipsis", "disabled", "border", "tooltipDisabled", "className"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/ToggleButton/ToggleButton.js";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -94,7 +94,7 @@ class ToggleButton extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 136,
+          lineNumber: 141,
           columnNumber: 7
         }
       }, labelValue);
@@ -110,6 +110,7 @@ class ToggleButton extends _react.PureComponent {
         tooltipProps,
         labelValue,
         selected,
+        interactive,
         dataHook,
         labelPlacement,
         labelEllipsis,
@@ -123,7 +124,7 @@ class ToggleButton extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 178,
         columnNumber: 7
       }
     }, _ref => {
@@ -131,7 +132,10 @@ class ToggleButton extends _react.PureComponent {
         mobile
       } = _ref;
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
-        className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.tooltip)
+        className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.tooltip, {
+          disabled,
+          interactive
+        })
       }, tooltipProps, {
         size: "small",
         content: labelValue,
@@ -140,13 +144,14 @@ class ToggleButton extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 174,
+          lineNumber: 180,
           columnNumber: 11
         }
       }), /*#__PURE__*/_react.default.createElement(_ButtonCore.default, (0, _extends2.default)({}, rest, {
         className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.root, {
           disabled,
           selected,
+          interactive,
           skin,
           labelPlacement,
           shape,
@@ -163,7 +168,7 @@ class ToggleButton extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 188,
+          lineNumber: 194,
           columnNumber: 13
         }
       }), /*#__PURE__*/_react.default.createElement(ToggleButtonIcon, {
@@ -176,7 +181,7 @@ class ToggleButton extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 211,
+          lineNumber: 218,
           columnNumber: 15
         }
       }, children, labelPlacement === 'end' || shape === _constants.SHAPES['pill'] ? this.renderLabel() : null), labelPlacement === 'bottom' && shape !== _constants.SHAPES['pill'] ? this.renderLabel() : null));
@@ -209,6 +214,10 @@ ToggleButton.propTypes = {
   onClick: _propTypes.default.func,
   /** Applies selected styles */
   selected: _propTypes.default.bool,
+  /** Enables pointer events of a selected button.
+   * @default true
+   */
+  interactive: _propTypes.default.bool,
   /** Applies disabled styles */
   disabled: _propTypes.default.bool,
   /** Applies border */
@@ -226,6 +235,7 @@ ToggleButton.defaultProps = {
   size: 'medium',
   shape: 'square',
   border: false,
+  interactive: true,
   disabled: false,
   labelValue: '',
   labelPlacement: 'tooltip',

package/dist/cjs/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Focusable","_ToggleButtonSt","_Tooltip","_Text","_constants","_TooltipCommon","_context","_ButtonCore","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Icon","PureComponent","render","children","size","shape","border","labelValue","labelPlacement","focusableOnBlur","focusableOnFocus","className","props","iconSize","iconChildSize","isLabelOutside","icon","label","React","Children","map","child","createElement","classes","labelContainer","__self","__source","fileName","lineNumber","columnNumber","st","onBlur","onFocus","cloneElement","width","height","ToggleButtonIcon","withFocusable","ToggleButton","constructor","arguments","renderLabel","disabled","labelEllipsis","textSize","SHAPES","pillTextSizesMap","textWeight","placement","dataHook","dataHooks","weight","ellipsis","_this$props","skin","tooltipProps","selected","tooltipDisabled","rest","_objectWithoutProperties2","WixDesignSystemContext","Consumer","_ref","mobile","_extends2","tooltip","content","root","button","displayName","propTypes","as","PropTypes","oneOfType","func","object","string","node","oneOf","bool","onClick","TooltipCommonProps","defaultProps","_default","exports"],"sources":["../../../src/ToggleButton/ToggleButton.js"],"sourcesContent":["import React, { cloneElement, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../common/Focusable';\nimport { classes, st } from './ToggleButton.st.css';\nimport Tooltip from '../Tooltip';\nimport Text from '../Text';\nimport {\n  dataHooks,\n  iconChildSize,\n  pillTextSizesMap,\n  SHAPES,\n} from './constants';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport ButtonCore from '../Button/ButtonCore';\n\nclass Icon extends PureComponent {\n  render() {\n    const {\n      children,\n      size,\n      shape,\n      border,\n      labelValue,\n      labelPlacement,\n      focusableOnBlur,\n      focusableOnFocus,\n      className,\n    } = this.props;\n    const iconSize = iconChildSize[size];\n    const isLabelOutside = shape === 'round' && labelPlacement === 'end';\n\n    const [icon, label] = React.Children.map(\n      children,\n      (children, child => child),\n    );\n\n    // TODO page is scrolled whenever icon focused and we press Space button\n\n    return (\n      children && (\n        <span className={isLabelOutside ? classes.labelContainer : ''}>\n          <div\n            className={st(classes.icon, { size, border }, className)}\n            onBlur={focusableOnBlur}\n            onFocus={focusableOnFocus}\n          >\n            {cloneElement(icon, {\n              width: iconSize,\n              height: iconSize,\n            })}\n            {!isLabelOutside && label}\n          </div>\n          {isLabelOutside && label}\n        </span>\n      )\n    );\n  }\n}\n\nconst ToggleButtonIcon = withFocusable(Icon);\n\nclass ToggleButton extends PureComponent {\n  static displayName = 'ToggleButton';\n  static propTypes = {\n    /** render as some other component or DOM tag */\n    as: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.object,\n      PropTypes.string,\n    ]),\n\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n    className: PropTypes.string,\n    /** Used for passing any @wix/design-system icon. For external icon make sure to follow ux sizing guidelines */\n    children: PropTypes.node,\n    /** Button skins */\n    skin: PropTypes.oneOf([\n      'standard',\n      'dark',\n      'inverted',\n      'destructive',\n      'success',\n    ]),\n    /** Button size */\n    size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n    /** Button shape */\n    shape: PropTypes.oneOf(['square', 'round', 'pill']),\n    /** Label content */\n    labelValue: PropTypes.node,\n    /** Label placement */\n    labelPlacement: PropTypes.oneOf(['tooltip', 'bottom', 'end']),\n    /** Whether label should have ellipsis */\n    labelEllipsis: PropTypes.bool,\n    /** Click event handler  */\n    onClick: PropTypes.func,\n    /** Applies selected styles */\n    selected: PropTypes.bool,\n    /** Applies disabled styles */\n    disabled: PropTypes.bool,\n    /** Applies border */\n    border: PropTypes.bool,\n    /** String based data hook */\n    dataHook: PropTypes.string,\n    /** Tooltip props for label. Applied only when `labelPlacement` is `tooltip`.\n     * @linkTypeTo components-overlays--tooltip\n     * @setTypeName TooltipCommonProps\n     */\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n  };\n\n  static defaultProps = {\n    skin: 'standard',\n    size: 'medium',\n    shape: 'square',\n    border: false,\n    disabled: false,\n    labelValue: '',\n    labelPlacement: 'tooltip',\n    labelEllipsis: false,\n    tooltipProps: {\n      placement: 'top',\n    },\n  };\n\n  renderLabel = () => {\n    const { disabled, size, labelValue, labelPlacement, labelEllipsis, shape } =\n      this.props;\n\n    const textSize = shape === SHAPES['pill'] ? pillTextSizesMap[size] : 'tiny';\n    const textWeight =\n      shape === SHAPES['pill'] && size === 'tiny' ? 'bold' : 'thin';\n    return (\n      <Text\n        className={st(classes.label, {\n          placement: shape !== SHAPES['pill'] && labelPlacement,\n          size,\n          shape,\n        })}\n        disabled={disabled}\n        dataHook={dataHooks.label}\n        size={textSize}\n        weight={textWeight}\n        ellipsis={labelEllipsis}\n      >\n        {labelValue}\n      </Text>\n    );\n  };\n  render() {\n    const {\n      children,\n      size,\n      shape,\n      skin,\n      tooltipProps,\n      labelValue,\n      selected,\n      dataHook,\n      labelPlacement,\n      labelEllipsis,\n      disabled,\n      border,\n      tooltipDisabled,\n      className,\n      ...rest\n    } = this.props;\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ mobile }) => (\n          <Tooltip\n            className={st(classes.tooltip)}\n            {...tooltipProps}\n            size=\"small\"\n            content={labelValue}\n            disabled={\n              tooltipDisabled ||\n              tooltipProps.disabled ||\n              labelPlacement !== 'tooltip' ||\n              shape === 'pill' ||\n              mobile\n            }\n            data-hook={dataHook}\n          >\n            <ButtonCore\n              {...rest}\n              className={st(\n                classes.root,\n                {\n                  disabled,\n                  selected,\n                  skin,\n                  labelPlacement,\n                  shape,\n                  mobile,\n                },\n                className,\n              )}\n              data-hook={dataHooks.button}\n              data-placement={labelPlacement}\n              data-selected={selected}\n              data-skin={skin}\n              data-shape={shape}\n              aria-pressed={selected}\n              disabled={disabled}\n              aria-label={labelValue}\n            >\n              <ToggleButtonIcon\n                size={size}\n                shape={shape}\n                border={border}\n                tooltipProps={tooltipProps}\n                labelValue={labelValue}\n                labelPlacement={labelPlacement}\n              >\n                {children}\n                {labelPlacement === 'end' || shape === SHAPES['pill']\n                  ? this.renderLabel()\n                  : null}\n              </ToggleButtonIcon>\n              {labelPlacement === 'bottom' && shape !== SHAPES['pill']\n                ? this.renderLabel()\n                : null}\n            </ButtonCore>\n          </Tooltip>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\nexport default ToggleButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Focusable","_ToggleButtonSt","_Tooltip","_Text","_constants","_TooltipCommon","_context","_ButtonCore","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Icon","PureComponent","render","children","size","shape","border","labelValue","labelPlacement","focusableOnBlur","focusableOnFocus","className","props","iconSize","iconChildSize","isLabelOutside","icon","label","React","Children","map","child","createElement","classes","labelContainer","__self","__source","fileName","lineNumber","columnNumber","st","onBlur","onFocus","cloneElement","width","height","ToggleButtonIcon","withFocusable","ToggleButton","constructor","arguments","renderLabel","disabled","labelEllipsis","textSize","SHAPES","pillTextSizesMap","textWeight","placement","dataHook","dataHooks","weight","ellipsis","_this$props","skin","tooltipProps","selected","interactive","tooltipDisabled","rest","_objectWithoutProperties2","WixDesignSystemContext","Consumer","_ref","mobile","_extends2","tooltip","content","root","button","displayName","propTypes","as","PropTypes","oneOfType","func","object","string","node","oneOf","bool","onClick","TooltipCommonProps","defaultProps","_default","exports"],"sources":["../../../src/ToggleButton/ToggleButton.js"],"sourcesContent":["import React, { cloneElement, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../common/Focusable';\nimport { classes, st } from './ToggleButton.st.css';\nimport Tooltip from '../Tooltip';\nimport Text from '../Text';\nimport {\n  dataHooks,\n  iconChildSize,\n  pillTextSizesMap,\n  SHAPES,\n} from './constants';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport ButtonCore from '../Button/ButtonCore';\n\nclass Icon extends PureComponent {\n  render() {\n    const {\n      children,\n      size,\n      shape,\n      border,\n      labelValue,\n      labelPlacement,\n      focusableOnBlur,\n      focusableOnFocus,\n      className,\n    } = this.props;\n    const iconSize = iconChildSize[size];\n    const isLabelOutside = shape === 'round' && labelPlacement === 'end';\n\n    const [icon, label] = React.Children.map(\n      children,\n      (children, child => child),\n    );\n\n    // TODO page is scrolled whenever icon focused and we press Space button\n\n    return (\n      children && (\n        <span className={isLabelOutside ? classes.labelContainer : ''}>\n          <div\n            className={st(classes.icon, { size, border }, className)}\n            onBlur={focusableOnBlur}\n            onFocus={focusableOnFocus}\n          >\n            {cloneElement(icon, {\n              width: iconSize,\n              height: iconSize,\n            })}\n            {!isLabelOutside && label}\n          </div>\n          {isLabelOutside && label}\n        </span>\n      )\n    );\n  }\n}\n\nconst ToggleButtonIcon = withFocusable(Icon);\n\nclass ToggleButton extends PureComponent {\n  static displayName = 'ToggleButton';\n  static propTypes = {\n    /** render as some other component or DOM tag */\n    as: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.object,\n      PropTypes.string,\n    ]),\n\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n    className: PropTypes.string,\n    /** Used for passing any @wix/design-system icon. For external icon make sure to follow ux sizing guidelines */\n    children: PropTypes.node,\n    /** Button skins */\n    skin: PropTypes.oneOf([\n      'standard',\n      'dark',\n      'inverted',\n      'destructive',\n      'success',\n    ]),\n    /** Button size */\n    size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n    /** Button shape */\n    shape: PropTypes.oneOf(['square', 'round', 'pill']),\n    /** Label content */\n    labelValue: PropTypes.node,\n    /** Label placement */\n    labelPlacement: PropTypes.oneOf(['tooltip', 'bottom', 'end']),\n    /** Whether label should have ellipsis */\n    labelEllipsis: PropTypes.bool,\n    /** Click event handler  */\n    onClick: PropTypes.func,\n    /** Applies selected styles */\n    selected: PropTypes.bool,\n    /** Enables pointer events of a selected button.\n     * @default true\n     */\n    interactive: PropTypes.bool,\n    /** Applies disabled styles */\n    disabled: PropTypes.bool,\n    /** Applies border */\n    border: PropTypes.bool,\n    /** String based data hook */\n    dataHook: PropTypes.string,\n    /** Tooltip props for label. Applied only when `labelPlacement` is `tooltip`.\n     * @linkTypeTo components-overlays--tooltip\n     * @setTypeName TooltipCommonProps\n     */\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n  };\n\n  static defaultProps = {\n    skin: 'standard',\n    size: 'medium',\n    shape: 'square',\n    border: false,\n    interactive: true,\n    disabled: false,\n    labelValue: '',\n    labelPlacement: 'tooltip',\n    labelEllipsis: false,\n    tooltipProps: {\n      placement: 'top',\n    },\n  };\n\n  renderLabel = () => {\n    const { disabled, size, labelValue, labelPlacement, labelEllipsis, shape } =\n      this.props;\n\n    const textSize = shape === SHAPES['pill'] ? pillTextSizesMap[size] : 'tiny';\n    const textWeight =\n      shape === SHAPES['pill'] && size === 'tiny' ? 'bold' : 'thin';\n    return (\n      <Text\n        className={st(classes.label, {\n          placement: shape !== SHAPES['pill'] && labelPlacement,\n          size,\n          shape,\n        })}\n        disabled={disabled}\n        dataHook={dataHooks.label}\n        size={textSize}\n        weight={textWeight}\n        ellipsis={labelEllipsis}\n      >\n        {labelValue}\n      </Text>\n    );\n  };\n  render() {\n    const {\n      children,\n      size,\n      shape,\n      skin,\n      tooltipProps,\n      labelValue,\n      selected,\n      interactive,\n      dataHook,\n      labelPlacement,\n      labelEllipsis,\n      disabled,\n      border,\n      tooltipDisabled,\n      className,\n      ...rest\n    } = this.props;\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ mobile }) => (\n          <Tooltip\n            className={st(classes.tooltip, { disabled, interactive })}\n            {...tooltipProps}\n            size=\"small\"\n            content={labelValue}\n            disabled={\n              tooltipDisabled ||\n              tooltipProps.disabled ||\n              labelPlacement !== 'tooltip' ||\n              shape === 'pill' ||\n              mobile\n            }\n            data-hook={dataHook}\n          >\n            <ButtonCore\n              {...rest}\n              className={st(\n                classes.root,\n                {\n                  disabled,\n                  selected,\n                  interactive,\n                  skin,\n                  labelPlacement,\n                  shape,\n                  mobile,\n                },\n                className,\n              )}\n              data-hook={dataHooks.button}\n              data-placement={labelPlacement}\n              data-selected={selected}\n              data-skin={skin}\n              data-shape={shape}\n              aria-pressed={selected}\n              disabled={disabled}\n              aria-label={labelValue}\n            >\n              <ToggleButtonIcon\n                size={size}\n                shape={shape}\n                border={border}\n                tooltipProps={tooltipProps}\n                labelValue={labelValue}\n                labelPlacement={labelPlacement}\n              >\n                {children}\n                {labelPlacement === 'end' || shape === SHAPES['pill']\n                  ? this.renderLabel()\n                  : null}\n              </ToggleButtonIcon>\n              {labelPlacement === 'bottom' && shape !== SHAPES['pill']\n                ? this.renderLabel()\n                : null}\n            </ButtonCore>\n          </Tooltip>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\nexport default ToggleButton;\n"],"mappings":"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","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_164_0_ToggleButton";
+var _namespace_ = "wds_1_166_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_164_0_ToggleButton__root","label":"wds_1_164_0_ToggleButton__label","icon":"wds_1_164_0_ToggleButton__icon","labelContainer":"wds_1_164_0_ToggleButton__labelContainer","tooltip":"wds_1_164_0_ToggleButton__tooltip"};
+module.exports.classes = {"root":"wds_1_166_0_ToggleButton__root","label":"wds_1_166_0_ToggleButton__label","icon":"wds_1_166_0_ToggleButton__icon","labelContainer":"wds_1_166_0_ToggleButton__labelContainer","tooltip":"wds_1_166_0_ToggleButton__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleButton/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToggleButton","Component","exports"],"sources":["../../../src/ToggleButton/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { ButtonWithAsProp } from '../Button';\nimport { TooltipCommonProps } from '../common';\n\nexport type ToggleButtonProps = ButtonWithAsProp<{\n  className?: string;\n  children?: React.ReactNode;\n  skin?: ToggleButtonSkin;\n  size?: 'tiny' | 'small' | 'medium' | 'large';\n  selected?: boolean;\n  disabled?: boolean;\n  dataHook?: string;\n  labelValue?: React.ReactNode;\n  labelPlacement?: 'tooltip' | 'bottom' | 'end';\n  labelEllipsis?: boolean;\n  tooltipProps?: TooltipCommonProps;\n  border?: boolean;\n  shape?: 'square' | 'round' | 'pill';\n}>;\n\nexport default class ToggleButton extends React.Component<ToggleButtonProps> {}\n\nexport type ToggleButtonSkin =\n  | 'standard'\n  | 'dark'\n  | 'inverted'\n  | 'destructive'\n  | 'success';\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,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,SAAAH,wBAAAG,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;AAoBhB,MAAMW,YAAY,SAASvB,KAAK,CAACwB,SAAS,CAAoB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,YAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToggleButton","Component","exports"],"sources":["../../../src/ToggleButton/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { ButtonWithAsProp } from '../Button';\nimport { TooltipCommonProps } from '../common';\n\nexport type ToggleButtonProps = ButtonWithAsProp<{\n  className?: string;\n  children?: React.ReactNode;\n  skin?: ToggleButtonSkin;\n  size?: 'tiny' | 'small' | 'medium' | 'large';\n  selected?: boolean;\n  interactive?: boolean;\n  disabled?: boolean;\n  dataHook?: string;\n  labelValue?: React.ReactNode;\n  labelPlacement?: 'tooltip' | 'bottom' | 'end';\n  labelEllipsis?: boolean;\n  tooltipProps?: TooltipCommonProps;\n  border?: boolean;\n  shape?: 'square' | 'round' | 'pill';\n}>;\n\nexport default class ToggleButton extends React.Component<ToggleButtonProps> {}\n\nexport type ToggleButtonSkin =\n  | 'standard'\n  | 'dark'\n  | 'inverted'\n  | 'destructive'\n  | 'success';\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,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,SAAAH,wBAAAG,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;AAqBhB,MAAMW,YAAY,SAASvB,KAAK,CAACwB,SAAS,CAAoB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,YAAA","ignoreList":[]}

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ToggleSwitch";
+var _namespace_ = "wds_1_166_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_164_0_ToggleSwitch__root"};
+module.exports.classes = {"root":"wds_1_166_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_164_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_166_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_164_0_ToggleSwitchCore__root","input":"wds_1_164_0_ToggleSwitchCore__input","track":"wds_1_164_0_ToggleSwitchCore__track","knob":"wds_1_164_0_ToggleSwitchCore__knob","knobIcon":"wds_1_164_0_ToggleSwitchCore__knobIcon"};
+module.exports.classes = {"root":"wds_1_166_0_ToggleSwitchCore__root","input":"wds_1_166_0_ToggleSwitchCore__input","track":"wds_1_166_0_ToggleSwitchCore__track","knob":"wds_1_166_0_ToggleSwitchCore__knob","knobIcon":"wds_1_166_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_164_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_166_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_164_0_ToggleSwitchCoreColor__root"};
+module.exports.classes = {"root":"wds_1_166_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_164_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_166_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_164_0_ToggleSwitchCoreLayout__root"};
+module.exports.classes = {"root":"wds_1_166_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_164_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_166_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_164_0_ToggleSwitchCoreStyle__root"};
+module.exports.classes = {"root":"wds_1_166_0_ToggleSwitchCoreStyle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -2,12 +2,13 @@
 require("../Popover/Popover.st.css.js");
 require("../Foundation/stylable/typography.st.css.js");
 
+require("../Foundation/stylable/colors.st.css.js");
 require("../Text/Text.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_164_0_Tooltip";
+var _namespace_ = "wds_1_166_0_Tooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +16,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_Tooltip__root","text-small-normal":"wds_1_164_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin","text":"wds_1_164_0_Tooltip__text"};
+module.exports.classes = {"root":"wds_1_166_0_Tooltip__root","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text":"wds_1_166_0_Tooltip__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-tooltip-padding-vertical-medium":"--wds-tooltip-padding-vertical-medium","wds-tooltip-padding-horizontal-medium":"--wds-tooltip-padding-horizontal-medium","wds-tooltip-padding-vertical-small":"--wds-tooltip-padding-vertical-small","wds-tooltip-padding-horizontal-small":"--wds-tooltip-padding-horizontal-small"}; 
+module.exports.vars = {"wds-tooltip-padding-vertical-medium":"--wds-tooltip-padding-vertical-medium","wds-tooltip-padding-horizontal-medium":"--wds-tooltip-padding-horizontal-medium","wds-tooltip-padding-vertical-small":"--wds-tooltip-padding-vertical-small","wds-tooltip-padding-horizontal-small":"--wds-tooltip-padding-horizontal-small","wds-tooltip-background-fill":"--wds-tooltip-background-fill","wds-tooltip-text-fill":"--wds-tooltip-text-fill"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_TopBanner";
+var _namespace_ = "wds_1_166_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_164_0_TopBanner__root","contentContainer":"wds_1_164_0_TopBanner__contentContainer","action":"wds_1_164_0_TopBanner__action"};
+module.exports.classes = {"root":"wds_1_166_0_TopBanner__root","contentContainer":"wds_1_166_0_TopBanner__contentContainer","action":"wds_1_166_0_TopBanner__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_TrendIndicator";
+var _namespace_ = "wds_1_166_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_164_0_TrendIndicator__root","caption":"wds_1_164_0_TrendIndicator__caption","icon":"wds_1_164_0_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_166_0_TrendIndicator__root","caption":"wds_1_166_0_TrendIndicator__caption","icon":"wds_1_166_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};