@wix/design-system 1.164.0 → 1.166.0

package/dist/cjs/Carousel/SliderArrow/SliderArrow.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _IconButton = _interopRequireDefault(require("../../IconButton/IconButton"));
 var _CarouselSt = require("../Carousel.st.css.js");
-var _excluded = ["dataHook", "arrowSize", "buttonSkin", "icon", "className", "controlsStartEnd"];
+var _excluded = ["dataHook", "arrowSize", "buttonSkin", "icon", "className", "gradientClassName", "controlsStartEnd"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Carousel/SliderArrow/SliderArrow.js";
 var skinPriorityMap = {
   standard: 'secondary',
@@ -25,33 +25,50 @@ var SliderArrow = _ref => {
       buttonSkin,
       icon,
       className,
+      // do not pass - this is overrided by react-slick slider
+      gradientClassName,
       controlsStartEnd
     } = _ref,
     remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isControlOnEdge = className.includes('slick-disabled');
-  return isControlOnEdge && controlsStartEnd === 'hidden' ? null : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainingProps, {
-    "data-hook": dataHook,
+  if (isControlOnEdge && controlsStartEnd === 'hidden') {
+    return null;
+  }
+  var arrow = /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    dataHook: "".concat(dataHook, "-element"),
+    className: (0, _CarouselSt.st)(_CarouselSt.classes.controls),
+    skin: buttonSkin,
+    size: arrowSize,
+    disabled: isControlOnEdge,
+    priority: skinPriorityMap[buttonSkin],
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }, icon);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainingProps, {
     className: className,
+    "data-hook": dataHook,
+    style: {
+      height: '100%'
+    },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 44,
       columnNumber: 5
     }
-  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    dataHook: "".concat(dataHook, "-element"),
-    className: _CarouselSt.classes.controls,
-    skin: buttonSkin,
-    size: arrowSize,
-    disabled: isControlOnEdge,
-    priority: skinPriorityMap[buttonSkin],
+  }), !!gradientClassName ? /*#__PURE__*/_react.default.createElement("div", {
+    className: gradientClassName,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
-      columnNumber: 7
+      lineNumber: 51,
+      columnNumber: 9
     }
-  }, icon));
+  }, arrow) : arrow);
 };
 SliderArrow.propTypes = {
   /** Applied as data-hook HTML attribute that can be used in the tests */

package/dist/cjs/Carousel/SliderArrow/SliderArrow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_IconButton","_CarouselSt","_excluded","_jsxFileName","skinPriorityMap","standard","inverted","light","transparent","premium","SliderArrow","_ref","dataHook","arrowSize","buttonSkin","icon","className","controlsStartEnd","remainingProps","_objectWithoutProperties2","default","isControlOnEdge","includes","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","concat","classes","controls","skin","size","disabled","priority","propTypes","PropTypes","string","element","isRequired","_default","exports"],"sources":["../../../../src/Carousel/SliderArrow/SliderArrow.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IconButton from '../../IconButton/IconButton';\nimport { classes } from '../Carousel.st.css';\n\nconst skinPriorityMap = {\n  standard: 'secondary',\n  inverted: 'primary',\n  light: 'primary',\n  transparent: 'primary',\n  premium: 'primary',\n};\n\nconst SliderArrow = ({\n  dataHook,\n  arrowSize,\n  buttonSkin,\n  icon,\n  className,\n  controlsStartEnd,\n  ...remainingProps\n}) => {\n  const isControlOnEdge = className.includes('slick-disabled');\n\n  return isControlOnEdge && controlsStartEnd === 'hidden' ? null : (\n    <div {...remainingProps} data-hook={dataHook} className={className}>\n      <IconButton\n        dataHook={`${dataHook}-element`}\n        className={classes.controls}\n        skin={buttonSkin}\n        size={arrowSize}\n        disabled={isControlOnEdge}\n        priority={skinPriorityMap[buttonSkin]}\n      >\n        {icon}\n      </IconButton>\n    </div>\n  );\n};\n\nSliderArrow.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Icon to be rendered within the icon button */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default SliderArrow;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA6C,IAAAI,SAAA;AAAA,IAAAC,YAAA;AAE7C,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,WAAW;EACrBC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,WAAW,GAAGC,IAAA,IAQd;EAAA,IARe;MACnBC,QAAQ;MACRC,SAAS;MACTC,UAAU;MACVC,IAAI;MACJC,SAAS;MACTC;IAEF,CAAC,GAAAN,IAAA;IADIO,cAAc,OAAAC,yBAAA,CAAAC,OAAA,EAAAT,IAAA,EAAAT,SAAA;EAEjB,IAAMmB,eAAe,GAAGL,SAAS,CAACM,QAAQ,CAAC,gBAAgB,CAAC;EAE5D,OAAOD,eAAe,IAAIJ,gBAAgB,KAAK,QAAQ,GAAG,IAAI,gBAC5DrB,MAAA,CAAAwB,OAAA,CAAAG,aAAA,YAAAC,SAAA,CAAAJ,OAAA,MAASF,cAAc;IAAE,aAAWN,QAAS;IAACI,SAAS,EAAEA,SAAU;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACjEjC,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACvB,WAAA,CAAAoB,OAAU;IACTR,QAAQ,KAAAkB,MAAA,CAAKlB,QAAQ,aAAW;IAChCI,SAAS,EAAEe,mBAAO,CAACC,QAAS;IAC5BC,IAAI,EAAEnB,UAAW;IACjBoB,IAAI,EAAErB,SAAU;IAChBsB,QAAQ,EAAEd,eAAgB;IAC1Be,QAAQ,EAAEhC,eAAe,CAACU,UAAU,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCd,IACS,CACT,CACN;AACH,CAAC;AAEDL,WAAW,CAAC2B,SAAS,GAAG;EACtB;EACAzB,QAAQ,EAAE0B,kBAAS,CAACC,MAAM;EAC1B;EACAxB,IAAI,EAAEuB,kBAAS,CAACE,OAAO,CAACC;AAC1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaV,WAAW","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_IconButton","_CarouselSt","_excluded","_jsxFileName","skinPriorityMap","standard","inverted","light","transparent","premium","SliderArrow","_ref","dataHook","arrowSize","buttonSkin","icon","className","gradientClassName","controlsStartEnd","remainingProps","_objectWithoutProperties2","default","isControlOnEdge","includes","arrow","createElement","concat","st","classes","controls","skin","size","disabled","priority","__self","__source","fileName","lineNumber","columnNumber","_extends2","style","height","propTypes","PropTypes","string","element","isRequired","_default","exports"],"sources":["../../../../src/Carousel/SliderArrow/SliderArrow.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IconButton from '../../IconButton/IconButton';\nimport { st, classes } from '../Carousel.st.css';\n\nconst skinPriorityMap = {\n  standard: 'secondary',\n  inverted: 'primary',\n  light: 'primary',\n  transparent: 'primary',\n  premium: 'primary',\n};\n\nconst SliderArrow = ({\n  dataHook,\n  arrowSize,\n  buttonSkin,\n  icon,\n  className, // do not pass - this is overrided by react-slick slider\n  gradientClassName,\n  controlsStartEnd,\n  ...remainingProps\n}) => {\n  const isControlOnEdge = className.includes('slick-disabled');\n\n  if (isControlOnEdge && controlsStartEnd === 'hidden') {\n    return null;\n  }\n\n  const arrow = (\n    <IconButton\n      dataHook={`${dataHook}-element`}\n      className={st(classes.controls)}\n      skin={buttonSkin}\n      size={arrowSize}\n      disabled={isControlOnEdge}\n      priority={skinPriorityMap[buttonSkin]}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  return (\n    <div\n      {...remainingProps}\n      className={className}\n      data-hook={dataHook}\n      style={{ height: '100%' }}\n    >\n      {!!gradientClassName ? (\n        <div className={gradientClassName}>{arrow}</div>\n      ) : (\n        arrow\n      )}\n    </div>\n  );\n};\n\nSliderArrow.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Icon to be rendered within the icon button */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default SliderArrow;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAiD,IAAAI,SAAA;AAAA,IAAAC,YAAA;AAEjD,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,WAAW;EACrBC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,WAAW,GAAGC,IAAA,IASd;EAAA,IATe;MACnBC,QAAQ;MACRC,SAAS;MACTC,UAAU;MACVC,IAAI;MACJC,SAAS;MAAE;MACXC,iBAAiB;MACjBC;IAEF,CAAC,GAAAP,IAAA;IADIQ,cAAc,OAAAC,yBAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAT,SAAA;EAEjB,IAAMoB,eAAe,GAAGN,SAAS,CAACO,QAAQ,CAAC,gBAAgB,CAAC;EAE5D,IAAID,eAAe,IAAIJ,gBAAgB,KAAK,QAAQ,EAAE;IACpD,OAAO,IAAI;EACb;EAEA,IAAMM,KAAK,gBACT5B,MAAA,CAAAyB,OAAA,CAAAI,aAAA,CAACzB,WAAA,CAAAqB,OAAU;IACTT,QAAQ,KAAAc,MAAA,CAAKd,QAAQ,aAAW;IAChCI,SAAS,EAAE,IAAAW,cAAE,EAACC,mBAAO,CAACC,QAAQ,CAAE;IAChCC,IAAI,EAAEhB,UAAW;IACjBiB,IAAI,EAAElB,SAAU;IAChBmB,QAAQ,EAAEV,eAAgB;IAC1BW,QAAQ,EAAE7B,eAAe,CAACU,UAAU,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCvB,IACS,CACb;EAED,oBACEnB,MAAA,CAAAyB,OAAA,CAAAI,aAAA,YAAAc,SAAA,CAAAlB,OAAA,MACMF,cAAc;IAClBH,SAAS,EAAEA,SAAU;IACrB,aAAWJ,QAAS;IACpB4B,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEzB,CAAC,CAACrB,iBAAiB,gBAClBrB,MAAA,CAAAyB,OAAA,CAAAI,aAAA;IAAKT,SAAS,EAAEC,iBAAkB;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,KAAW,CAAC,GAEhDA,KAEC,CAAC;AAEV,CAAC;AAEDd,WAAW,CAACgC,SAAS,GAAG;EACtB;EACA9B,QAAQ,EAAE+B,kBAAS,CAACC,MAAM;EAC1B;EACA7B,IAAI,EAAE4B,kBAAS,CAACE,OAAO,CAACC;AAC1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaX,WAAW","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_CarouselWIP";
+var _namespace_ = "wds_1_166_0_CarouselWIP";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_CarouselWIP__root","carousel":"wds_1_164_0_CarouselWIP__carousel","control":"wds_1_164_0_CarouselWIP__control","prev":"wds_1_164_0_CarouselWIP__prev","next":"wds_1_164_0_CarouselWIP__next","start":"wds_1_164_0_CarouselWIP__start","end":"wds_1_164_0_CarouselWIP__end","dots":"wds_1_164_0_CarouselWIP__dots","dot":"wds_1_164_0_CarouselWIP__dot","loader":"wds_1_164_0_CarouselWIP__loader"};
+module.exports.classes = {"root":"wds_1_166_0_CarouselWIP__root","carousel":"wds_1_166_0_CarouselWIP__carousel","control":"wds_1_166_0_CarouselWIP__control","prev":"wds_1_166_0_CarouselWIP__prev","next":"wds_1_166_0_CarouselWIP__next","start":"wds_1_166_0_CarouselWIP__start","end":"wds_1_166_0_CarouselWIP__end","dots":"wds_1_166_0_CarouselWIP__dots","dot":"wds_1_166_0_CarouselWIP__dot","loader":"wds_1_166_0_CarouselWIP__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_164_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_164_0_CarouselWIP-sidesGradientColor"}; 
+module.exports.vars = {"arrow-size":"--wds_1_166_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_166_0_CarouselWIP-sidesGradientColor"}; 
 
 
 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_CheckToggle";
+var _namespace_ = "wds_1_166_0_CheckToggle";
 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_CheckToggle__root","input":"wds_1_164_0_CheckToggle__input","toggle":"wds_1_164_0_CheckToggle__toggle"};
+module.exports.classes = {"root":"wds_1_166_0_CheckToggle__root","input":"wds_1_166_0_CheckToggle__input","toggle":"wds_1_166_0_CheckToggle__toggle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Checkbox";
+var _namespace_ = "wds_1_166_0_Checkbox";
 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_Checkbox__root","label":"wds_1_164_0_Checkbox__label","labelInner":"wds_1_164_0_Checkbox__labelInner","children":"wds_1_164_0_Checkbox__children","checkbox":"wds_1_164_0_Checkbox__checkbox","inner":"wds_1_164_0_Checkbox__inner","outer":"wds_1_164_0_Checkbox__outer"};
+module.exports.classes = {"root":"wds_1_166_0_Checkbox__root","label":"wds_1_166_0_Checkbox__label","labelInner":"wds_1_166_0_Checkbox__labelInner","children":"wds_1_166_0_Checkbox__children","checkbox":"wds_1_166_0_Checkbox__checkbox","inner":"wds_1_166_0_Checkbox__inner","outer":"wds_1_166_0_Checkbox__outer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_CircularProgressBar";
+var _namespace_ = "wds_1_166_0_CircularProgressBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_CircularProgressBar__root","progressBar":"wds_1_164_0_CircularProgressBar__progressBar","tooltip":"wds_1_164_0_CircularProgressBar__tooltip"};
+module.exports.classes = {"root":"wds_1_166_0_CircularProgressBar__root","progressBar":"wds_1_166_0_CircularProgressBar__progressBar","tooltip":"wds_1_166_0_CircularProgressBar__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["circularProgressBarCoreDriverFactory","_ref","element","getElement","dataHook","querySelector","concat","getValue","_getElement","innerHTML","getByLabelText","_getElement2","driver","exists","isSuccessIconDisplayed","isErrorIconDisplayed","getLabelTextContent","isLabelDisplayed","isPercentagesProgressDisplayed","_getValue","apply","arguments","toString","isCompleted","isSingleElementRendered","querySelectorAll","length","exports"],"sources":["../../../../src/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.driver.ts"],"sourcesContent":["import {\n  BaseDriver,\n  ComponentFactory,\n  DriverFactory,\n} from '@wix/wix-ui-test-utils/driver-factory';\n\nexport interface CircularProgressBarCoreDriver extends BaseDriver {\n  /** Returns boolean that indicates if the success icon exists */\n  isSuccessIconDisplayed(): boolean;\n  /** Returns boolean that indicates if the error icon exists */\n  isErrorIconDisplayed(): boolean;\n  /** Returns boolean that indicates if the progress percentages text exists */\n  isPercentagesProgressDisplayed(): boolean;\n  /** Returns boolean that indicates if the label text exists */\n  isLabelDisplayed(): boolean;\n  /** Get the text content displayed */\n  getLabelTextContent(): string | null | undefined;\n  /** Get the progress percentages value */\n  getValue(): string | null | undefined;\n  /** Returms true if has progress completed (value is 100) */\n  isCompleted(): boolean;\n  /** Returns true if single element with given data-hook rendered*/\n  isSingleElementRendered(dataHook: string): boolean;\n}\n\nexport const circularProgressBarCoreDriverFactory: DriverFactory<\n  CircularProgressBarCoreDriver\n> = ({ element }: ComponentFactory) => {\n  const getElement = (dataHook: string) =>\n    element?.querySelector(`[data-hook=\"${dataHook}\"]`);\n  const getValue = () =>\n    !element ? null : getElement('progress-indicator')?.innerHTML;\n  const getByLabelText = () =>\n    !element ? null : getElement('label')?.innerHTML;\n\n  const driver = {\n    exists: () => !!element,\n    isSuccessIconDisplayed: () => !!getElement('success-icon'),\n    isErrorIconDisplayed: () => !!getElement('error-icon'),\n    getLabelTextContent: () => getByLabelText(),\n    isLabelDisplayed: () => !!getElement('label'),\n    isPercentagesProgressDisplayed: () => !!getElement('progress-indicator'),\n    getValue: () => getValue(),\n    isCompleted: () => getValue() === '100',\n    isSingleElementRendered: (dataHook: string) =>\n      element?.querySelectorAll(`[data-hook=\"${dataHook}\"]`).length === 1,\n  };\n\n  return driver;\n};\n"],"mappings":";;;;AAyBO,IAAMA,oCAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAChC,IAAME,UAAU,GAAIC,QAAgB,IAClCF,OAAO,oBAAPA,OAAO,CAAEG,aAAa,iBAAAC,MAAA,CAAgBF,QAAQ,QAAI,CAAC;EACrD,IAAMG,QAAQ,GAAGA,CAAA;IAAA,IAAAC,WAAA;IAAA,OACf,CAACN,OAAO,GAAG,IAAI,IAAAM,WAAA,GAAGL,UAAU,CAAC,oBAAoB,CAAC,qBAAhCK,WAAA,CAAkCC,SAAS;EAAA;EAC/D,IAAMC,cAAc,GAAGA,CAAA;IAAA,IAAAC,YAAA;IAAA,OACrB,CAACT,OAAO,GAAG,IAAI,IAAAS,YAAA,GAAGR,UAAU,CAAC,OAAO,CAAC,qBAAnBQ,YAAA,CAAqBF,SAAS;EAAA;EAElD,IAAMG,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACX,OAAO;IACvBY,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACX,UAAU,CAAC,cAAc,CAAC;IAC1DY,oBAAoB,EAAEA,CAAA,KAAM,CAAC,CAACZ,UAAU,CAAC,YAAY,CAAC;IACtDa,mBAAmB,EAAEA,CAAA,KAAMN,cAAc,CAAC,CAAC;IAC3CO,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAACd,UAAU,CAAC,OAAO,CAAC;IAC7Ce,8BAA8B,EAAEA,CAAA,KAAM,CAAC,CAACf,UAAU,CAAC,oBAAoB,CAAC;IACxEI,QAAQ,YAAAY,SAAA;MAAA,SAARZ,QAAQA,CAAA;QAAA,OAAAY,SAAA,CAAAC,KAAA,OAAAC,SAAA;MAAA;MAARd,QAAQ,CAAAe,QAAA;QAAA,OAAAH,SAAA,CAAAG,QAAA;MAAA;MAAA,OAARf,QAAQ;IAAA,EAAE,MAAMA,QAAQ,CAAC,CAAC;IAC1BgB,WAAW,EAAEA,CAAA,KAAMhB,QAAQ,CAAC,CAAC,KAAK,KAAK;IACvCiB,uBAAuB,EAAGpB,QAAgB,IACxC,CAAAF,OAAO,oBAAPA,OAAO,CAAEuB,gBAAgB,iBAAAnB,MAAA,CAAgBF,QAAQ,QAAI,CAAC,CAACsB,MAAM,MAAK;EACtE,CAAC;EAED,OAAOd,MAAM;AACf,CAAC;AAACe,OAAA,CAAA3B,oCAAA,GAAAA,oCAAA","ignoreList":[]}
+{"version":3,"names":["circularProgressBarCoreDriverFactory","_ref","element","getElement","dataHook","querySelector","concat","getValue","_getElement","innerHTML","getByLabelText","_getElement2","driver","exists","isSuccessIconDisplayed","isErrorIconDisplayed","getLabelTextContent","isLabelDisplayed","isPercentagesProgressDisplayed","_getValue","apply","arguments","toString","isCompleted","isSingleElementRendered","querySelectorAll","length","exports"],"sources":["../../../../src/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.driver.ts"],"sourcesContent":["import {\n  BaseDriver,\n  ComponentFactory,\n  DriverFactory,\n} from '@wix/wix-ui-test-utils/driver-factory';\n\nexport interface CircularProgressBarCoreDriver extends BaseDriver {\n  /** Returns boolean that indicates if the success icon exists */\n  isSuccessIconDisplayed(): boolean;\n  /** Returns boolean that indicates if the error icon exists */\n  isErrorIconDisplayed(): boolean;\n  /** Returns boolean that indicates if the progress percentages text exists */\n  isPercentagesProgressDisplayed(): boolean;\n  /** Returns boolean that indicates if the label text exists */\n  isLabelDisplayed(): boolean;\n  /** Get the text content displayed */\n  getLabelTextContent(): string | null | undefined;\n  /** Get the progress percentages value */\n  getValue(): string | null | undefined;\n  /** Returns true if has progress completed (value is 100) */\n  isCompleted(): boolean;\n  /** Returns true if single element with given data-hook rendered*/\n  isSingleElementRendered(dataHook: string): boolean;\n}\n\nexport const circularProgressBarCoreDriverFactory: DriverFactory<\n  CircularProgressBarCoreDriver\n> = ({ element }: ComponentFactory) => {\n  const getElement = (dataHook: string) =>\n    element?.querySelector(`[data-hook=\"${dataHook}\"]`);\n  const getValue = () =>\n    !element ? null : getElement('progress-indicator')?.innerHTML;\n  const getByLabelText = () =>\n    !element ? null : getElement('label')?.innerHTML;\n\n  const driver = {\n    exists: () => !!element,\n    isSuccessIconDisplayed: () => !!getElement('success-icon'),\n    isErrorIconDisplayed: () => !!getElement('error-icon'),\n    getLabelTextContent: () => getByLabelText(),\n    isLabelDisplayed: () => !!getElement('label'),\n    isPercentagesProgressDisplayed: () => !!getElement('progress-indicator'),\n    getValue: () => getValue(),\n    isCompleted: () => getValue() === '100',\n    isSingleElementRendered: (dataHook: string) =>\n      element?.querySelectorAll(`[data-hook=\"${dataHook}\"]`).length === 1,\n  };\n\n  return driver;\n};\n"],"mappings":";;;;AAyBO,IAAMA,oCAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAChC,IAAME,UAAU,GAAIC,QAAgB,IAClCF,OAAO,oBAAPA,OAAO,CAAEG,aAAa,iBAAAC,MAAA,CAAgBF,QAAQ,QAAI,CAAC;EACrD,IAAMG,QAAQ,GAAGA,CAAA;IAAA,IAAAC,WAAA;IAAA,OACf,CAACN,OAAO,GAAG,IAAI,IAAAM,WAAA,GAAGL,UAAU,CAAC,oBAAoB,CAAC,qBAAhCK,WAAA,CAAkCC,SAAS;EAAA;EAC/D,IAAMC,cAAc,GAAGA,CAAA;IAAA,IAAAC,YAAA;IAAA,OACrB,CAACT,OAAO,GAAG,IAAI,IAAAS,YAAA,GAAGR,UAAU,CAAC,OAAO,CAAC,qBAAnBQ,YAAA,CAAqBF,SAAS;EAAA;EAElD,IAAMG,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACX,OAAO;IACvBY,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACX,UAAU,CAAC,cAAc,CAAC;IAC1DY,oBAAoB,EAAEA,CAAA,KAAM,CAAC,CAACZ,UAAU,CAAC,YAAY,CAAC;IACtDa,mBAAmB,EAAEA,CAAA,KAAMN,cAAc,CAAC,CAAC;IAC3CO,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAACd,UAAU,CAAC,OAAO,CAAC;IAC7Ce,8BAA8B,EAAEA,CAAA,KAAM,CAAC,CAACf,UAAU,CAAC,oBAAoB,CAAC;IACxEI,QAAQ,YAAAY,SAAA;MAAA,SAARZ,QAAQA,CAAA;QAAA,OAAAY,SAAA,CAAAC,KAAA,OAAAC,SAAA;MAAA;MAARd,QAAQ,CAAAe,QAAA;QAAA,OAAAH,SAAA,CAAAG,QAAA;MAAA;MAAA,OAARf,QAAQ;IAAA,EAAE,MAAMA,QAAQ,CAAC,CAAC;IAC1BgB,WAAW,EAAEA,CAAA,KAAMhB,QAAQ,CAAC,CAAC,KAAK,KAAK;IACvCiB,uBAAuB,EAAGpB,QAAgB,IACxC,CAAAF,OAAO,oBAAPA,OAAO,CAAEuB,gBAAgB,iBAAAnB,MAAA,CAAgBF,QAAQ,QAAI,CAAC,CAACsB,MAAM,MAAK;EACtE,CAAC;EAED,OAAOd,MAAM;AACf,CAAC;AAACe,OAAA,CAAA3B,oCAAA,GAAAA,oCAAA","ignoreList":[]}

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_CircularProgressBarCore";
+var _namespace_ = "wds_1_166_0_CircularProgressBarCore";
 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_CircularProgressBarCore__root","label":"wds_1_164_0_CircularProgressBarCore__label","progressIndicator":"wds_1_164_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_164_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_164_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_164_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_164_0_CircularProgressBarCore__foreArc","backArc":"wds_1_164_0_CircularProgressBarCore__backArc"};
+module.exports.classes = {"root":"wds_1_166_0_CircularProgressBarCore__root","label":"wds_1_166_0_CircularProgressBarCore__label","progressIndicator":"wds_1_166_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_166_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_166_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_166_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_166_0_CircularProgressBarCore__foreArc","backArc":"wds_1_166_0_CircularProgressBarCore__backArc"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_CloseButton";
+var _namespace_ = "wds_1_166_0_CloseButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_CloseButton__root"};
+module.exports.classes = {"root":"wds_1_166_0_CloseButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/ColorInput/components/ColorViewer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_ColorViewer";
+var _namespace_ = "wds_1_166_0_ColorViewer";
 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_ColorViewer__root","line":"wds_1_164_0_ColorViewer__line"};
+module.exports.classes = {"root":"wds_1_166_0_ColorViewer__root","line":"wds_1_166_0_ColorViewer__line"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorInput/components/Hash.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_Hash";
+var _namespace_ = "wds_1_166_0_Hash";
 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_Hash__root","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal"};
+module.exports.classes = {"root":"wds_1_166_0_Hash__root","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1,10 +1,11 @@
 
 require("../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_164_0_ColorPicker";
+var _namespace_ = "wds_1_166_0_ColorPicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ColorPicker__root","children":"wds_1_164_0_ColorPicker__children"};
+module.exports.classes = {"root":"wds_1_166_0_ColorPicker__root","children":"wds_1_166_0_ColorPicker__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-picker-width":"--wds-color-picker-width","wds-color-picker-padding-horizontal":"--wds-color-picker-padding-horizontal","wds-color-picker-padding-vertical":"--wds-color-picker-padding-vertical","wds-popover-border":"--wds-popover-border"}; 
 
 
 

package/dist/cjs/ColorPicker/ColorPickerActions.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ColorPickerActions";
+var _namespace_ = "wds_1_166_0_ColorPickerActions";
 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_ColorPickerActions__root"};
+module.exports.classes = {"root":"wds_1_166_0_ColorPickerActions__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-picker-padding-horizontal":"--wds-color-picker-padding-horizontal","wds-color-picker-padding-vertical":"--wds-color-picker-padding-vertical","wds-space-200":"--wds-space-200"}; 
 
 
 

package/dist/cjs/ColorPicker/ColorPickerConverter.st.css.js

@@ -1,11 +1,12 @@
 
 require("../common/Focusable/Focusable.st.css.js");
 require("../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_164_0_ColorPickerConverter";
+var _namespace_ = "wds_1_166_0_ColorPickerConverter";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ColorPickerConverter__root","colorInput":"wds_1_164_0_ColorPickerConverter__colorInput","preview":"wds_1_164_0_ColorPickerConverter__preview","distribute":"wds_1_164_0_ColorPickerConverter__distribute","distributedItem":"wds_1_164_0_ColorPickerConverter__distributedItem"};
+module.exports.classes = {"root":"wds_1_166_0_ColorPickerConverter__root","colorInput":"wds_1_166_0_ColorPickerConverter__colorInput","preview":"wds_1_166_0_ColorPickerConverter__preview","distribute":"wds_1_166_0_ColorPickerConverter__distribute","distributedItem":"wds_1_166_0_ColorPickerConverter__distributedItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-border-transparent-primary":"--wds-color-border-transparent-primary","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-200":"--wds-space-200","wds-swatches-swatch-border-radius-medium":"--wds-swatches-swatch-border-radius-medium","wds-swatches-swatch-size-small":"--wds-swatches-swatch-size-small","wds-color-picker-padding-horizontal":"--wds-color-picker-padding-horizontal","wds-color-picker-padding-vertical":"--wds-color-picker-padding-vertical"}; 
 
 
 

package/dist/cjs/ColorPicker/ColorPickerHistory.st.css.js

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

package/dist/cjs/ColorPicker/ColorPickerHsb.st.css.js

@@ -1,10 +1,11 @@
 
 require("../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_164_0_ColorPickerHsb";
+var _namespace_ = "wds_1_166_0_ColorPickerHsb";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ColorPickerHsb__root","sticky":"wds_1_164_0_ColorPickerHsb__sticky","saturation":"wds_1_164_0_ColorPickerHsb__saturation","brightness":"wds_1_164_0_ColorPickerHsb__brightness","hue":"wds_1_164_0_ColorPickerHsb__hue","handle":"wds_1_164_0_ColorPickerHsb__handle"};
+module.exports.classes = {"root":"wds_1_166_0_ColorPickerHsb__root","sticky":"wds_1_166_0_ColorPickerHsb__sticky","saturation":"wds_1_166_0_ColorPickerHsb__saturation","brightness":"wds_1_166_0_ColorPickerHsb__brightness","hue":"wds_1_166_0_ColorPickerHsb__hue","handle":"wds_1_166_0_ColorPickerHsb__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-fill-dark-primary":"--wds-color-fill-dark-primary"}; 
 
 
 

package/dist/cjs/ColorPicker/ColorPickerHue.st.css.js

@@ -1,11 +1,12 @@
 
 require("../Foundation/stylable/colors.st.css.js");
 require("../Foundation/stylable/shadows.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_164_0_ColorPickerHue";
+var _namespace_ = "wds_1_166_0_ColorPickerHue";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ColorPickerHue__root","handle":"wds_1_164_0_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_166_0_ColorPickerHue__root","handle":"wds_1_166_0_ColorPickerHue__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-shadow-100":"--wds-shadow-100"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ComposerButton";
+var _namespace_ = "wds_1_166_0_ComposerButton";
 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_ComposerButton__root","tooltip":"wds_1_164_0_ComposerButton__tooltip","label":"wds_1_164_0_ComposerButton__label","iconContainer":"wds_1_164_0_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_166_0_ComposerButton__root","tooltip":"wds_1_166_0_ComposerButton__tooltip","label":"wds_1_166_0_ComposerButton__label","iconContainer":"wds_1_166_0_ComposerButton__iconContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ComposerHeader";
+var _namespace_ = "wds_1_166_0_ComposerHeader";
 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_ComposerHeader__root","container":"wds_1_164_0_ComposerHeader__container","actions":"wds_1_164_0_ComposerHeader__actions","saveStatus":"wds_1_164_0_ComposerHeader__saveStatus","mainActions":"wds_1_164_0_ComposerHeader__mainActions","backButton":"wds_1_164_0_ComposerHeader__backButton","divider":"wds_1_164_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_166_0_ComposerHeader__root","container":"wds_1_166_0_ComposerHeader__container","actions":"wds_1_166_0_ComposerHeader__actions","saveStatus":"wds_1_166_0_ComposerHeader__saveStatus","mainActions":"wds_1_166_0_ComposerHeader__mainActions","backButton":"wds_1_166_0_ComposerHeader__backButton","divider":"wds_1_166_0_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ComposerHeader/ComposerHeader.uni.driver.js

@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var _default = base => {
   var byHook = dataHook => base.$("[data-hook=\"".concat(dataHook, "\"]"));
   return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
-    /** returns true if save status hsa been passed. Custom dataHook can be used */
+    /** returns true if save status has been passed. Custom dataHook can be used */
     saveStatusExists: function () {
       var _saveStatusExists = (0, _asyncToGenerator2.default)(function* (dataHook) {
         return byHook(dataHook || _constants.dataHooks.saveStatus).exists();

package/dist/cjs/ComposerHeader/ComposerHeader.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","_default","base","byHook","dataHook","$","concat","baseUniDriverFactory","saveStatusExists","_saveStatusExists","_asyncToGenerator2","dataHooks","saveStatus","exists","_x","getSaveStatusValue","_getSaveStatusValue","text","_x2","actionsExists","_actionsExists","_x3","mainActionsExists","_mainActionsExists","mainAction","_x4","backButtonExists","_backButtonExists","backButton","getBackButtonText","_getBackButtonText","clickBack","_clickBack","click","exports"],"sources":["../../../src/ComposerHeader/ComposerHeader.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport default base => {\n  const byHook = dataHook => base.$(`[data-hook=\"${dataHook}\"]`);\n  return {\n    ...baseUniDriverFactory(base),\n    /** returns true if save status hsa been passed. Custom dataHook can be used */\n    saveStatusExists: async dataHook =>\n      byHook(dataHook || dataHooks.saveStatus).exists(),\n    getSaveStatusValue: async dataHook =>\n      byHook(dataHook || dataHooks.saveStatus).text(),\n    /** returns true if action exists. Requires dataHook. */\n    actionsExists: async dataHook => byHook(dataHook).exists(),\n    /** return true if main action exists */\n    mainActionsExists: async dataHook =>\n      byHook(dataHook || dataHooks.mainAction).exists(),\n    /** return true if backButton exists. */\n    backButtonExists: async () => byHook(dataHooks.backButton).exists(),\n    /** returns back button value in string */\n    getBackButtonText: async () => byHook(dataHooks.backButton).text(),\n    /** clicks on back button */\n    clickBack: async () => byHook(dataHooks.backButton).click(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","_default","base","byHook","dataHook","$","concat","baseUniDriverFactory","saveStatusExists","_saveStatusExists","_asyncToGenerator2","dataHooks","saveStatus","exists","_x","getSaveStatusValue","_getSaveStatusValue","text","_x2","actionsExists","_actionsExists","_x3","mainActionsExists","_mainActionsExists","mainAction","_x4","backButtonExists","_backButtonExists","backButton","getBackButtonText","_getBackButtonText","clickBack","_clickBack","click","exports"],"sources":["../../../src/ComposerHeader/ComposerHeader.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport default base => {\n  const byHook = dataHook => base.$(`[data-hook=\"${dataHook}\"]`);\n  return {\n    ...baseUniDriverFactory(base),\n    /** returns true if save status has been passed. Custom dataHook can be used */\n    saveStatusExists: async dataHook =>\n      byHook(dataHook || dataHooks.saveStatus).exists(),\n    getSaveStatusValue: async dataHook =>\n      byHook(dataHook || dataHooks.saveStatus).text(),\n    /** returns true if action exists. Requires dataHook. */\n    actionsExists: async dataHook => byHook(dataHook).exists(),\n    /** return true if main action exists */\n    mainActionsExists: async dataHook =>\n      byHook(dataHook || dataHooks.mainAction).exists(),\n    /** return true if backButton exists. */\n    backButtonExists: async () => byHook(dataHooks.backButton).exists(),\n    /** returns back button value in string */\n    getBackButtonText: async () => byHook(dataHooks.backButton).text(),\n    /** clicks on back button */\n    clickBack: async () => byHook(dataHooks.backButton).click(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ComposerSidebar/ComposerSidebar.js

@@ -38,7 +38,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 65,
+          lineNumber: 66,
           columnNumber: 11
         }
       }, sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : 'Undefined') : null, /*#__PURE__*/_react.default.createElement("ul", {
@@ -50,7 +50,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 70,
           columnNumber: 9
         }
       }, items.map(item => this._renderItem(item))));
@@ -76,7 +76,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 90,
           columnNumber: 7
         }
       }, withSections ? sections.map((section, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -86,7 +86,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 101,
+          lineNumber: 102,
           columnNumber: 15
         }
       }, this._renderSection({
@@ -151,6 +151,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ToggleButton.default, (0, _extends2.default)({}, rest, {
+      interactive: false,
       className: (0, _ComposerSidebarSt.st)(_ComposerSidebarSt.classes.sidebarItemButton, {
         labelPlacement,
         size
@@ -198,7 +199,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 135,
         columnNumber: 7
       }
     }, sections.length ? this._renderSections(sections) : null);