@wix/design-system 1.180.0 → 1.182.0

package/dist/cjs/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_Illustration";
+var _namespace_ = "wds_1_182_0_Illustration";
 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_Illustration__root","image":"wds_1_180_0_Illustration__image"};
+module.exports.classes = {"root":"wds_1_182_0_Illustration__root","image":"wds_1_182_0_Illustration__image"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_BounceAnimation";
+var _namespace_ = "wds_1_182_0_BounceAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_BounceAnimation__root"};
-module.exports.keyframes = {"easeOutElasticSmall":"wds_1_180_0_BounceAnimation__easeOutElasticSmall","easeOutElasticMedium":"wds_1_180_0_BounceAnimation__easeOutElasticMedium","easeOutElasticSmallLoop":"wds_1_180_0_BounceAnimation__easeOutElasticSmallLoop","easeOutElasticMediumLoop":"wds_1_180_0_BounceAnimation__easeOutElasticMediumLoop"}; 
+module.exports.classes = {"root":"wds_1_182_0_BounceAnimation__root"};
+module.exports.keyframes = {"easeOutElasticSmall":"wds_1_182_0_BounceAnimation__easeOutElasticSmall","easeOutElasticMedium":"wds_1_182_0_BounceAnimation__easeOutElasticMedium","easeOutElasticSmallLoop":"wds_1_182_0_BounceAnimation__easeOutElasticSmallLoop","easeOutElasticMediumLoop":"wds_1_182_0_BounceAnimation__easeOutElasticMediumLoop"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"iterationDely":"700ms","loopDuration":"1000ms"}; 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Box";
+var _namespace_ = "wds_1_182_0_Box";
 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_180_0_Box__root","defaultScrollBar":"wds_1_180_0_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_182_0_Box__root","defaultScrollBar":"wds_1_182_0_defaultscrollbar__defaultScrollBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"gap":"--wds_1_180_0_Box-gap"}; 
