@wix/design-system 1.168.0 → 1.170.0

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_ColorPickerHue";
+var _namespace_ = "wds_1_170_0_ColorPickerHue";
 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_168_0_ColorPickerHue__root","handle":"wds_1_168_0_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_170_0_ColorPickerHue__root","handle":"wds_1_170_0_ColorPickerHue__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_ComposerButton";
+var _namespace_ = "wds_1_170_0_ComposerButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_ComposerButton__root","tooltip":"wds_1_168_0_ComposerButton__tooltip","label":"wds_1_168_0_ComposerButton__label","iconContainer":"wds_1_168_0_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_170_0_ComposerButton__root","tooltip":"wds_1_170_0_ComposerButton__tooltip","label":"wds_1_170_0_ComposerButton__label","iconContainer":"wds_1_170_0_ComposerButton__iconContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_ComposerHeader";
+var _namespace_ = "wds_1_170_0_ComposerHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_ComposerHeader__root","container":"wds_1_168_0_ComposerHeader__container","actions":"wds_1_168_0_ComposerHeader__actions","saveStatus":"wds_1_168_0_ComposerHeader__saveStatus","mainActions":"wds_1_168_0_ComposerHeader__mainActions","backButton":"wds_1_168_0_ComposerHeader__backButton","divider":"wds_1_168_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_170_0_ComposerHeader__root","container":"wds_1_170_0_ComposerHeader__container","actions":"wds_1_170_0_ComposerHeader__actions","saveStatus":"wds_1_170_0_ComposerHeader__saveStatus","mainActions":"wds_1_170_0_ComposerHeader__mainActions","backButton":"wds_1_170_0_ComposerHeader__backButton","divider":"wds_1_170_0_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_ComposerSidebar";
+var _namespace_ = "wds_1_170_0_ComposerSidebar";
 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_168_0_ComposerSidebar__root","defaultScrollBar":"wds_1_168_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_168_0_ComposerSidebar__sectionContainer","section":"wds_1_168_0_ComposerSidebar__section","itemsContainer":"wds_1_168_0_ComposerSidebar__itemsContainer","title":"wds_1_168_0_ComposerSidebar__title","item":"wds_1_168_0_ComposerSidebar__item","sidebarItemButton":"wds_1_168_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_170_0_ComposerSidebar__root","defaultScrollBar":"wds_1_170_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_170_0_ComposerSidebar__sectionContainer","section":"wds_1_170_0_ComposerSidebar__section","itemsContainer":"wds_1_170_0_ComposerSidebar__itemsContainer","title":"wds_1_170_0_ComposerSidebar__title","item":"wds_1_170_0_ComposerSidebar__item","sidebarItemButton":"wds_1_170_0_ComposerSidebar__sidebarItemButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_CornerRadiusInput";
+var _namespace_ = "wds_1_170_0_CornerRadiusInput";
 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_168_0_CornerRadiusInput__root","linkingButton":"wds_1_168_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_168_0_CornerRadiusInput__topLeft","topRight":"wds_1_168_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_168_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_168_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_168_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_170_0_CornerRadiusInput__root","linkingButton":"wds_1_170_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_170_0_CornerRadiusInput__topLeft","topRight":"wds_1_170_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_170_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_170_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_170_0_CornerRadiusInput__cornerIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_CounterBadge";
+var _namespace_ = "wds_1_170_0_CounterBadge";
 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_168_0_CounterBadge__root","text":"wds_1_168_0_CounterBadge__text","caption":"wds_1_168_0_CounterBadge__caption","numberContent":"wds_1_168_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_170_0_CounterBadge__root","text":"wds_1_170_0_CounterBadge__text","caption":"wds_1_170_0_CounterBadge__caption","numberContent":"wds_1_170_0_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_CustomModalLayout";
