@wix/design-system 1.193.0 → 1.195.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_193_0_ColorPickerHue";
+var _namespace_ = "wds_1_195_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_193_0_ColorPickerHue__root","handle":"wds_1_193_0_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_195_0_ColorPickerHue__root","handle":"wds_1_195_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_193_0_ComposerButton";
+var _namespace_ = "wds_1_195_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_193_0_ComposerButton__root","tooltip":"wds_1_193_0_ComposerButton__tooltip","label":"wds_1_193_0_ComposerButton__label","iconContainer":"wds_1_193_0_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_195_0_ComposerButton__root","tooltip":"wds_1_195_0_ComposerButton__tooltip","label":"wds_1_195_0_ComposerButton__label","iconContainer":"wds_1_195_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_193_0_ComposerHeader";
+var _namespace_ = "wds_1_195_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_193_0_ComposerHeader__root","container":"wds_1_193_0_ComposerHeader__container","actions":"wds_1_193_0_ComposerHeader__actions","saveStatus":"wds_1_193_0_ComposerHeader__saveStatus","mainActions":"wds_1_193_0_ComposerHeader__mainActions","backButton":"wds_1_193_0_ComposerHeader__backButton","divider":"wds_1_193_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_195_0_ComposerHeader__root","container":"wds_1_195_0_ComposerHeader__container","actions":"wds_1_195_0_ComposerHeader__actions","saveStatus":"wds_1_195_0_ComposerHeader__saveStatus","mainActions":"wds_1_195_0_ComposerHeader__mainActions","backButton":"wds_1_195_0_ComposerHeader__backButton","divider":"wds_1_195_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_193_0_ComposerSidebar";
+var _namespace_ = "wds_1_195_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_193_0_ComposerSidebar__root","defaultScrollBar":"wds_1_193_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_193_0_ComposerSidebar__sectionContainer","section":"wds_1_193_0_ComposerSidebar__section","itemsContainer":"wds_1_193_0_ComposerSidebar__itemsContainer","title":"wds_1_193_0_ComposerSidebar__title","item":"wds_1_193_0_ComposerSidebar__item","sidebarItemButton":"wds_1_193_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_195_0_ComposerSidebar__root","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_195_0_ComposerSidebar__sectionContainer","section":"wds_1_195_0_ComposerSidebar__section","itemsContainer":"wds_1_195_0_ComposerSidebar__itemsContainer","title":"wds_1_195_0_ComposerSidebar__title","item":"wds_1_195_0_ComposerSidebar__item","sidebarItemButton":"wds_1_195_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_193_0_CornerRadiusInput";
+var _namespace_ = "wds_1_195_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_193_0_CornerRadiusInput__root","linkingButton":"wds_1_193_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_193_0_CornerRadiusInput__topLeft","topRight":"wds_1_193_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_193_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_193_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_193_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_195_0_CornerRadiusInput__root","linkingButton":"wds_1_195_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_195_0_CornerRadiusInput__topLeft","topRight":"wds_1_195_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_195_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_195_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_195_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_193_0_CounterBadge";
+var _namespace_ = "wds_1_195_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_193_0_CounterBadge__root","text":"wds_1_193_0_CounterBadge__text","caption":"wds_1_193_0_CounterBadge__caption","numberContent":"wds_1_193_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_195_0_CounterBadge__root","text":"wds_1_195_0_CounterBadge__text","caption":"wds_1_195_0_CounterBadge__caption","numberContent":"wds_1_195_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_193_0_CustomModalLayout";
+var _namespace_ = "wds_1_195_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_193_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_195_0_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,10 +6,10 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Input = _interopRequireDefault(require("../Input/Input.driver"));
 var _Calendar = _interopRequireDefault(require("../Calendar/Calendar.driver"));
