@wix/design-system 1.167.0 → 1.168.0

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

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

package/dist/cjs/HorizontalScroll/HorizontalScroll.constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var prefix = 'horizontal-scroll';
+var dataHooks = exports.dataHooks = {
+  leftButton: "".concat(prefix, "-left-button"),
+  rightButton: "".concat(prefix, "-right-button"),
+  scrollContainer: "".concat(prefix, "-scroll-container")
+};
+//# sourceMappingURL=HorizontalScroll.constants.js.map

package/dist/cjs/HorizontalScroll/HorizontalScroll.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","exports","leftButton","concat","rightButton","scrollContainer"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.constants.ts"],"sourcesContent":["const prefix = 'horizontal-scroll';\n\nexport const dataHooks = {\n  leftButton: `${prefix}-left-button`,\n  rightButton: `${prefix}-right-button`,\n  scrollContainer: `${prefix}-scroll-container`,\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,mBAAmB;AAE3B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,UAAU,KAAAC,MAAA,CAAKJ,MAAM,iBAAc;EACnCK,WAAW,KAAAD,MAAA,CAAKJ,MAAM,kBAAe;EACrCM,eAAe,KAAAF,MAAA,CAAKJ,MAAM;AAC5B,CAAU","ignoreList":[]}

package/dist/cjs/HorizontalScroll/HorizontalScroll.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HorizontalScrollSt = require("./HorizontalScroll.st.css.js");
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _IconButton2 = require("../IconButton/IconButton.constants");
+var _HorizontalScroll = require("./HorizontalScroll.constants");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/HorizontalScroll/HorizontalScroll.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 DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;
+var DEFAULT_SCROLL_DISTANCE_PX = 150;
+var HorizontalScroll = _ref => {
+  var {
+    children,
+    scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,
+    scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,
+    scrollButtonSkin = _IconButton2.SKINS.standard,
+    gradientColor,
+    dataHook
+  } = _ref;
+  var scrollContainerRef = (0, _react.useRef)(null);
+  var [canScrollLeft, setCanScrollLeft] = (0, _react.useState)(false);
+  var [canScrollRight, setCanScrollRight] = (0, _react.useState)(false);
+  var handleScrollByStep = (0, _react.useCallback)(scrollValue => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    container.scrollLeft += scrollValue;
+  }, []);
+  var checkOverflow = (0, _react.useCallback)(() => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    var {
+      scrollLeft,
+      scrollWidth,
+      clientWidth
+    } = container;
+    setCanScrollLeft(scrollLeft > 0);
+    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);
+  }, []);
+  var debouncedCheckOverflow = (0, _react.useMemo)(() => (0, _debounce.default)(checkOverflow, scrollDebounce), [checkOverflow, scrollDebounce]);
+  (0, _react.useEffect)(() => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    var observer = new ResizeObserver(checkOverflow);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [checkOverflow]);
+  (0, _react.useEffect)(() => {
+    checkOverflow();
+    return () => {
+      debouncedCheckOverflow.cancel();
+    };
+  }, [children, checkOverflow, debouncedCheckOverflow]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.root,
+    "data-hook": dataHook,
+    style: {
+      [_HorizontalScrollSt.vars['wds-horizontal-scroll-gradient-color']]: gradientColor
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }, canScrollLeft && /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.startScroll,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.startScrollButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-hidden": true,
+    size: "tiny",
+    priority: "secondary",
+    skin: scrollButtonSkin,
+    onClick: () => handleScrollByStep(-scrollDistance),
+    dataHook: _HorizontalScroll.dataHooks.leftButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 15
+    }
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.scrollContainer,
+    ref: scrollContainerRef,
+    onScroll: debouncedCheckOverflow,
+    "data-hook": _HorizontalScroll.dataHooks.scrollContainer,
+    tabIndex: -1,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 7
+    }
+  }, children), canScrollRight && /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.endScroll,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.endScrollButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-hidden": true,
+    size: "tiny",
+    priority: "secondary",
+    skin: scrollButtonSkin,
+    onClick: () => handleScrollByStep(scrollDistance),
+    dataHook: _HorizontalScroll.dataHooks.rightButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 15
+    }
+  })))));
+};
+HorizontalScroll.displayName = 'HorizontalScroll';
+HorizontalScroll.propTypes = {
+  children: _propTypes.default.any,
+  scrollDistance: _propTypes.default.any,
+  scrollDebounce: _propTypes.default.any,
+  gradientColor: _propTypes.default.any,
+  scrollButtonSkin: _propTypes.default.any,
+  dataHook: _propTypes.default.any
+};
+var _default = exports.default = HorizontalScroll;
+//# sourceMappingURL=HorizontalScroll.js.map