+var _namespace_ = "wds_1_170_0_CustomModalLayout";
 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_168_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_170_0_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DatePicker/DatePicker.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Input","_interopRequireDefault","require","_Calendar","_PopoverNext","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","datePickerDriverFactory","_ref","element","eventTrigger","popoverElement","querySelector","concat","dataHooks","datePickerPopover","popoverContent","document","body","calendarTestkit","calendarDriverFactory","calendarDriver","reduce","prev","current","args","popoverNextLegacyDriverFactory","clickOutside","popoverDriver","inputElement","getTargetElement","inputDriver","inputDriverFactory","driver","exists","open","click","trigger","key","keyCode","getWidth","style","width","getFooter","$","datePickerFooter","_default","exports"],"sources":["../../../src/DatePicker/DatePicker.driver.js"],"sourcesContent":["import inputDriverFactory from '../Input/Input.driver';\nimport calendarDriverFactory from '../Calendar/Calendar.driver';\nimport { popoverNextLegacyDriverFactory } from '../PopoverNext/PopoverNext.driver';\nimport { dataHooks } from './constants';\n\n/** @deprecated use datePickerUniDriverFactory instead  */\nconst datePickerDriverFactory = ({ element, eventTrigger }) => {\n  const popoverElement = element.querySelector(\n    `[data-hook=\"${dataHooks.datePickerPopover}\"]`\n  );\n  const popoverContent = () =>\n    document.body.querySelector(`[data-hook=\"${dataHooks.datePickerPopover}-content\"]`);\n\n  const calendarTestkit = () =>\n    calendarDriverFactory({ element: popoverContent() });\n\n  const calendarDriver = {\n    ...Object.keys(calendarDriverFactory({ element })).reduce(\n      (prev, current) => ({\n        ...prev,\n        [current]: args => {\n          if (current === 'isVisible') {\n            return !!popoverContent()\n          }\n          if (current === 'mouseClickOutside') {\n            return popoverNextLegacyDriverFactory({\n              element: popoverElement,\n            }).clickOutside();\n          }\n          return calendarTestkit()[current](args);\n        },\n      }),\n      {},\n    ),\n  };\n\n  const popoverDriver = popoverNextLegacyDriverFactory({ element: popoverElement });\n\n  // here we have a dirty hack for getting input element directly\n  // this is not the best way to do it, but knowing that we exposed\n  // input datahook - we cannot change this for now.\n  const inputElement = popoverNextLegacyDriverFactory({ element: popoverElement })\n    .getTargetElement()\n    .querySelector('[data-size]');\n\n  const inputDriver = inputDriverFactory({\n    element: inputElement,\n    eventTrigger,\n  });\n\n  const driver = {\n    exists: () => !!element,\n    open: () => {\n      inputDriver.click();\n      inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => element.style.width,\n    clickOutside: () => popoverDriver.clickOutside(),\n    getFooter: () =>\n      element.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n\n  return {\n    exists: driver.exists,\n    driver,\n    inputDriver,\n    calendarDriver,\n  };\n};\n\nexport default datePickerDriverFactory;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Input","_interopRequireDefault","require","_Calendar","_PopoverNext","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","datePickerDriverFactory","_ref","element","eventTrigger","popoverElement","querySelector","concat","dataHooks","datePickerPopover","popoverContent","document","body","calendarTestkit","calendarDriverFactory","calendarDriver","reduce","prev","current","args","popoverNextLegacyDriverFactory","clickOutside","popoverDriver","inputElement","getTargetElement","inputDriver","inputDriverFactory","driver","exists","open","click","trigger","key","keyCode","getWidth","style","width","getFooter","$","datePickerFooter","_default","exports"],"sources":["../../../src/DatePicker/DatePicker.driver.js"],"sourcesContent":["import inputDriverFactory from '../Input/Input.driver';\nimport calendarDriverFactory from '../Calendar/Calendar.driver';\nimport { popoverNextLegacyDriverFactory } from '../PopoverNext/PopoverNext.driver';\nimport { dataHooks } from './constants';\n\n/** @deprecated use datePickerUniDriverFactory instead  */\nconst datePickerDriverFactory = ({ element, eventTrigger }) => {\n  const popoverElement = element.querySelector(\n    `[data-hook=\"${dataHooks.datePickerPopover}\"]`,\n  );\n  const popoverContent = () =>\n    document.body.querySelector(\n      `[data-hook=\"${dataHooks.datePickerPopover}-content\"]`,\n    );\n\n  const calendarTestkit = () =>\n    calendarDriverFactory({ element: popoverContent() });\n\n  const calendarDriver = {\n    ...Object.keys(calendarDriverFactory({ element })).reduce(\n      (prev, current) => ({\n        ...prev,\n        [current]: args => {\n          if (current === 'isVisible') {\n            return !!popoverContent();\n          }\n          if (current === 'mouseClickOutside') {\n            return popoverNextLegacyDriverFactory({\n              element: popoverElement,\n            }).clickOutside();\n          }\n          return calendarTestkit()[current](args);\n        },\n      }),\n      {},\n    ),\n  };\n\n  const popoverDriver = popoverNextLegacyDriverFactory({\n    element: popoverElement,\n  });\n\n  // here we have a dirty hack for getting input element directly\n  // this is not the best way to do it, but knowing that we exposed\n  // input datahook - we cannot change this for now.\n  const inputElement = popoverNextLegacyDriverFactory({\n    element: popoverElement,\n  })\n    .getTargetElement()\n    .querySelector('[data-size]');\n\n  const inputDriver = inputDriverFactory({\n    element: inputElement,\n    eventTrigger,\n  });\n\n  const driver = {\n    exists: () => !!element,\n    open: () => {\n      inputDriver.click();\n      inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => element.style.width,\n    clickOutside: () => popoverDriver.clickOutside(),\n    getFooter: () =>\n      element.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n\n  return {\n    exists: driver.exists,\n    driver,\n    inputDriver,\n    calendarDriver,\n  };\n};\n\nexport default datePickerDriverFactory;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAwC,SAAAI,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAExC;AACA,IAAMqB,uBAAuB,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAAF,IAAA;EACxD,IAAMG,cAAc,GAAGF,OAAO,CAACG,aAAa,iBAAAC,MAAA,CAC3BC,oBAAS,CAACC,iBAAiB,QAC5C,CAAC;EACD,IAAMC,cAAc,GAAGA,CAAA,KACrBC,QAAQ,CAACC,IAAI,CAACN,aAAa,iBAAAC,MAAA,CACVC,oBAAS,CAACC,iBAAiB,gBAC5C,CAAC;EAEH,IAAMI,eAAe,GAAGA,CAAA,KACtB,IAAAC,iBAAqB,EAAC;IAAEX,OAAO,EAAEO,cAAc,CAAC;EAAE,CAAC,CAAC;EAEtD,IAAMK,cAAc,GAAAvB,aAAA,KACfT,MAAM,CAACC,IAAI,CAAC,IAAA8B,iBAAqB,EAAC;IAAEX;EAAQ,CAAC,CAAC,CAAC,CAACa,MAAM,CACvD,CAACC,IAAI,EAAEC,OAAO,KAAA1B,aAAA,CAAAA,aAAA,KACTyB,IAAI;IACP,CAACC,OAAO,GAAGC,IAAI,IAAI;MACjB,IAAID,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CAAC,CAACR,cAAc,CAAC,CAAC;MAC3B;MACA,IAAIQ,OAAO,KAAK,mBAAmB,EAAE;QACnC,OAAO,IAAAE,2CAA8B,EAAC;UACpCjB,OAAO,EAAEE;QACX,CAAC,CAAC,CAACgB,YAAY,CAAC,CAAC;MACnB;MACA,OAAOR,eAAe,CAAC,CAAC,CAACK,OAAO,CAAC,CAACC,IAAI,CAAC;IACzC;EAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;EAED,IAAMG,aAAa,GAAG,IAAAF,2CAA8B,EAAC;IACnDjB,OAAO,EAAEE;EACX,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAMkB,YAAY,GAAG,IAAAH,2CAA8B,EAAC;IAClDjB,OAAO,EAAEE;EACX,CAAC,CAAC,CACCmB,gBAAgB,CAAC,CAAC,CAClBlB,aAAa,CAAC,aAAa,CAAC;EAE/B,IAAMmB,WAAW,GAAG,IAAAC,cAAkB,EAAC;IACrCvB,OAAO,EAAEoB,YAAY;IACrBnB;EACF,CAAC,CAAC;EAEF,IAAMuB,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACzB,OAAO;IACvB0B,IAAI,EAAEA,CAAA,KAAM;MACVJ,WAAW,CAACK,KAAK,CAAC,CAAC;MACnBL,WAAW,CAACM,OAAO,CAAC,SAAS,EAAE;QAC7BC,GAAG,EAAE,SAAS;QACdC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAM/B,OAAO,CAACgC,KAAK,CAACC,KAAK;IACnCf,YAAY,EAAEA,CAAA,KAAMC,aAAa,CAACD,YAAY,CAAC,CAAC;IAChDgB,SAAS,EAAEA,CAAA,KACTlC,OAAO,CAACmC,CAAC,iBAAA/B,MAAA,CAAgBC,oBAAS,CAAC+B,gBAAgB,YAAQ;EAC/D,CAAC;EAED,OAAO;IACLX,MAAM,EAAED,MAAM,CAACC,MAAM;IACrBD,MAAM;IACNF,WAAW;IACXV;EACF,CAAC;AACH,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEaI,uBAAuB","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_DatePicker";
+var _namespace_ = "wds_1_170_0_DatePicker";
 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_168_0_DatePicker__root","popover":"wds_1_168_0_DatePicker__popover","input":"wds_1_168_0_DatePicker__input","inputContainer":"wds_1_168_0_DatePicker__inputContainer","calendar":"wds_1_168_0_DatePicker__calendar","footer":"wds_1_168_0_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_170_0_DatePicker__root","popover":"wds_1_170_0_DatePicker__popover","input":"wds_1_170_0_DatePicker__input","inputContainer":"wds_1_170_0_DatePicker__inputContainer","calendar":"wds_1_170_0_DatePicker__calendar","footer":"wds_1_170_0_DatePicker__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Divider";
+var _namespace_ = "wds_1_170_0_Divider";
 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_168_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_170_0_Divider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js

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

package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_SingleAreaGrid";
+var _namespace_ = "wds_1_170_0_SingleAreaGrid";
 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_168_0_SingleAreaGrid__root","title":"wds_1_168_0_SingleAreaGrid__title","sortableGridBase":"wds_1_168_0_SingleAreaGrid__sortableGridBase","item":"wds_1_168_0_SingleAreaGrid__item","handle":"wds_1_168_0_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaGrid__root","title":"wds_1_170_0_SingleAreaGrid__title","sortableGridBase":"wds_1_170_0_SingleAreaGrid__sortableGridBase","item":"wds_1_170_0_SingleAreaGrid__item","handle":"wds_1_170_0_SingleAreaGrid__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_ListWithDelay";
+var _namespace_ = "wds_1_170_0_ListWithDelay";
 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_168_0_ListWithDelay__root","title":"wds_1_168_0_ListWithDelay__title","sortableListBase":"wds_1_168_0_ListWithDelay__sortableListBase","item":"wds_1_168_0_ListWithDelay__item","placeholder":"wds_1_168_0_ListWithDelay__placeholder","preview":"wds_1_168_0_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_170_0_ListWithDelay__root","title":"wds_1_170_0_ListWithDelay__title","sortableListBase":"wds_1_170_0_ListWithDelay__sortableListBase","item":"wds_1_170_0_ListWithDelay__item","placeholder":"wds_1_170_0_ListWithDelay__placeholder","preview":"wds_1_170_0_ListWithDelay__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_MultiAreaList";
+var _namespace_ = "wds_1_170_0_MultiAreaList";
 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_168_0_MultiAreaList__root","item":"wds_1_168_0_MultiAreaList__item","itemPlaceholder":"wds_1_168_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_168_0_MultiAreaList__itemPreview","list":"wds_1_168_0_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaList__root","item":"wds_1_170_0_MultiAreaList__item","itemPlaceholder":"wds_1_170_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaList__itemPreview","list":"wds_1_170_0_MultiAreaList__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_170_0_MultiAreaListPreventDropping";
 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_168_0_MultiAreaListPreventDropping__root","item":"wds_1_168_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_168_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_168_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_168_0_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListPreventDropping__root","item":"wds_1_170_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_170_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_170_0_MultiAreaListPreventDropping__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithInsertionRules";
 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_168_0_MultiAreaListWithInsertionRules__root","item":"wds_1_168_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_168_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_168_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_168_0_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithInsertionRules__root","item":"wds_1_170_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_170_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_170_0_MultiAreaListWithInsertionRules__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithSortableColumns";
 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_168_0_MultiAreaListWithSortableColumns__root","table":"wds_1_168_0_MultiAreaListWithSortableColumns__table","content":"wds_1_168_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_168_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_168_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_168_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_168_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_168_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_168_0_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithSortableColumns__root","table":"wds_1_170_0_MultiAreaListWithSortableColumns__table","content":"wds_1_170_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_170_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_170_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_170_0_MultiAreaListWithSortableColumns__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations";
 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_168_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_168_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_NestableListBase";
+var _namespace_ = "wds_1_170_0_NestableListBase";
 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_168_0_NestableListBase__root","title":"wds_1_168_0_NestableListBase__title","sortableListBase":"wds_1_168_0_NestableListBase__sortableListBase","itemCss":"wds_1_168_0_NestableListBase__itemCss","handle":"wds_1_168_0_NestableListBase__handle","placeholder":"wds_1_168_0_NestableListBase__placeholder","preview":"wds_1_168_0_NestableListBase__preview","item":"wds_1_168_0_NestableListBase__item","container":"wds_1_168_0_NestableListBase__container","topContainer":"wds_1_168_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_170_0_NestableListBase__root","title":"wds_1_170_0_NestableListBase__title","sortableListBase":"wds_1_170_0_NestableListBase__sortableListBase","itemCss":"wds_1_170_0_NestableListBase__itemCss","handle":"wds_1_170_0_NestableListBase__handle","placeholder":"wds_1_170_0_NestableListBase__placeholder","preview":"wds_1_170_0_NestableListBase__preview","item":"wds_1_170_0_NestableListBase__item","container":"wds_1_170_0_NestableListBase__container","topContainer":"wds_1_170_0_NestableListBase__topContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_SingleAreaList";
+var _namespace_ = "wds_1_170_0_SingleAreaList";
 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_168_0_SingleAreaList__root","title":"wds_1_168_0_SingleAreaList__title","sortableListBase":"wds_1_168_0_SingleAreaList__sortableListBase","item":"wds_1_168_0_SingleAreaList__item","handle":"wds_1_168_0_SingleAreaList__handle","placeholder":"wds_1_168_0_SingleAreaList__placeholder","preview":"wds_1_168_0_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaList__root","title":"wds_1_170_0_SingleAreaList__title","sortableListBase":"wds_1_170_0_SingleAreaList__sortableListBase","item":"wds_1_170_0_SingleAreaList__item","handle":"wds_1_170_0_SingleAreaList__handle","placeholder":"wds_1_170_0_SingleAreaList__placeholder","preview":"wds_1_170_0_SingleAreaList__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_168_0_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_170_0_SingleAreaListWithAnimation";
 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_168_0_SingleAreaListWithAnimation__root","title":"wds_1_168_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_168_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_168_0_SingleAreaListWithAnimation__item","handle":"wds_1_168_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_168_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_168_0_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaListWithAnimation__root","title":"wds_1_170_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_170_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_170_0_SingleAreaListWithAnimation__item","handle":"wds_1_170_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_170_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_170_0_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_DragHandle";
+var _namespace_ = "wds_1_170_0_DragHandle";
 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_168_0_DragHandle__root"};
+module.exports.classes = {"root":"wds_1_170_0_DragHandle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_DraggableContainer";
+var _namespace_ = "wds_1_170_0_DraggableContainer";
 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_168_0_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_170_0_DraggableContainer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Dropdown";
+var _namespace_ = "wds_1_170_0_Dropdown";
 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_168_0_Dropdown__root","input":"wds_1_168_0_Input__input","showPointer":"wds_1_168_0_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_170_0_Dropdown__root","input":"wds_1_170_0_Input__input","showPointer":"wds_1_170_0_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_DropdownBase";
+var _namespace_ = "wds_1_170_0_DropdownBase";
 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_168_0_DropdownBase__root","list":"wds_1_168_0_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_170_0_DropdownBase__root","list":"wds_1_170_0_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownLayout/DropdownLayout.js

@@ -14,7 +14,6 @@ var _scrollIntoView = _interopRequireDefault(require("../utils/scrollIntoView"))
 var _DataAttr = require("./DataAttr");
 var _DropdownLayoutSt = require("./DropdownLayout.st.css.js");
 var _filterObject = require("../utils/filterObject");
-var _reactDom = _interopRequireDefault(require("react-dom"));
 var _ListItemSection = require("../ListItemSection");
 var _ListItemSelect = require("../ListItemSelect");
 var _ListItemAction = require("../ListItemAction");
@@ -46,9 +45,9 @@ class DropdownLayout extends _react.PureComponent {
     this.savedOnClicks = [];
     this.children = {};
     this.selectedOption = null;
-    // Deprecated
+    /* @deprecated */
     this._onMouseEventsHandler = e => {
-      if (!this._checkIfEventOnElements(e, [_reactDom.default.findDOMNode(this)])) {
+      if (!this._checkIfEventOnElements(e, [this.containerRef.current])) {
         this._onClickOutside(e);
       }
     };
@@ -288,7 +287,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 699,
+            lineNumber: 695,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
@@ -297,14 +296,14 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 700,
+            lineNumber: 696,
             columnNumber: 13
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 691,
+          lineNumber: 687,
           columnNumber: 7
         }
       }, scrollableElement);
@@ -358,8 +357,6 @@ class DropdownLayout extends _react.PureComponent {
       var hasTitle = option.title;
       return !this._isDivider(option) && !option.disabled && !hasTitle;
     };
-    this.containerRef = /*#__PURE__*/_react.default.createRef();
-    this.optionsRef = /*#__PURE__*/_react.default.createRef();
     this.state = {
       hovered: _DropdownLayout2.NOT_HOVERED_INDEX,
       selectedId: props.selectedId,
@@ -386,7 +383,7 @@ class DropdownLayout extends _react.PureComponent {
     }
     this._markOptionByProperty(this.props);
 
-    // Deprecated
+    /* @deprecated */
     _DropdownLayout2.MOUSE_EVENTS_SUPPORTED.forEach(eventName => {
       document.addEventListener(eventName, this._onMouseEventsHandler, true);
     });
@@ -433,7 +430,7 @@ class DropdownLayout extends _react.PureComponent {
     this._focus(this.focusableItemsIdsList[0]);
   }
 
-  // Deprecated
+  /* @deprecated */
   _checkIfEventOnElements(e, elem) {
     var current = e.target;
     while (current.parentNode) {
@@ -444,7 +441,7 @@ class DropdownLayout extends _react.PureComponent {
     }
     return current !== document;
   }
-  // Deprecated
+  /* @deprecated */
   _renderTopArrow() {
     var {
       withArrow,
@@ -456,7 +453,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 280,
+        lineNumber: 276,
         columnNumber: 7
       }
     }) : null;
@@ -576,7 +573,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 682,
+        lineNumber: 678,
         columnNumber: 19
       }
     }, node) : null;
@@ -603,7 +600,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 741,
+            lineNumber: 737,
             columnNumber: 11
           }
         }, _value)
@@ -620,7 +617,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 752,
+            lineNumber: 750,
             columnNumber: 11
           }
         }, _value)