-var _PopoverNext = require("../PopoverNext/PopoverNext.driver");
 var _constants = require("./constants");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+//FIXME: use PopoverNext legacy driver
 /** @deprecated use datePickerUniDriverFactory instead  */
 var datePickerDriverFactory = _ref => {
   var {
@@ -17,7 +17,14 @@ var datePickerDriverFactory = _ref => {
     eventTrigger
   } = _ref;
   var popoverElement = element.querySelector("[data-hook=\"".concat(_constants.dataHooks.datePickerPopover, "\"]"));
+  var popoverTrigger = () => {
+    return element.querySelector("[data-hook=\"".concat(_constants.dataHooks.datePickerPopover, "-trigger\"]"));
+  };
   var popoverContent = () => document.body.querySelector("[data-hook=\"".concat(_constants.dataHooks.datePickerPopover, "-content\"]"));
+  var clickOutside = () => {
+    document.dispatchEvent(new Event('mousedown'));
+    document.dispatchEvent(new Event('mouseup'));
+  };
   var calendarTestkit = () => (0, _Calendar.default)({
     element: popoverContent()
   });
@@ -29,23 +36,16 @@ var datePickerDriverFactory = _ref => {
         return !!popoverContent();
       }
       if (current === 'mouseClickOutside') {
-        return (0, _PopoverNext.popoverNextLegacyDriverFactory)({
-          element: popoverElement
-        }).clickOutside();
+        return clickOutside();
       }
       return calendarTestkit()[current](args);
     }
   }), {}));
-  var popoverDriver = (0, _PopoverNext.popoverNextLegacyDriverFactory)({
-    element: popoverElement
-  });
 
   // here we have a dirty hack for getting input element directly
   // this is not the best way to do it, but knowing that we exposed
   // input datahook - we cannot change this for now.
-  var inputElement = (0, _PopoverNext.popoverNextLegacyDriverFactory)({
-    element: popoverElement
-  }).getTargetElement().querySelector('[data-size]');
+  var inputElement = popoverTrigger().querySelector('[data-size]');
   var inputDriver = (0, _Input.default)({
     element: inputElement,
     eventTrigger
@@ -60,7 +60,7 @@ var datePickerDriverFactory = _ref => {
       });
     },
     getWidth: () => element.style.width,