package/dist/cjs/HorizontalScroll/HorizontalScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_HorizontalScrollSt","_IconButton","_IconButton2","_HorizontalScroll","_debounce","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_DEBOUNCE_TIMEOUT_MS","DEFAULT_SCROLL_DISTANCE_PX","HorizontalScroll","_ref","children","scrollDistance","scrollDebounce","scrollButtonSkin","SKINS","standard","gradientColor","dataHook","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollByStep","useCallback","scrollValue","container","current","scrollLeft","checkOverflow","scrollWidth","clientWidth","Math","round","debouncedCheckOverflow","useMemo","debounce","useEffect","observer","ResizeObserver","observe","disconnect","cancel","createElement","className","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","startScroll","startScrollButton","size","priority","skin","onClick","dataHooks","leftButton","ChevronLeftSmall","scrollContainer","ref","onScroll","tabIndex","endScroll","endScrollButton","rightButton","ChevronRightSmall","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { classes, vars } from './HorizontalScroll.st.css';\nimport { HorizontalScrollProps } from './HorizontalScroll.types';\nimport IconButton from '../IconButton';\nimport { SKINS } from '../IconButton/IconButton.constants';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport debounce from 'lodash/debounce';\n\nconst DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;\nconst DEFAULT_SCROLL_DISTANCE_PX = 150;\n\nconst HorizontalScroll = ({\n  children,\n  scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,\n  scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,\n  scrollButtonSkin = SKINS.standard,\n  gradientColor,\n  dataHook,\n}: HorizontalScrollProps) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollByStep = useCallback((scrollValue: number) => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    container.scrollLeft += scrollValue;\n  }, []);\n\n  const checkOverflow = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = container;\n    setCanScrollLeft(scrollLeft > 0);\n    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);\n  }, []);\n\n  const debouncedCheckOverflow = useMemo(\n    () => debounce(checkOverflow, scrollDebounce),\n    [checkOverflow, scrollDebounce],\n  );\n\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const observer = new ResizeObserver(checkOverflow);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [checkOverflow]);\n\n  useEffect(() => {\n    checkOverflow();\n    return () => {\n      debouncedCheckOverflow.cancel();\n    };\n  }, [children, checkOverflow, debouncedCheckOverflow]);\n\n  return (\n    <div\n      className={classes.root}\n      data-hook={dataHook}\n      style={{ [vars['wds-horizontal-scroll-gradient-color']]: gradientColor }}\n    >\n      {canScrollLeft && (\n        <div className={classes.startScroll}>\n          <div className={classes.startScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(-scrollDistance)}\n              dataHook={dataHooks.leftButton}\n            >\n              <ChevronLeftSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n\n      <div\n        className={classes.scrollContainer}\n        ref={scrollContainerRef}\n        onScroll={debouncedCheckOverflow}\n        data-hook={dataHooks.scrollContainer}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n\n      {canScrollRight && (\n        <div className={classes.endScroll}>\n          <div className={classes.endScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(scrollDistance)}\n              dataHook={dataHooks.rightButton}\n            >\n              <ChevronRightSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHorizontalScroll.displayName = 'HorizontalScroll';\n\nHorizontalScroll.propTypes = {\n  children: PropTypes.any,\n  scrollDistance: PropTypes.any,\n  scrollDebounce: PropTypes.any,\n  gradientColor: PropTypes.any,\n  scrollButtonSkin: PropTypes.any,\n  dataHook: PropTypes.any,\n};\n\nexport default HorizontalScroll;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAuC,IAAAS,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,SAAAZ,wBAAAY,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;AAEvC,IAAMW,2BAA2B,GAAG,EAAE;AACtC,IAAMC,0BAA0B,GAAG,GAAG;AAEtC,IAAMC,gBAAgB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACxBC,QAAQ;IACRC,cAAc,GAAGJ,0BAA0B;IAC3CK,cAAc,GAAGN,2BAA2B;IAC5CO,gBAAgB,GAAGC,kBAAK,CAACC,QAAQ;IACjCC,aAAa;IACbC;EACqB,CAAC,GAAAR,IAAA;EACtB,IAAMS,kBAAkB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEvD,IAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACzD,IAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE3D,IAAMG,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,WAAmB,IAAK;IAC9D,IAAMC,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhBA,SAAS,CAACE,UAAU,IAAIH,WAAW;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,aAAa,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACtC,IAAME,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhB,IAAM;MAAEE,UAAU;MAAEE,WAAW;MAAEC;IAAY,CAAC,GAAGL,SAAS;IAC1DP,gBAAgB,CAACS,UAAU,GAAG,CAAC,CAAC;IAChCN,iBAAiB,CAACU,IAAI,CAACC,KAAK,CAACL,UAAU,CAAC,GAAGE,WAAW,GAAGC,WAAW,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,sBAAsB,GAAG,IAAAC,cAAO,EACpC,MAAM,IAAAC,iBAAQ,EAACP,aAAa,EAAEnB,cAAc,CAAC,EAC7C,CAACmB,aAAa,EAAEnB,cAAc,CAChC,CAAC;EAED,IAAA2B,gBAAS,EAAC,MAAM;IACd,IAAMX,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhB,IAAMY,QAAQ,GAAG,IAAIC,cAAc,CAACV,aAAa,CAAC;IAClDS,QAAQ,CAACE,OAAO,CAACd,SAAS,CAAC;IAE3B,OAAO,MAAMY,QAAQ,CAACG,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAACZ,aAAa,CAAC,CAAC;EAEnB,IAAAQ,gBAAS,EAAC,MAAM;IACdR,aAAa,CAAC,CAAC;IACf,OAAO,MAAM;MACXK,sBAAsB,CAACQ,MAAM,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,CAAClC,QAAQ,EAAEqB,aAAa,EAAEK,sBAAsB,CAAC,CAAC;EAErD,oBACE9D,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IACEC,SAAS,EAAEC,2BAAO,CAACC,IAAK;IACxB,aAAW/B,QAAS;IACpBgC,KAAK,EAAE;MAAE,CAACC,wBAAI,CAAC,sCAAsC,CAAC,GAAGlC;IAAc,CAAE;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExEnC,aAAa,iBACZ9C,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACS,WAAY;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACU,iBAAkB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAChE,WAAA,CAAAW,OAAU;IACT,mBAAW;IACXkE,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAE/C,gBAAiB;IACvBgD,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAAC,CAACd,cAAc,CAAE;IACnDM,QAAQ,EAAE6C,2BAAS,CAACC,UAAW;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/BjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAClE,iBAAA,CAAAqF,gBAAgB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACT,CACT,CACF,CACN,eAEDjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IACEC,SAAS,EAAEC,2BAAO,CAACkB,eAAgB;IACnCC,GAAG,EAAEhD,kBAAmB;IACxBiD,QAAQ,EAAE/B,sBAAuB;IACjC,aAAW0B,2BAAS,CAACG,eAAgB;IACrCG,QAAQ,EAAE,CAAC,CAAE;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEZ7C,QACE,CAAC,EAELa,cAAc,iBACbjD,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACsB,SAAU;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACuB,eAAgB;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAChE,WAAA,CAAAW,OAAU;IACT,mBAAW;IACXkE,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAE/C,gBAAiB;IACvBgD,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAACd,cAAc,CAAE;IAClDM,QAAQ,EAAE6C,2BAAS,CAACS,WAAY;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAClE,iBAAA,CAAA6F,iBAAiB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACV,CACT,CACF,CAEJ,CAAC;AAEV,CAAC;AAED/C,gBAAgB,CAACiE,WAAW,GAAG,kBAAkB;AAEjDjE,gBAAgB,CAACkE,SAAS,GAAG;EAC3BhE,QAAQ,EAAEiE,kBAAS,CAACC,GAAG;EACvBjE,cAAc,EAAEgE,kBAAS,CAACC,GAAG;EAC7BhE,cAAc,EAAE+D,kBAAS,CAACC,GAAG;EAC7B5D,aAAa,EAAE2D,kBAAS,CAACC,GAAG;EAC5B/D,gBAAgB,EAAE8D,kBAAS,CAACC,GAAG;EAC/B3D,QAAQ,EAAE0D,kBAAS,CAACC;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtF,OAAA,GAEagB,gBAAgB","ignoreList":[]}

package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = exports.requiredProps = {
+  children: 'children'
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = exports.testkitTests = [...sharedTests];
+var ssrTests = exports.ssrTests = [...sharedTests];
+var a11yTests = exports.a11yTests = [...sharedTests];
+//# sourceMappingURL=HorizontalScroll.meta.js.map

package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","exports","children","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.meta.tsx"],"sourcesContent":["import { HorizontalScrollProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: HorizontalScrollProps = {\n  children: 'children',\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as HorizontalScrollProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAoC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAClDE,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAN,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMO,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAP,OAAA,CAAAO,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_168_0_HorizontalScroll";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = statesRuntime.bind(null, _namespace_);
+module.exports.style = _style_;
+module.exports.st = _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_168_0_HorizontalScroll__root","scrollContainer":"wds_1_168_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_168_0_HorizontalScroll__startScroll","endScroll":"wds_1_168_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_168_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_168_0_HorizontalScroll__endScrollButton"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-600":"--wds-space-600","wds-horizontal-scroll-gradient-color":"--wds-horizontal-scroll-gradient-color"}; 
+
+
+
+

package/dist/cjs/HorizontalScroll/HorizontalScroll.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/HorizontalScroll/HorizontalScroll.types.ts"],"sourcesContent":["import { IconButtonSkin } from '../IconButton';\n\nexport type HorizontalScrollProps = {\n  /** The content that will be rendered inside the scrollable window. */\n  children: React.ReactNode;\n  /** The number of pixels the scrollable content moves per button press.\n   * @default 150\n   */\n  scrollDistance?: number;\n  /** The debounce time (in milliseconds) to limit the scroll event rate.\n   * @default 20\n   */\n  scrollDebounce?: number;\n  /** The color of the gradient behind the scroll buttons. */\n  gradientColor?: string;\n  /** Skin of the scroll buttons.\n   * @default standard\n   */\n  scrollButtonSkin?: IconButtonSkin;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n};\n\nexport type ScrollButtonSkin = Extract<\n  IconButtonSkin,\n  'standard' | 'light' | 'transparent'\n>;\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.horizontalScrollDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../utils/test-utils/unidriver");
+var _HorizontalScroll = require("./HorizontalScroll.constants");
+var _react = require("@testing-library/react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var horizontalScrollDriverFactory = base => {
+  var getElementByHook = hook => base.$("[data-hook=\"".concat(hook, "\"]"));
+  var leftButton = getElementByHook(_HorizontalScroll.dataHooks.leftButton);
+  var rightButton = getElementByHook(_HorizontalScroll.dataHooks.rightButton);
+  var scrollContainer = getElementByHook(_HorizontalScroll.dataHooks.scrollContainer);
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /**
+     * Checks if left button exists.
+     */
+    leftButtonExists: () => leftButton.exists(),
+    /**
+     * Checks if right button exists.
+     */
+    rightButtonExists: () => rightButton.exists(),
+    /**
+     * Clicks left button.
+     */
+    clickLeftButton: () => leftButton.click(),
+    /**
+     * Clicks right button.
+     */
+    clickRightButton: () => rightButton.click(),
+    /**
+     * Retrieves scrollLeft property of the scrollable container.
+     */
+    getScrollPosition: function () {
+      var _getScrollPosition = (0, _asyncToGenerator2.default)(function* () {
+        var nativeElement = yield scrollContainer.getNative();
+        return nativeElement.scrollLeft;
+      });
+      function getScrollPosition() {
+        return _getScrollPosition.apply(this, arguments);
+      }
+      return getScrollPosition;
+    }(),
+    /**
+     * Sets scrollLeft property of the scrollable container.
+     */
+    setScrollPosition: function () {
+      var _setScrollPosition = (0, _asyncToGenerator2.default)(function* (size) {
+        var nativeElement = yield scrollContainer.getNative();
+        _react.fireEvent.scroll(nativeElement, {
+          target: {
+            scrollLeft: size
+          }
+        });
+      });
+      function setScrollPosition(_x) {
+        return _setScrollPosition.apply(this, arguments);
+      }
+      return setScrollPosition;
+    }()
+  });
+};
+exports.horizontalScrollDriverFactory = horizontalScrollDriverFactory;
+//# sourceMappingURL=HorizontalScroll.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_HorizontalScroll","_react","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","horizontalScrollDriverFactory","base","getElementByHook","hook","$","concat","leftButton","dataHooks","rightButton","scrollContainer","baseUniDriverFactory","leftButtonExists","exists","rightButtonExists","clickLeftButton","click","clickRightButton","getScrollPosition","_getScrollPosition","_asyncToGenerator2","nativeElement","getNative","scrollLeft","setScrollPosition","_setScrollPosition","size","fireEvent","scroll","target","_x","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.uni.driver.ts"],"sourcesContent":["import {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport { fireEvent } from '@testing-library/react';\n\nexport interface HorizontalScrollUniDriver extends BaseUniDriver {\n  leftButtonExists(): Promise<boolean>;\n  rightButtonExists(): Promise<boolean>;\n  clickLeftButton(): Promise<void>;\n  clickRightButton(): Promise<void>;\n  getScrollPosition(): Promise<number>;\n  setScrollPosition(size: number): Promise<void>;\n}\n\nexport const horizontalScrollDriverFactory = (\n  base: UniDriver,\n): HorizontalScrollUniDriver => {\n  const getElementByHook = (hook: string) => base.$(`[data-hook=\"${hook}\"]`);\n\n  const leftButton = getElementByHook(dataHooks.leftButton);\n  const rightButton = getElementByHook(dataHooks.rightButton);\n  const scrollContainer = getElementByHook(dataHooks.scrollContainer);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks if left button exists.\n     */\n    leftButtonExists: () => leftButton.exists(),\n\n    /**\n     * Checks if right button exists.\n     */\n    rightButtonExists: () => rightButton.exists(),\n\n    /**\n     * Clicks left button.\n     */\n    clickLeftButton: () => leftButton.click(),\n\n    /**\n     * Clicks right button.\n     */\n    clickRightButton: () => rightButton.click(),\n\n    /**\n     * Retrieves scrollLeft property of the scrollable container.\n     */\n    getScrollPosition: async () => {\n      const nativeElement = await scrollContainer.getNative();\n      return nativeElement.scrollLeft;\n    },\n\n    /**\n     * Sets scrollLeft property of the scrollable container.\n     */\n    setScrollPosition: async (size: number) => {\n      const nativeElement = await scrollContainer.getNative();\n\n      fireEvent.scroll(nativeElement, { target: { scrollLeft: size } });\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/HorizontalScroll/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.HorizontalScrollProps = void 0;
+var _HorizontalScroll = _interopRequireDefault(require("./HorizontalScroll"));
+exports.default = _HorizontalScroll.default;
+var _HorizontalScroll2 = require("./HorizontalScroll.types");
+exports.HorizontalScrollProps = _HorizontalScroll2.HorizontalScrollProps;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_HorizontalScroll","_interopRequireDefault","require","exports","default","_HorizontalScroll2","HorizontalScrollProps"],"sources":["../../../src/HorizontalScroll/index.ts"],"sourcesContent":["export { default } from './HorizontalScroll';\nexport { HorizontalScrollProps } from './HorizontalScroll.types';\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAC,OAAA,GAAAJ,iBAAA,CAAAI,OAAA;AAC7C,IAAAC,kBAAA,GAAAH,OAAA;AAAiEC,OAAA,CAAAG,qBAAA,GAAAD,kBAAA,CAAAC,qBAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_HorizontalTimeline";
+var _namespace_ = "wds_1_168_0_HorizontalTimeline";
 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_167_0_HorizontalTimeline__root","line":"wds_1_167_0_HorizontalTimeline__line","column":"wds_1_167_0_HorizontalTimeline__column","item":"wds_1_167_0_HorizontalTimeline__item","lineIconLine":"wds_1_167_0_HorizontalTimeline__lineIconLine","icon":"wds_1_167_0_HorizontalTimeline__icon","label":"wds_1_167_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_168_0_HorizontalTimeline__root","line":"wds_1_168_0_HorizontalTimeline__line","column":"wds_1_168_0_HorizontalTimeline__column","item":"wds_1_168_0_HorizontalTimeline__item","lineIconLine":"wds_1_168_0_HorizontalTimeline__lineIconLine","icon":"wds_1_168_0_HorizontalTimeline__icon","label":"wds_1_168_0_HorizontalTimeline__label"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_168_0_HorizontalTimelineIcons";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_167_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_167_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_167_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_167_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_167_0_HorizontalTimelineIcons__upcomingIcon wds_1_167_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_167_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_167_0_HorizontalTimelineIcons__activeIcon wds_1_167_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_167_0_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_168_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_168_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_168_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_168_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_168_0_HorizontalTimelineIcons__upcomingIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_168_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_168_0_HorizontalTimelineIcons__activeIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_168_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_IconButton";
+var _namespace_ = "wds_1_168_0_IconButton";
 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_167_0_IconButton__root","mobile":"wds_1_167_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_168_0_IconButton__root","mobile":"wds_1_168_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_ImageViewer";
+var _namespace_ = "wds_1_168_0_ImageViewer";
 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_167_0_ImageViewer__root","buttons":"wds_1_167_0_ImageViewer__buttons","imageContainer":"wds_1_167_0_ImageViewer__imageContainer","overlay":"wds_1_167_0_ImageViewer__overlay","image":"wds_1_167_0_ImageViewer__image","statusContainer":"wds_1_167_0_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_168_0_ImageViewer__root","buttons":"wds_1_168_0_ImageViewer__buttons","imageContainer":"wds_1_168_0_ImageViewer__imageContainer","overlay":"wds_1_168_0_ImageViewer__overlay","image":"wds_1_168_0_ImageViewer__image","statusContainer":"wds_1_168_0_ImageViewer__statusContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_InfoIcon";
+var _namespace_ = "wds_1_168_0_InfoIcon";
 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_167_0_InfoIcon__root","icon":"wds_1_167_0_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_168_0_InfoIcon__root","icon":"wds_1_168_0_InfoIcon__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_Input";
+var _namespace_ = "wds_1_168_0_Input";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,12 +17,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_167_0_Input__root","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_167_0_StylableTypography__text-medium-thin","wrapper":"wds_1_167_0_Input__wrapper","input":"wds_1_167_0_Input__input","disabled":"wds_1_167_0_Input__disabled","readOnly":"wds_1_167_0_Input__readOnly","suffixes":"wds_1_167_0_Input__suffixes","suffix":"wds_1_167_0_Input__suffix","statusWrapper":"wds_1_167_0_Input__statusWrapper","clearButtonWrapper":"wds_1_167_0_Input__clearButtonWrapper","menuArrow":"wds_1_167_0_Input__menuArrow","clearButton":"wds_1_167_0_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_168_0_Input__root","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","wrapper":"wds_1_168_0_Input__wrapper","input":"wds_1_168_0_Input__input","disabled":"wds_1_168_0_Input__disabled","readOnly":"wds_1_168_0_Input__readOnly","suffixes":"wds_1_168_0_Input__suffixes","suffix":"wds_1_168_0_Input__suffix","statusWrapper":"wds_1_168_0_Input__statusWrapper","clearButtonWrapper":"wds_1_168_0_Input__clearButtonWrapper","menuArrow":"wds_1_168_0_Input__menuArrow","clearButton":"wds_1_168_0_Input__clearButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","border-color-hover":"--wds_1_167_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_167_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_167_0_Input-border-color-hover-warning"}; 
+module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","border-color-hover":"--wds_1_168_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_168_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_168_0_Input-border-color-hover-warning"}; 
 
 
 

package/dist/cjs/Input/components/Affix/Affix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_167_0_Affix";
+var _namespace_ = "wds_1_168_0_Affix";
 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_167_0_Affix__root","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_167_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_167_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_167_0_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_168_0_Affix__root","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Group/Group.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_167_0_Group";
+var _namespace_ = "wds_1_168_0_Group";
 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_167_0_Group__root"};
+module.exports.classes = {"root":"wds_1_168_0_Group__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/IconAffix/IconAffix.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_167_0_IconAffix";
+var _namespace_ = "wds_1_168_0_IconAffix";
 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_167_0_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_168_0_IconAffix__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};