@wix/design-system 1.180.0 → 1.181.0

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Button";
+var _namespace_ = "wds_1_181_0_Button";
 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_180_0_Button__root","text-tiny-normal":"wds_1_180_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_180_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_180_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_180_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_181_0_Button__root","text-tiny-normal":"wds_1_181_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_181_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_181_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_181_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Button/ButtonCore/ButtonCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_ButtonCore";
+var _namespace_ = "wds_1_181_0_ButtonCore";
 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_180_0_ButtonCore__root","content":"wds_1_180_0_ButtonCore__content","prefix":"wds_1_180_0_ButtonCore__prefix","suffix":"wds_1_180_0_ButtonCore__suffix"};
+module.exports.classes = {"root":"wds_1_181_0_ButtonCore__root","content":"wds_1_181_0_ButtonCore__content","prefix":"wds_1_181_0_ButtonCore__prefix","suffix":"wds_1_181_0_ButtonCore__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/BaseCalendar/BaseCalendar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_BaseCalendar";
+var _namespace_ = "wds_1_181_0_BaseCalendar";
 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_180_0_BaseCalendar__root","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_180_0_StylableTypography__text-tiny-thin","container":"wds_1_180_0_BaseCalendar__container","months":"wds_1_180_0_BaseCalendar__months","month":"wds_1_180_0_BaseCalendar__month","weekdays":"wds_1_180_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_180_0_BaseCalendar__weekdaysRow","weekday":"wds_1_180_0_BaseCalendar__weekday","body":"wds_1_180_0_BaseCalendar__body","week":"wds_1_180_0_BaseCalendar__week","day":"wds_1_180_0_BaseCalendar__day","dayCircle":"wds_1_180_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_180_0_BaseCalendar__dayWrapper","dayText":"wds_1_180_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_180_0_BaseCalendar__dayIndicationContainer"};
+module.exports.classes = {"root":"wds_1_181_0_BaseCalendar__root","text-small-thin":"wds_1_181_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_181_0_StylableTypography__text-tiny-thin","container":"wds_1_181_0_BaseCalendar__container","months":"wds_1_181_0_BaseCalendar__months","month":"wds_1_181_0_BaseCalendar__month","weekdays":"wds_1_181_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_181_0_BaseCalendar__weekdaysRow","weekday":"wds_1_181_0_BaseCalendar__weekday","body":"wds_1_181_0_BaseCalendar__body","week":"wds_1_181_0_BaseCalendar__week","day":"wds_1_181_0_BaseCalendar__day","dayCircle":"wds_1_181_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_181_0_BaseCalendar__dayWrapper","dayText":"wds_1_181_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_181_0_BaseCalendar__dayIndicationContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Calendar";
+var _namespace_ = "wds_1_181_0_Calendar";
 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_180_0_Calendar__root","month":"wds_1_180_0_BaseCalendar__month","day":"wds_1_180_0_BaseCalendar__day","header":"wds_1_180_0_Calendar__header"};
+module.exports.classes = {"root":"wds_1_181_0_Calendar__root","month":"wds_1_181_0_BaseCalendar__month","day":"wds_1_181_0_BaseCalendar__day","header":"wds_1_181_0_Calendar__header"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.js

@@ -9,7 +9,7 @@ var _DatePickerDropdownSt = require("./DatePickerDropdown.st.css.js");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _DropdownBase = _interopRequireDefault(require("../../DropdownBase"));
 var _TextButton = _interopRequireDefault(require("../../TextButton"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.tsx";
 var YEAR_ADD = 15;
 class DropdownPicker extends _react.default.Component {
   constructor() {
@@ -106,7 +106,7 @@ class DropdownPicker extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 126,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_DropdownBase.default, {
@@ -127,7 +127,7 @@ class DropdownPicker extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 127,
         columnNumber: 9
       }
     }, _ref2 => {
@@ -142,7 +142,7 @@ class DropdownPicker extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 142,
+            lineNumber: 149,
             columnNumber: 29
           }
         }),
@@ -156,7 +156,7 @@ class DropdownPicker extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 138,
+          lineNumber: 145,
           columnNumber: 15
         }
       }, caption);

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_DatePickerDropdownSt","_wixUiIconsCommon","_DropdownBase","_TextButton","_jsxFileName","YEAR_ADD","DropdownPicker","React","Component","constructor","arguments","state","open","visibleOptions","props","options","slice","selectedId","_onSelect","data","onChange","setState","_toggle","_onKeyDown","e","delegateKeyDown","eventWasHandled","key","_open","preventDefault","_close","_fetchMoreOptions","length","_ref","componentDidUpdate","prevProps","render","className","caption","dataHook","ariaLabel","ariaLabelledBy","finalAriaLabel","concat","undefined","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","dropdown","onClickOutside","dynamicWidth","minWidth","onSelect","focusOnSelectedOption","infiniteScroll","hasMore","loadMore","autoFocus","_ref2","skin","size","suffixIcon","ChevronDown","onClick","onKeyDown","ariaHaspopup","ariaExpanded","exports","propTypes","PropTypes","string","node","array","func","number"],"sources":["../../../../src/Calendar/DatePickerDropdown/DatePickerDropdown.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './DatePickerDropdown.st.css';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport DropdownBase from '../../DropdownBase';\nimport TextButton from '../../TextButton';\n\nconst YEAR_ADD = 15;\n\nexport default class DropdownPicker extends React.Component {\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    caption: PropTypes.node,\n    options: PropTypes.array,\n    onChange: PropTypes.func,\n    selectedId: PropTypes.number,\n    ariaLabel: PropTypes.string,\n    ariaLabelledBy: PropTypes.string,\n  };\n\n  state = {\n    open: false,\n    visibleOptions: this.props.options.slice(\n      0,\n      this.props.selectedId + YEAR_ADD,\n    ),\n  };\n\n  componentDidUpdate(prevProps) {\n    if (\n      prevProps.options.length !== this.props.options.length ||\n      this.props.selectedId >= this.state.visibleOptions.length\n    ) {\n      this.setState({\n        visibleOptions: this.props.options.slice(\n          0,\n          this.props.selectedId + YEAR_ADD,\n        ),\n      });\n    }\n  }\n\n  _onSelect = data => {\n    const { onChange } = this.props;\n\n    this.setState(\n      {\n        open: false,\n      },\n      () => {\n        if (typeof onChange === 'function') {\n          onChange(data);\n        }\n      },\n    );\n  };\n\n  _toggle = () => {\n    this.setState({ open: !this.state.open });\n  };\n\n  _onKeyDown = (e, delegateKeyDown) => {\n    const eventWasHandled = delegateKeyDown(e);\n    const { open } = this.state;\n    // We'll open the list when pressing the ArrowDown key\n    if (!eventWasHandled && e.key === 'ArrowDown') {\n      this._open();\n      e.preventDefault();\n      return;\n    }\n\n    // close on Escape\n    if (e.key === 'Escape') {\n      this._close();\n      e.preventDefault();\n    }\n\n    // prevent TextButton onClick event\n    if (open && (e.key === 'Enter' || e.key === 'Spacebar' || e.key === ' ')) {\n      e.preventDefault();\n    }\n  };\n\n  _close = () => {\n    this.setState({ open: false });\n  };\n\n  _open = () => {\n    this.setState({ open: true });\n  };\n\n  _fetchMoreOptions = () => {\n    const length = this.state.visibleOptions.length;\n    this.setState(({ visibleOptions }) => ({\n      visibleOptions: [\n        ...visibleOptions,\n        ...this.props.options.slice(length, length + YEAR_ADD),\n      ],\n    }));\n  };\n\n  render() {\n    const {\n      className,\n      caption,\n      options,\n      dataHook,\n      selectedId,\n      ariaLabel,\n      ariaLabelledBy,\n    } = this.props;\n\n    const { open } = this.state;\n\n    const finalAriaLabel = ariaLabel ? `${ariaLabel} ${caption}` : undefined;\n\n    return (\n      <div className={st(classes.root, className)}>\n        <DropdownBase\n          data-hook={dataHook}\n          className={classes.dropdown}\n          options={this.state.visibleOptions}\n          onClickOutside={this._close}\n          dynamicWidth\n          minWidth={120}\n          selectedId={selectedId}\n          onSelect={this._onSelect}\n          focusOnSelectedOption\n          open={open}\n          infiniteScroll\n          hasMore={this.state.visibleOptions.length < options.length}\n          loadMore={this._fetchMoreOptions}\n          autoFocus\n        >\n          {({ delegateKeyDown }) => {\n            return (\n              <TextButton\n                className={classes.caption}\n                skin=\"dark\"\n                size=\"small\"\n                suffixIcon={<ChevronDown />}\n                onClick={this._toggle}\n                dataHook={`${dataHook}-button`}\n                onKeyDown={e => this._onKeyDown(e, delegateKeyDown)}\n                ariaLabel={finalAriaLabel}\n                ariaLabelledBy={ariaLabelledBy}\n                ariaHaspopup=\"listbox\"\n                ariaExpanded={open}\n              >\n                {caption}\n              </TextButton>\n            );\n          }}\n        </DropdownBase>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_DatePickerDropdownSt","_wixUiIconsCommon","_DropdownBase","_TextButton","_jsxFileName","YEAR_ADD","DropdownPicker","React","Component","constructor","arguments","state","open","visibleOptions","props","options","slice","selectedId","_onSelect","data","onChange","setState","_toggle","_onKeyDown","e","delegateKeyDown","eventWasHandled","key","_open","preventDefault","_close","_fetchMoreOptions","length","_ref","componentDidUpdate","prevProps","render","className","caption","dataHook","ariaLabel","ariaLabelledBy","finalAriaLabel","concat","undefined","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","dropdown","onClickOutside","dynamicWidth","minWidth","onSelect","focusOnSelectedOption","infiniteScroll","hasMore","loadMore","autoFocus","_ref2","skin","size","suffixIcon","ChevronDown","onClick","onKeyDown","ariaHaspopup","ariaExpanded","exports","propTypes","PropTypes","string","node","array","func","number"],"sources":["../../../../src/Calendar/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import React, { KeyboardEvent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './DatePickerDropdown.st.css';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport DropdownBase from '../../DropdownBase';\nimport TextButton from '../../TextButton';\nimport { DropdownLayoutValueOption } from '../../DropdownLayout';\nimport { DropdownPickerProps } from './DatePickerDropdown.types';\n\nconst YEAR_ADD = 15;\n\ntype DropdownPickerState = {\n  open: boolean;\n  visibleOptions: DropdownPickerProps['options']\n}\n\nexport default class DropdownPicker extends React.Component<DropdownPickerProps, DropdownPickerState> {\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    caption: PropTypes.node,\n    options: PropTypes.array,\n    onChange: PropTypes.func,\n    selectedId: PropTypes.number,\n    ariaLabel: PropTypes.string,\n    ariaLabelledBy: PropTypes.string,\n  };\n\n  state = {\n    open: false,\n    visibleOptions: this.props.options.slice(\n      0,\n      this.props.selectedId + YEAR_ADD,\n    ),\n  };\n\n  componentDidUpdate(prevProps: DropdownPickerProps) {\n    if (\n      prevProps.options.length !== this.props.options.length ||\n      this.props.selectedId >= this.state.visibleOptions.length\n    ) {\n      this.setState({\n        visibleOptions: this.props.options.slice(\n          0,\n          this.props.selectedId + YEAR_ADD,\n        ),\n      });\n    }\n  }\n\n  _onSelect = (data: DropdownLayoutValueOption) => {\n    const { onChange } = this.props;\n\n    this.setState(\n      {\n        open: false,\n      },\n      () => {\n        if (typeof onChange === 'function') {\n          onChange(data);\n        }\n      },\n    );\n  };\n\n  _toggle = () => {\n    this.setState({ open: !this.state.open });\n  };\n\n  _onKeyDown = (e: KeyboardEvent, delegateKeyDown: (event: React.KeyboardEvent<Element>) => boolean | void) => {\n    const eventWasHandled = delegateKeyDown(e);\n    const { open } = this.state;\n    // We'll open the list when pressing the ArrowDown key\n    if (!eventWasHandled && e.key === 'ArrowDown') {\n      this._open();\n      e.preventDefault();\n      return;\n    }\n\n    // close on Escape\n    if (e.key === 'Escape') {\n      this._close();\n      e.preventDefault();\n    }\n\n    // prevent TextButton onClick event\n    if (open && (e.key === 'Enter' || e.key === 'Spacebar' || e.key === ' ')) {\n      e.preventDefault();\n    }\n  };\n\n  _close = () => {\n    this.setState({ open: false });\n  };\n\n  _open = () => {\n    this.setState({ open: true });\n  };\n\n  _fetchMoreOptions = () => {\n    const length = this.state.visibleOptions.length;\n    this.setState(({ visibleOptions }) => ({\n      visibleOptions: [\n        ...visibleOptions,\n        ...this.props.options.slice(length, length + YEAR_ADD),\n      ],\n    }));\n  };\n\n  render() {\n    const {\n      className,\n      caption,\n      options,\n      dataHook,\n      selectedId,\n      ariaLabel,\n      ariaLabelledBy,\n    } = this.props;\n\n    const { open } = this.state;\n\n    const finalAriaLabel = ariaLabel ? `${ariaLabel} ${caption}` : undefined;\n\n    return (\n      <div className={st(classes.root, className)}>\n        <DropdownBase\n          data-hook={dataHook}\n          className={classes.dropdown}\n          options={this.state.visibleOptions}\n          onClickOutside={this._close}\n          dynamicWidth\n          minWidth={120}\n          selectedId={selectedId}\n          onSelect={this._onSelect}\n          focusOnSelectedOption\n          open={open}\n          infiniteScroll\n          hasMore={this.state.visibleOptions.length < options.length}\n          loadMore={this._fetchMoreOptions}\n          autoFocus\n        >\n          {({ delegateKeyDown }) => {\n            return (\n              <TextButton\n                className={classes.caption}\n                skin=\"dark\"\n                size=\"small\"\n                suffixIcon={<ChevronDown />}\n                onClick={this._toggle}\n                dataHook={`${dataHook}-button`}\n                onKeyDown={(e: KeyboardEvent) => this._onKeyDown(e, delegateKeyDown)}\n                ariaLabel={finalAriaLabel}\n                ariaLabelledBy={ariaLabelledBy}\n                ariaHaspopup=\"listbox\"\n                ariaExpanded={open}\n              >\n                {caption}\n              </TextButton>\n            );\n          }}\n        </DropdownBase>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_DatePickerDropdown";
+var _namespace_ = "wds_1_181_0_DatePickerDropdown";
 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_180_0_DatePickerDropdown__root","dropdown":"wds_1_180_0_DatePickerDropdown__dropdown","caption":"wds_1_180_0_DatePickerDropdown__caption"};
+module.exports.classes = {"root":"wds_1_181_0_DatePickerDropdown__root","dropdown":"wds_1_181_0_DatePickerDropdown__dropdown","caption":"wds_1_181_0_DatePickerDropdown__caption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.types.js

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

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/Calendar/DatePickerDropdown/DatePickerDropdown.types.ts"],"sourcesContent":["import { DropdownBaseProps } from \"../../DropdownBase\";\nimport { DropdownLayoutValueOption } from \"../../DropdownLayout\";\n\nexport type DropdownPickerProps = {\n  selectedId: number;\n  options: NonNullable<DropdownBaseProps['options']>;\n  className?: string;\n  caption?: string,\n  dataHook?: string,\n  ariaLabel?: string,\n  ariaLabelledBy?: string,\n  onChange?: (option: DropdownLayoutValueOption) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Calendar/DatePickerDropdown/index.js

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

package/dist/cjs/Calendar/DatePickerDropdown/index.js.map

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

package/dist/cjs/Calendar/DatePickerHead/DatePickerHead.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_DatePickerHead";
+var _namespace_ = "wds_1_181_0_DatePickerHead";
 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_180_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_180_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_180_0_DatePickerHead__caption","monthDropdown":"wds_1_180_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_180_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_180_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_180_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_180_0_DatePickerHead__arrowIcon"};
+module.exports.classes = {"root":"wds_1_181_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_181_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_181_0_DatePickerHead__caption","monthDropdown":"wds_1_181_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_181_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_181_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_181_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_181_0_DatePickerHead__arrowIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js

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

package/dist/cjs/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CalendarPanel";
+var _namespace_ = "wds_1_181_0_CalendarPanel";
 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_180_0_CalendarPanel__root","calendarWithPresets":"wds_1_180_0_CalendarPanel__calendarWithPresets","presets":"wds_1_180_0_CalendarPanel__presets","calendar":"wds_1_180_0_CalendarPanel__calendar","footer":"wds_1_180_0_CalendarPanel__footer"};
+module.exports.classes = {"root":"wds_1_181_0_CalendarPanel__root","calendarWithPresets":"wds_1_181_0_CalendarPanel__calendarWithPresets","presets":"wds_1_181_0_CalendarPanel__presets","calendar":"wds_1_181_0_CalendarPanel__calendar","footer":"wds_1_181_0_CalendarPanel__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Card";
+var _namespace_ = "wds_1_181_0_Card";
 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_180_0_Card__root","card":"wds_1_180_0_Card__card","controls":"wds_1_180_0_Card__controls"};
+module.exports.classes = {"root":"wds_1_181_0_Card__root","card":"wds_1_181_0_Card__card","controls":"wds_1_181_0_Card__controls"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Content/Content.st.css.js

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

package/dist/cjs/Card/components/Header/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_CardHeader";
+var _namespace_ = "wds_1_181_0_CardHeader";
 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_180_0_CardHeader__root","suffix":"wds_1_180_0_CardHeader__suffix","titleWrapper":"wds_1_180_0_CardHeader__titleWrapper","title":"wds_1_180_0_CardHeader__title"};
+module.exports.classes = {"root":"wds_1_181_0_CardHeader__root","suffix":"wds_1_181_0_CardHeader__suffix","titleWrapper":"wds_1_181_0_CardHeader__titleWrapper","title":"wds_1_181_0_CardHeader__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Subheader/Subheader.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_Subheader";
+var _namespace_ = "wds_1_181_0_Subheader";
 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_180_0_Subheader__root","suffix":"wds_1_180_0_Subheader__suffix"};
+module.exports.classes = {"root":"wds_1_181_0_Subheader__root","suffix":"wds_1_181_0_Subheader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CardFolderTabs";
+var _namespace_ = "wds_1_181_0_CardFolderTabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_CardFolderTabs__root","headerWrapper":"wds_1_180_0_CardFolderTabs__headerWrapper","button":"wds_1_180_0_CardFolderTabs__button","buttonText":"wds_1_180_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_180_0_CardFolderTabs__tabContentWrapper"};
+module.exports.classes = {"root":"wds_1_181_0_CardFolderTabs__root","headerWrapper":"wds_1_181_0_CardFolderTabs__headerWrapper","button":"wds_1_181_0_CardFolderTabs__button","buttonText":"wds_1_181_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_181_0_CardFolderTabs__tabContentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxWidth":"--wds_1_180_0_CardFolderTabs-maxWidth"}; 
+module.exports.vars = {"maxWidth":"--wds_1_181_0_CardFolderTabs-maxWidth"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CardGalleryItem";
+var _namespace_ = "wds_1_181_0_CardGalleryItem";
 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_180_0_CardGalleryItem__root","card":"wds_1_180_0_Card__card","overlay":"wds_1_180_0_CardGalleryItem__overlay","primaryAction":"wds_1_180_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_180_0_CardGalleryItem__secondaryAction","container":"wds_1_180_0_CardGalleryItem__container","footer":"wds_1_180_0_CardGalleryItem__footer","settingsMenu":"wds_1_180_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_180_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_180_0_CardGalleryItem__footerContent","footerImage":"wds_1_180_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_180_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_180_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_180_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_180_0_CardGalleryItem__cardContainer wds_1_180_0_Card__card"};
+module.exports.classes = {"root":"wds_1_181_0_CardGalleryItem__root","card":"wds_1_181_0_Card__card","overlay":"wds_1_181_0_CardGalleryItem__overlay","primaryAction":"wds_1_181_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_181_0_CardGalleryItem__secondaryAction","container":"wds_1_181_0_CardGalleryItem__container","footer":"wds_1_181_0_CardGalleryItem__footer","settingsMenu":"wds_1_181_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_181_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_181_0_CardGalleryItem__footerContent","footerImage":"wds_1_181_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_181_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_181_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_181_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_181_0_CardGalleryItem__cardContainer wds_1_181_0_Card__card"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Carousel";
+var _namespace_ = "wds_1_181_0_Carousel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_Carousel__root","controls":"wds_1_180_0_Carousel__controls","imageContainer":"wds_1_180_0_Carousel__imageContainer","image":"wds_1_180_0_Carousel__image","loader":"wds_1_180_0_Carousel__loader","pagination":"wds_1_180_0_Carousel__pagination","pageNavigation":"wds_1_180_0_Carousel__pageNavigation","arrowPrevBackground":"wds_1_180_0_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_180_0_Carousel__arrowNextBackground"};
+module.exports.classes = {"root":"wds_1_181_0_Carousel__root","controls":"wds_1_181_0_Carousel__controls","imageContainer":"wds_1_181_0_Carousel__imageContainer","image":"wds_1_181_0_Carousel__image","loader":"wds_1_181_0_Carousel__loader","pagination":"wds_1_181_0_Carousel__pagination","pageNavigation":"wds_1_181_0_Carousel__pageNavigation","arrowPrevBackground":"wds_1_181_0_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_181_0_Carousel__arrowNextBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_180_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
+module.exports.vars = {"arrow-size":"--wds_1_181_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
 
 
 

package/dist/cjs/Carousel/Pagination/Pagination.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_CarouselPagination";
+var _namespace_ = "wds_1_181_0_CarouselPagination";
 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_180_0_CarouselPagination__root","dot":"wds_1_180_0_CarouselPagination__dot"};
+module.exports.classes = {"root":"wds_1_181_0_CarouselPagination__root","dot":"wds_1_181_0_CarouselPagination__dot"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CarouselWIP/CarouselWIP.js

@@ -501,7 +501,8 @@ class CarouselWIP extends _react.PureComponent {
         controlsPosition,
         controlsSize,
         showControlsShadow,
-        showSidesGradients
+        showSidesGradients,
+        hideDots
       }, className),
       style: {
         [_CarouselWIPSt.vars.sidesGradientColor]: sidesGradientColor
@@ -519,7 +520,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 503,
+        lineNumber: 504,
         columnNumber: 9
       }
     }, showSidesGradients && isShowStartGradient && this._renderStartGradient(), this._renderLeftControl(), this._renderSlides(), this._renderRightControl(), showSidesGradients && isShowEndGradient && this._renderEndGradient()), !hideDots && this._renderDots());