-    clickOutside: () => popoverDriver.clickOutside(),
+    clickOutside,
     getFooter: () => element.$("[data-hook=\"".concat(_constants.dataHooks.datePickerFooter, "\"] > *"))
   };
   return {

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(\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":"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","ignoreList":[]}
+{"version":3,"names":["_Input","_interopRequireDefault","require","_Calendar","_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","popoverTrigger","popoverContent","document","body","clickOutside","dispatchEvent","Event","calendarTestkit","calendarDriverFactory","calendarDriver","reduce","prev","current","args","inputElement","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 { dataHooks } from './constants';\n\n//FIXME: use PopoverNext legacy driver\n/** @deprecated use datePickerUniDriverFactory instead  */\nconst datePickerDriverFactory = ({ element, eventTrigger }) => {\n  const popoverElement = element.querySelector(\n    `[data-hook=\"${dataHooks.datePickerPopover}\"]`,\n  );\n\n  const popoverTrigger = () => {\n    return element.querySelector(\n      `[data-hook=\"${dataHooks.datePickerPopover}-trigger\"]`\n    );\n  };\n\n  const popoverContent = () =>\n    document.body.querySelector(\n      `[data-hook=\"${dataHooks.datePickerPopover}-content\"]`,\n    );\n\n  const clickOutside = () => {\n    document.dispatchEvent(new Event('mousedown'));\n    document.dispatchEvent(new Event('mouseup'));\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 clickOutside();\n          }\n          return calendarTestkit()[current](args);\n        },\n      }),\n      {},\n    ),\n  };\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 = popoverTrigger().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,\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":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_DatePicker";
+var _namespace_ = "wds_1_195_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_193_0_DatePicker__root","popover":"wds_1_193_0_DatePicker__popover","input":"wds_1_193_0_DatePicker__input","inputContainer":"wds_1_193_0_DatePicker__inputContainer","calendar":"wds_1_193_0_DatePicker__calendar","footer":"wds_1_193_0_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_195_0_DatePicker__root","popover":"wds_1_195_0_DatePicker__popover","input":"wds_1_195_0_DatePicker__input","inputContainer":"wds_1_195_0_DatePicker__inputContainer","calendar":"wds_1_195_0_DatePicker__calendar","footer":"wds_1_195_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_193_0_Divider";
+var _namespace_ = "wds_1_195_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_193_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_IntroductionExample";
+var _namespace_ = "wds_1_195_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_193_0_IntroductionExample__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_SingleAreaGrid";
+var _namespace_ = "wds_1_195_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_193_0_SingleAreaGrid__root","title":"wds_1_193_0_SingleAreaGrid__title","sortableGridBase":"wds_1_193_0_SingleAreaGrid__sortableGridBase","item":"wds_1_193_0_SingleAreaGrid__item","handle":"wds_1_193_0_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_195_0_SingleAreaGrid__root","title":"wds_1_195_0_SingleAreaGrid__title","sortableGridBase":"wds_1_195_0_SingleAreaGrid__sortableGridBase","item":"wds_1_195_0_SingleAreaGrid__item","handle":"wds_1_195_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_193_0_ListWithDelay";
+var _namespace_ = "wds_1_195_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_193_0_ListWithDelay__root","title":"wds_1_193_0_ListWithDelay__title","sortableListBase":"wds_1_193_0_ListWithDelay__sortableListBase","item":"wds_1_193_0_ListWithDelay__item","placeholder":"wds_1_193_0_ListWithDelay__placeholder","preview":"wds_1_193_0_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_195_0_ListWithDelay__root","title":"wds_1_195_0_ListWithDelay__title","sortableListBase":"wds_1_195_0_ListWithDelay__sortableListBase","item":"wds_1_195_0_ListWithDelay__item","placeholder":"wds_1_195_0_ListWithDelay__placeholder","preview":"wds_1_195_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_193_0_MultiAreaList";
+var _namespace_ = "wds_1_195_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_193_0_MultiAreaList__root","item":"wds_1_193_0_MultiAreaList__item","itemPlaceholder":"wds_1_193_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_193_0_MultiAreaList__itemPreview","list":"wds_1_193_0_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_195_0_MultiAreaList__root","item":"wds_1_195_0_MultiAreaList__item","itemPlaceholder":"wds_1_195_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_195_0_MultiAreaList__itemPreview","list":"wds_1_195_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_193_0_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_195_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_193_0_MultiAreaListPreventDropping__root","item":"wds_1_193_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_193_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_193_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_193_0_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_195_0_MultiAreaListPreventDropping__root","item":"wds_1_195_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_195_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_195_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_195_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_193_0_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_195_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_193_0_MultiAreaListWithInsertionRules__root","item":"wds_1_193_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_193_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_193_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_193_0_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_195_0_MultiAreaListWithInsertionRules__root","item":"wds_1_195_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_195_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_195_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_195_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_193_0_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_195_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_193_0_MultiAreaListWithSortableColumns__root","table":"wds_1_193_0_MultiAreaListWithSortableColumns__table","content":"wds_1_193_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_193_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_193_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_193_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_193_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_193_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_193_0_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_195_0_MultiAreaListWithSortableColumns__root","table":"wds_1_195_0_MultiAreaListWithSortableColumns__table","content":"wds_1_195_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_195_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_195_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_195_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_195_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_195_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_195_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_193_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_195_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_193_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_193_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_195_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_195_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_193_0_NestableListBase";
+var _namespace_ = "wds_1_195_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_193_0_NestableListBase__root","title":"wds_1_193_0_NestableListBase__title","sortableListBase":"wds_1_193_0_NestableListBase__sortableListBase","itemCss":"wds_1_193_0_NestableListBase__itemCss","handle":"wds_1_193_0_NestableListBase__handle","placeholder":"wds_1_193_0_NestableListBase__placeholder","preview":"wds_1_193_0_NestableListBase__preview","item":"wds_1_193_0_NestableListBase__item","container":"wds_1_193_0_NestableListBase__container","topContainer":"wds_1_193_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_195_0_NestableListBase__root","title":"wds_1_195_0_NestableListBase__title","sortableListBase":"wds_1_195_0_NestableListBase__sortableListBase","itemCss":"wds_1_195_0_NestableListBase__itemCss","handle":"wds_1_195_0_NestableListBase__handle","placeholder":"wds_1_195_0_NestableListBase__placeholder","preview":"wds_1_195_0_NestableListBase__preview","item":"wds_1_195_0_NestableListBase__item","container":"wds_1_195_0_NestableListBase__container","topContainer":"wds_1_195_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_193_0_SingleAreaList";
+var _namespace_ = "wds_1_195_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_193_0_SingleAreaList__root","title":"wds_1_193_0_SingleAreaList__title","sortableListBase":"wds_1_193_0_SingleAreaList__sortableListBase","item":"wds_1_193_0_SingleAreaList__item","handle":"wds_1_193_0_SingleAreaList__handle","placeholder":"wds_1_193_0_SingleAreaList__placeholder","preview":"wds_1_193_0_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_195_0_SingleAreaList__root","title":"wds_1_195_0_SingleAreaList__title","sortableListBase":"wds_1_195_0_SingleAreaList__sortableListBase","item":"wds_1_195_0_SingleAreaList__item","handle":"wds_1_195_0_SingleAreaList__handle","placeholder":"wds_1_195_0_SingleAreaList__placeholder","preview":"wds_1_195_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_193_0_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_195_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_193_0_SingleAreaListWithAnimation__root","title":"wds_1_193_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_193_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_193_0_SingleAreaListWithAnimation__item","handle":"wds_1_193_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_193_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_193_0_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_195_0_SingleAreaListWithAnimation__root","title":"wds_1_195_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_195_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_195_0_SingleAreaListWithAnimation__item","handle":"wds_1_195_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_195_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_195_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_193_0_DragHandle";
+var _namespace_ = "wds_1_195_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_193_0_DragHandle__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_DraggableContainer";
+var _namespace_ = "wds_1_195_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_193_0_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_Dropdown";
+var _namespace_ = "wds_1_195_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_193_0_Dropdown__root","input":"wds_1_193_0_Input__input","showPointer":"wds_1_193_0_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_195_0_Dropdown__root","input":"wds_1_195_0_Input__input","showPointer":"wds_1_195_0_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_DropdownBase";
+var _namespace_ = "wds_1_195_0_DropdownBase";
 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_193_0_DropdownBase__root","list":"wds_1_193_0_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_195_0_DropdownBase__root","list":"wds_1_195_0_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_DropdownLayout";
+var _namespace_ = "wds_1_195_0_DropdownLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_DropdownLayout__root","heading-h6":"wds_1_193_0_StylableTypography__heading-h6","text-medium-normal":"wds_1_193_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_193_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_193_0_DropdownLayout__contentContainer","options":"wds_1_193_0_DropdownLayout__options","optionsContent":"wds_1_193_0_DropdownLayout__optionsContent","option":"wds_1_193_0_DropdownLayout__option","selectableOption":"wds_1_193_0_DropdownLayout__selectableOption","arrow":"wds_1_193_0_DropdownLayout__arrow","loader":"wds_1_193_0_DropdownLayout__loader","linkItem":"wds_1_193_0_DropdownLayout__linkItem","dropdownOption":"wds_1_193_0_DropdownLayout__dropdownOption"};
+module.exports.classes = {"root":"wds_1_195_0_DropdownLayout__root","heading-h6":"wds_1_195_0_StylableTypography__heading-h6","text-medium-normal":"wds_1_195_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_195_0_DropdownLayout__contentContainer","options":"wds_1_195_0_DropdownLayout__options","optionsContent":"wds_1_195_0_DropdownLayout__optionsContent","option":"wds_1_195_0_DropdownLayout__option","selectableOption":"wds_1_195_0_DropdownLayout__selectableOption","arrow":"wds_1_195_0_DropdownLayout__arrow","loader":"wds_1_195_0_DropdownLayout__loader","linkItem":"wds_1_195_0_DropdownLayout__linkItem","dropdownOption":"wds_1_195_0_DropdownLayout__dropdownOption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Dropzone";
+var _namespace_ = "wds_1_195_0_Dropzone";
 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_193_0_Dropzone__root","dropzoneOverlay":"wds_1_193_0_Dropzone__dropzoneOverlay"};
+module.exports.classes = {"root":"wds_1_195_0_Dropzone__root","dropzoneOverlay":"wds_1_195_0_Dropzone__dropzoneOverlay"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};