+module.exports.vars = {"gap":"--wds_1_182_0_Box-gap"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Breadcrumbs";
+var _namespace_ = "wds_1_182_0_Breadcrumbs";
 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_180_0_Breadcrumbs__root","breadcrumbsHover":"wds_1_180_0_Breadcrumbs__breadcrumbsHover","breadcrumbs":"wds_1_180_0_Breadcrumbs__breadcrumbs","item":"wds_1_180_0_Breadcrumbs__item","divider":"wds_1_180_0_Breadcrumbs__divider","itemContainer":"wds_1_180_0_Breadcrumbs__itemContainer"};
+module.exports.classes = {"root":"wds_1_182_0_Breadcrumbs__root","breadcrumbsHover":"wds_1_182_0_Breadcrumbs__breadcrumbsHover","breadcrumbs":"wds_1_182_0_Breadcrumbs__breadcrumbs","item":"wds_1_182_0_Breadcrumbs__item","divider":"wds_1_182_0_Breadcrumbs__divider","itemContainer":"wds_1_182_0_Breadcrumbs__itemContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_BrowserPreviewWidget";
+var _namespace_ = "wds_1_182_0_BrowserPreviewWidget";
 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_BrowserPreviewWidget__root","browserBar":"wds_1_180_0_BrowserPreviewWidget__browserBar","circlesContainer":"wds_1_180_0_BrowserPreviewWidget__circlesContainer","circle":"wds_1_180_0_BrowserPreviewWidget__circle"};
+module.exports.classes = {"root":"wds_1_182_0_BrowserPreviewWidget__root","browserBar":"wds_1_182_0_BrowserPreviewWidget__browserBar","circlesContainer":"wds_1_182_0_BrowserPreviewWidget__circlesContainer","circle":"wds_1_182_0_BrowserPreviewWidget__circle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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_182_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_182_0_Button__root","text-tiny-normal":"wds_1_182_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_182_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_182_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_182_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_182_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_182_0_ButtonCore__root","content":"wds_1_182_0_ButtonCore__content","prefix":"wds_1_182_0_ButtonCore__prefix","suffix":"wds_1_182_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_182_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_182_0_BaseCalendar__root","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_182_0_StylableTypography__text-tiny-thin","container":"wds_1_182_0_BaseCalendar__container","months":"wds_1_182_0_BaseCalendar__months","month":"wds_1_182_0_BaseCalendar__month","weekdays":"wds_1_182_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_182_0_BaseCalendar__weekdaysRow","weekday":"wds_1_182_0_BaseCalendar__weekday","body":"wds_1_182_0_BaseCalendar__body","week":"wds_1_182_0_BaseCalendar__week","day":"wds_1_182_0_BaseCalendar__day","dayCircle":"wds_1_182_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_182_0_BaseCalendar__dayWrapper","dayText":"wds_1_182_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_182_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_182_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_182_0_Calendar__root","month":"wds_1_182_0_BaseCalendar__month","day":"wds_1_182_0_BaseCalendar__day","header":"wds_1_182_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 { DatePickerDropdownProps } from './DatePickerDropdown.types';\n\nconst YEAR_ADD = 15;\n\ntype DropdownPickerState = {\n  open: boolean;\n  visibleOptions: DatePickerDropdownProps['options']\n}\n\nexport default class DropdownPicker extends React.Component<DatePickerDropdownProps, 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: DatePickerDropdownProps) {\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_182_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_182_0_DatePickerDropdown__root","dropdown":"wds_1_182_0_DatePickerDropdown__dropdown","caption":"wds_1_182_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 DatePickerDropdownProps = {\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_182_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_182_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_182_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_182_0_DatePickerHead__caption","monthDropdown":"wds_1_182_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_182_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_182_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_182_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_182_0_DatePickerHead__arrowIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,12 +8,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MonthDropdownSt = require("./MonthDropdown.st.css.js");
 var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
 var _DatePickerDropdown = _interopRequireDefault(require("../../DatePickerDropdown"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.tsx";
 var optionsOf = items => items.map((item, index) => ({
   value: item,
   id: index
 }));
 var MonthDropdown = _ref => {
+  var _options$find;
   var {
     className,
     months,
@@ -23,16 +24,16 @@ var MonthDropdown = _ref => {
     ariaLabelledBy
   } = _ref;
   var options = optionsOf(months);
-  var selectedMonth = options.find(_ref2 => {
+  var selectedMonth = (_options$find = options.find(_ref2 => {
     var {
       id
     } = _ref2;
     return id === date.getMonth();
-  });
+  })) !== null && _options$find !== void 0 ? _options$find : options[0];
   return /*#__PURE__*/_react.default.createElement(_DatePickerDropdown.default, {
     dataHook: "datepicker-month-dropdown",
     className: (0, _MonthDropdownSt.st)(_MonthDropdownSt.classes.root, className),
-    caption: selectedMonth.value,
+    caption: selectedMonth == null ? void 0 : selectedMonth.value,
     options: options,
     selectedId: selectedMonth.id,
     onChange: _ref3 => {
@@ -46,7 +47,7 @@ var MonthDropdown = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 25,
       columnNumber: 5
     }
   });

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_MonthDropdownSt","_setMonth","_DatePickerDropdown","_jsxFileName","optionsOf","items","map","item","index","value","id","MonthDropdown","_ref","className","months","date","onChange","ariaLabel","ariaLabelledBy","options","selectedMonth","find","_ref2","getMonth","default","createElement","dataHook","st","classes","root","caption","selectedId","_ref3","setMonth","__self","__source","fileName","lineNumber","columnNumber","propTypes","PropTypes","string","arrayOf","isRequired","object","func","_default","exports"],"sources":["../../../../../src/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes, st } from './MonthDropdown.st.css';\nimport setMonth from 'date-fns/setMonth';\n\nimport DatePickerDropdown from '../../DatePickerDropdown';\n\nconst optionsOf = items =>\n  items.map((item, index) => ({ value: item, id: index }));\n\nconst MonthDropdown = ({\n  className,\n  months,\n  date,\n  onChange,\n  ariaLabel,\n  ariaLabelledBy,\n}) => {\n  const options = optionsOf(months);\n  const selectedMonth = options.find(({ id }) => id === date.getMonth());\n\n  return (\n    <DatePickerDropdown\n      dataHook=\"datepicker-month-dropdown\"\n      className={st(classes.root, className)}\n      caption={selectedMonth.value}\n      options={options}\n      selectedId={selectedMonth.id}\n      onChange={({ id }) => onChange(setMonth(date, id))}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n};\n\nMonthDropdown.propTypes = {\n  className: PropTypes.string,\n  months: PropTypes.arrayOf(PropTypes.string).isRequired,\n  date: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  ariaLabel: PropTypes.string,\n  ariaLabelledBy: PropTypes.string,\n};\n\nexport default MonthDropdown;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,mBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0D,IAAAK,YAAA;AAE1D,IAAMC,SAAS,GAAGC,KAAK,IACrBA,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;EAAEC,KAAK,EAAEF,IAAI;EAAEG,EAAE,EAAEF;AAAM,CAAC,CAAC,CAAC;AAE1D,IAAMG,aAAa,GAAGC,IAAA,IAOhB;EAAA,IAPiB;IACrBC,SAAS;IACTC,MAAM;IACNC,IAAI;IACJC,QAAQ,EAARA,SAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAAN,IAAA;EACC,IAAMO,OAAO,GAAGf,SAAS,CAACU,MAAM,CAAC;EACjC,IAAMM,aAAa,GAAGD,OAAO,CAACE,IAAI,CAACC,KAAA;IAAA,IAAC;MAAEZ;IAAG,CAAC,GAAAY,KAAA;IAAA,OAAKZ,EAAE,KAAKK,IAAI,CAACQ,QAAQ,CAAC,CAAC;EAAA,EAAC;EAEtE,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,mBAAA,CAAAsB,OAAkB;IACjBE,QAAQ,EAAC,2BAA2B;IACpCb,SAAS,EAAE,IAAAc,mBAAE,EAACC,wBAAO,CAACC,IAAI,EAAEhB,SAAS,CAAE;IACvCiB,OAAO,EAAEV,aAAa,CAACX,KAAM;IAC7BU,OAAO,EAAEA,OAAQ;IACjBY,UAAU,EAAEX,aAAa,CAACV,EAAG;IAC7BM,QAAQ,EAAEgB,KAAA;MAAA,IAAC;QAAEtB;MAAG,CAAC,GAAAsB,KAAA;MAAA,OAAKhB,SAAQ,CAAC,IAAAiB,iBAAQ,EAAClB,IAAI,EAAEL,EAAE,CAAC,CAAC;IAAA,CAAC;IACnDO,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAED3B,aAAa,CAAC4B,SAAS,GAAG;EACxB1B,SAAS,EAAE2B,kBAAS,CAACC,MAAM;EAC3B3B,MAAM,EAAE0B,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACC,MAAM,CAAC,CAACE,UAAU;EACtD5B,IAAI,EAAEyB,kBAAS,CAACI,MAAM,CAACD,UAAU;EACjC3B,QAAQ,EAAEwB,kBAAS,CAACK,IAAI,CAACF,UAAU;EACnC1B,SAAS,EAAEuB,kBAAS,CAACC,MAAM;EAC3BvB,cAAc,EAAEsB,kBAAS,CAACC;AAC5B,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEab,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_MonthDropdownSt","_setMonth","_DatePickerDropdown","_jsxFileName","optionsOf","items","map","item","index","value","id","MonthDropdown","_ref","_options$find","className","months","date","onChange","ariaLabel","ariaLabelledBy","options","selectedMonth","find","_ref2","getMonth","default","createElement","dataHook","st","classes","root","caption","selectedId","_ref3","setMonth","__self","__source","fileName","lineNumber","columnNumber","propTypes","PropTypes","string","arrayOf","isRequired","object","func","_default","exports"],"sources":["../../../../../src/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes, st } from './MonthDropdown.st.css';\nimport setMonth from 'date-fns/setMonth';\n\nimport DatePickerDropdown from '../../DatePickerDropdown';\nimport { MonthDropdownProps, MonthOptions } from './MonthDropdown.types';\n\n\nconst optionsOf = (items: MonthOptions) =>\n  items.map((item, index) => ({ value: item, id: index }));\n\nconst MonthDropdown = ({\n  className,\n  months,\n  date,\n  onChange,\n  ariaLabel,\n  ariaLabelledBy,\n}: MonthDropdownProps) => {\n  const options = optionsOf(months);\n  const selectedMonth = options.find(({ id }) => id === date.getMonth()) ?? options[0];\n\n  return (\n    <DatePickerDropdown\n      dataHook=\"datepicker-month-dropdown\"\n      className={st(classes.root, className)}\n      caption={selectedMonth?.value}\n      options={options}\n      selectedId={selectedMonth.id}\n      onChange={({ id }) => onChange(setMonth(date, id as number))}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n};\n\nMonthDropdown.propTypes = {\n  className: PropTypes.string,\n  months: PropTypes.arrayOf(PropTypes.string).isRequired,\n  date: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  ariaLabel: PropTypes.string,\n  ariaLabelledBy: PropTypes.string,\n};\n\nexport default MonthDropdown;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,mBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0D,IAAAK,YAAA;AAI1D,IAAMC,SAAS,GAAIC,KAAmB,IACpCA,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;EAAEC,KAAK,EAAEF,IAAI;EAAEG,EAAE,EAAEF;AAAM,CAAC,CAAC,CAAC;AAE1D,IAAMG,aAAa,GAAGC,IAAA,IAOI;EAAA,IAAAC,aAAA;EAAA,IAPH;IACrBC,SAAS;IACTC,MAAM;IACNC,IAAI;IACJC,QAAQ,EAARA,SAAQ;IACRC,SAAS;IACTC;EACkB,CAAC,GAAAP,IAAA;EACnB,IAAMQ,OAAO,GAAGhB,SAAS,CAACW,MAAM,CAAC;EACjC,IAAMM,aAAa,IAAAR,aAAA,GAAGO,OAAO,CAACE,IAAI,CAACC,KAAA;IAAA,IAAC;MAAEb;IAAG,CAAC,GAAAa,KAAA;IAAA,OAAKb,EAAE,KAAKM,IAAI,CAACQ,QAAQ,CAAC,CAAC;EAAA,EAAC,cAAAX,aAAA,cAAAA,aAAA,GAAIO,OAAO,CAAC,CAAC,CAAC;EAEpF,oBACExB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACxB,mBAAA,CAAAuB,OAAkB;IACjBE,QAAQ,EAAC,2BAA2B;IACpCb,SAAS,EAAE,IAAAc,mBAAE,EAACC,wBAAO,CAACC,IAAI,EAAEhB,SAAS,CAAE;IACvCiB,OAAO,EAAEV,aAAa,oBAAbA,aAAa,CAAEZ,KAAM;IAC9BW,OAAO,EAAEA,OAAQ;IACjBY,UAAU,EAAEX,aAAa,CAACX,EAAG;IAC7BO,QAAQ,EAAEgB,KAAA;MAAA,IAAC;QAAEvB;MAAG,CAAC,GAAAuB,KAAA;MAAA,OAAKhB,SAAQ,CAAC,IAAAiB,iBAAQ,EAAClB,IAAI,EAAEN,EAAY,CAAC,CAAC;IAAA,CAAC;IAC7DQ,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAED5B,aAAa,CAAC6B,SAAS,GAAG;EACxB1B,SAAS,EAAE2B,kBAAS,CAACC,MAAM;EAC3B3B,MAAM,EAAE0B,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACC,MAAM,CAAC,CAACE,UAAU;EACtD5B,IAAI,EAAEyB,kBAAS,CAACI,MAAM,CAACD,UAAU;EACjC3B,QAAQ,EAAEwB,kBAAS,CAACK,IAAI,CAACF,UAAU;EACnC1B,SAAS,EAAEuB,kBAAS,CAACC,MAAM;EAC3BvB,cAAc,EAAEsB,kBAAS,CAACC;AAC5B,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEad,aAAa","ignoreList":[]}

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_182_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_182_0_MonthDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.types.js

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

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.types.ts"],"sourcesContent":["import { DatePickerDropdownProps } from \"../../DatePickerDropdown\";\n\nexport type MonthOptions = (string | undefined)[];\n\nexport type MonthDropdownProps = Pick<DatePickerDropdownProps, 'className' | 'ariaLabel' | 'ariaLabelledBy'> & {\n  date: Date;\n  months: MonthOptions\n  onChange: (date: Date) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/index.js

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

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_MonthDropdown","_interopRequireDefault","require","exports","default"],"sources":["../../../../../src/Calendar/DatePickerHead/MonthDropdown/index.js"],"sourcesContent":["export { default } from './MonthDropdown';\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0CC,OAAA,CAAAC,OAAA,GAAAJ,cAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_MonthDropdown","_interopRequireDefault","require","exports","default","_MonthDropdown2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../../src/Calendar/DatePickerHead/MonthDropdown/index.ts"],"sourcesContent":["export { default } from './MonthDropdown';\nexport * from './MonthDropdown.types';\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0CC,OAAA,CAAAC,OAAA,GAAAJ,cAAA,CAAAI,OAAA;AAC1C,IAAAC,eAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,eAAA,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,eAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,eAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

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_182_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_182_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_182_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_182_0_CalendarPanel__root","calendarWithPresets":"wds_1_182_0_CalendarPanel__calendarWithPresets","presets":"wds_1_182_0_CalendarPanel__presets","calendar":"wds_1_182_0_CalendarPanel__calendar","footer":"wds_1_182_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_182_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_182_0_Card__root","card":"wds_1_182_0_Card__card","controls":"wds_1_182_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_182_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_182_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_182_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_182_0_CardHeader__root","suffix":"wds_1_182_0_CardHeader__suffix","titleWrapper":"wds_1_182_0_CardHeader__titleWrapper","title":"wds_1_182_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_182_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_182_0_Subheader__root","suffix":"wds_1_182_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_182_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_182_0_CardFolderTabs__root","headerWrapper":"wds_1_182_0_CardFolderTabs__headerWrapper","button":"wds_1_182_0_CardFolderTabs__button","buttonText":"wds_1_182_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_182_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_182_0_CardFolderTabs-maxWidth"};