@wix/design-system 1.150.0 → 1.151.0

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_150_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_151_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_150_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_150_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_151_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_151_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_150_0_NestableListBase";
+var _namespace_ = "wds_1_151_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_150_0_NestableListBase__root","title":"wds_1_150_0_NestableListBase__title","sortableListBase":"wds_1_150_0_NestableListBase__sortableListBase","itemCss":"wds_1_150_0_NestableListBase__itemCss","handle":"wds_1_150_0_NestableListBase__handle","placeholder":"wds_1_150_0_NestableListBase__placeholder","preview":"wds_1_150_0_NestableListBase__preview","item":"wds_1_150_0_NestableListBase__item","container":"wds_1_150_0_NestableListBase__container","topContainer":"wds_1_150_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_151_0_NestableListBase__root","title":"wds_1_151_0_NestableListBase__title","sortableListBase":"wds_1_151_0_NestableListBase__sortableListBase","itemCss":"wds_1_151_0_NestableListBase__itemCss","handle":"wds_1_151_0_NestableListBase__handle","placeholder":"wds_1_151_0_NestableListBase__placeholder","preview":"wds_1_151_0_NestableListBase__preview","item":"wds_1_151_0_NestableListBase__item","container":"wds_1_151_0_NestableListBase__container","topContainer":"wds_1_151_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_150_0_SingleAreaList";
+var _namespace_ = "wds_1_151_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_150_0_SingleAreaList__root","title":"wds_1_150_0_SingleAreaList__title","sortableListBase":"wds_1_150_0_SingleAreaList__sortableListBase","item":"wds_1_150_0_SingleAreaList__item","handle":"wds_1_150_0_SingleAreaList__handle","placeholder":"wds_1_150_0_SingleAreaList__placeholder","preview":"wds_1_150_0_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_151_0_SingleAreaList__root","title":"wds_1_151_0_SingleAreaList__title","sortableListBase":"wds_1_151_0_SingleAreaList__sortableListBase","item":"wds_1_151_0_SingleAreaList__item","handle":"wds_1_151_0_SingleAreaList__handle","placeholder":"wds_1_151_0_SingleAreaList__placeholder","preview":"wds_1_151_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_150_0_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_151_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_150_0_SingleAreaListWithAnimation__root","title":"wds_1_150_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_150_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_150_0_SingleAreaListWithAnimation__item","handle":"wds_1_150_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_150_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_150_0_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_151_0_SingleAreaListWithAnimation__root","title":"wds_1_151_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_151_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_151_0_SingleAreaListWithAnimation__item","handle":"wds_1_151_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_151_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_151_0_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_DragHandle";
+var _namespace_ = "wds_1_151_0_DragHandle";
 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_150_0_DragHandle__root"};
+module.exports.classes = {"root":"wds_1_151_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_150_0_DraggableContainer";
+var _namespace_ = "wds_1_151_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_150_0_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_151_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_150_0_Dropdown";
+var _namespace_ = "wds_1_151_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_150_0_Dropdown__root","input":"wds_1_150_0_Input__input","showPointer":"wds_1_150_0_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_151_0_Dropdown__root","input":"wds_1_151_0_Input__input","showPointer":"wds_1_151_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_150_0_DropdownBase";
+var _namespace_ = "wds_1_151_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_150_0_DropdownBase__root","list":"wds_1_150_0_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_151_0_DropdownBase__root","list":"wds_1_151_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_150_0_DropdownLayout";
+var _namespace_ = "wds_1_151_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_150_0_DropdownLayout__root","heading-h6":"wds_1_150_0_StylableTypography__heading-h6","text-medium-normal":"wds_1_150_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_150_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_150_0_DropdownLayout__contentContainer","options":"wds_1_150_0_DropdownLayout__options","optionsContent":"wds_1_150_0_DropdownLayout__optionsContent","option":"wds_1_150_0_DropdownLayout__option","selectableOption":"wds_1_150_0_DropdownLayout__selectableOption","arrow":"wds_1_150_0_DropdownLayout__arrow","loader":"wds_1_150_0_DropdownLayout__loader","linkItem":"wds_1_150_0_DropdownLayout__linkItem"};
+module.exports.classes = {"root":"wds_1_151_0_DropdownLayout__root","heading-h6":"wds_1_151_0_StylableTypography__heading-h6","text-medium-normal":"wds_1_151_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_151_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_151_0_DropdownLayout__contentContainer","options":"wds_1_151_0_DropdownLayout__options","optionsContent":"wds_1_151_0_DropdownLayout__optionsContent","option":"wds_1_151_0_DropdownLayout__option","selectableOption":"wds_1_151_0_DropdownLayout__selectableOption","arrow":"wds_1_151_0_DropdownLayout__arrow","loader":"wds_1_151_0_DropdownLayout__loader","linkItem":"wds_1_151_0_DropdownLayout__linkItem"};
 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_150_0_Dropzone";
+var _namespace_ = "wds_1_151_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_150_0_Dropzone__root","dropzoneOverlay":"wds_1_150_0_Dropzone__dropzoneOverlay"};
+module.exports.classes = {"root":"wds_1_151_0_Dropzone__root","dropzoneOverlay":"wds_1_151_0_Dropzone__dropzoneOverlay"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_EditableSelector";
+var _namespace_ = "wds_1_151_0_EditableSelector";
 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_150_0_EditableSelector__root","text-medium-normal":"wds_1_150_0_StylableTypography__text-medium-normal","row":"wds_1_150_0_EditableSelector__row","optionMenu":"wds_1_150_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_150_0_EditableSelector__editableSelectorItem","title":"wds_1_150_0_EditableSelector__title","newRowButton":"wds_1_150_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_150_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_150_0_EditableSelector__icon","text":"wds_1_150_0_EditableSelector__text","editableRowContainer":"wds_1_150_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_150_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_150_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_150_0_EditableSelector__editRow","editableRowButtons":"wds_1_150_0_EditableSelector__editableRowButtons"};
+module.exports.classes = {"root":"wds_1_151_0_EditableSelector__root","text-medium-normal":"wds_1_151_0_StylableTypography__text-medium-normal","row":"wds_1_151_0_EditableSelector__row","optionMenu":"wds_1_151_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_151_0_EditableSelector__editableSelectorItem","title":"wds_1_151_0_EditableSelector__title","newRowButton":"wds_1_151_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_151_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_151_0_EditableSelector__icon","text":"wds_1_151_0_EditableSelector__text","editableRowContainer":"wds_1_151_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_151_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_151_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_151_0_EditableSelector__editRow","editableRowButtons":"wds_1_151_0_EditableSelector__editableRowButtons"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_EditableTitle";
+var _namespace_ = "wds_1_151_0_EditableTitle";
 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_150_0_EditableTitle__root","heading-h1":"wds_1_150_0_StylableTypography__heading-h1","heading-xl":"wds_1_150_0_StylableTypography__heading-xl","input":"wds_1_150_0_EditableTitle__input","headingWrapper":"wds_1_150_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_150_0_EditableTitle__activationIndicator","renamingField":"wds_1_150_0_EditableTitle__renamingField","heading":"wds_1_150_0_EditableTitle__heading"};
+module.exports.classes = {"root":"wds_1_151_0_EditableTitle__root","heading-h1":"wds_1_151_0_StylableTypography__heading-h1","heading-xl":"wds_1_151_0_StylableTypography__heading-xl","input":"wds_1_151_0_EditableTitle__input","headingWrapper":"wds_1_151_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_151_0_EditableTitle__activationIndicator","renamingField":"wds_1_151_0_EditableTitle__renamingField","heading":"wds_1_151_0_EditableTitle__heading"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_EmptyState";
+var _namespace_ = "wds_1_151_0_EmptyState";
 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_150_0_EmptyState__root","imageContainer":"wds_1_150_0_EmptyState__imageContainer","childrenContainer":"wds_1_150_0_EmptyState__childrenContainer","container":"wds_1_150_0_EmptyState__container","imageElement":"wds_1_150_0_EmptyState__imageElement","titleContainer":"wds_1_150_0_EmptyState__titleContainer","title":"wds_1_150_0_EmptyState__title","sectionTitle":"wds_1_150_0_EmptyState__sectionTitle","subtitle":"wds_1_150_0_EmptyState__subtitle","subtitleContainer":"wds_1_150_0_EmptyState__subtitleContainer"};
+module.exports.classes = {"root":"wds_1_151_0_EmptyState__root","imageContainer":"wds_1_151_0_EmptyState__imageContainer","childrenContainer":"wds_1_151_0_EmptyState__childrenContainer","container":"wds_1_151_0_EmptyState__container","imageElement":"wds_1_151_0_EmptyState__imageElement","titleContainer":"wds_1_151_0_EmptyState__titleContainer","title":"wds_1_151_0_EmptyState__title","sectionTitle":"wds_1_151_0_EmptyState__sectionTitle","subtitle":"wds_1_151_0_EmptyState__subtitle","subtitleContainer":"wds_1_151_0_EmptyState__subtitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_FacesRatingBar";
+var _namespace_ = "wds_1_151_0_FacesRatingBar";
 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_150_0_FacesRatingBar__root","buttonWrapper":"wds_1_150_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_150_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_150_0_FacesRatingBar__faceIcon"};
+module.exports.classes = {"root":"wds_1_151_0_FacesRatingBar__root","buttonWrapper":"wds_1_151_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_151_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_151_0_FacesRatingBar__faceIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_FeatureList";
+var _namespace_ = "wds_1_151_0_FeatureList";
 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_150_0_FeatureList__root","featureItem":"wds_1_150_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_150_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_150_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_150_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_150_0_FeatureList__featureItemTitleContainer"};
+module.exports.classes = {"root":"wds_1_151_0_FeatureList__root","featureItem":"wds_1_151_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_151_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_151_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_151_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_151_0_FeatureList__featureItemTitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_FieldSet";
+var _namespace_ = "wds_1_151_0_FieldSet";
 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_150_0_FieldSet__root","children":"wds_1_150_0_FieldSet__children","labelIndicators":"wds_1_150_0_FieldSet__labelIndicators","labelRow":"wds_1_150_0_FieldSet__labelRow","labelRowMain":"wds_1_150_0_FieldSet__labelRowMain","suffixRow":"wds_1_150_0_FieldSet__suffixRow","visuallyHidden":"wds_1_150_0_FieldSet__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_151_0_FieldSet__root","children":"wds_1_151_0_FieldSet__children","labelIndicators":"wds_1_151_0_FieldSet__labelIndicators","labelRow":"wds_1_151_0_FieldSet__labelRow","labelRowMain":"wds_1_151_0_FieldSet__labelRowMain","suffixRow":"wds_1_151_0_FieldSet__suffixRow","visuallyHidden":"wds_1_151_0_FieldSet__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Asterisk/Asterisk.st.css.js

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

package/dist/cjs/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js

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

package/dist/cjs/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js

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

package/dist/cjs/FieldSet/components/Label/Label.st.css.js

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

package/dist/cjs/FieldSet/components/StatusMessage/StatusMessage.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_150_0_StatusMessage";
+var _namespace_ = "wds_1_151_0_StatusMessage";
 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_150_0_StatusMessage__root","statusIcon":"wds_1_150_0_StatusMessage__statusIcon"};
+module.exports.classes = {"root":"wds_1_151_0_StatusMessage__root","statusIcon":"wds_1_151_0_StatusMessage__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Suffix/Suffix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_150_0_Suffix";
+var _namespace_ = "wds_1_151_0_Suffix";
 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_150_0_Suffix__root","charCount":"wds_1_150_0_Suffix__charCount"};
+module.exports.classes = {"root":"wds_1_151_0_Suffix__root","charCount":"wds_1_151_0_Suffix__charCount"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_150_0_FilePicker";
+var _namespace_ = "wds_1_151_0_FilePicker";
 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_150_0_FilePicker__root","content":"wds_1_150_0_FilePicker__content","label":"wds_1_150_0_FilePicker__label","info":"wds_1_150_0_FilePicker__info","icon":"wds_1_150_0_FilePicker__icon"};
+module.exports.classes = {"root":"wds_1_151_0_FilePicker__root","content":"wds_1_151_0_FilePicker__content","label":"wds_1_151_0_FilePicker__label","info":"wds_1_151_0_FilePicker__info","icon":"wds_1_151_0_FilePicker__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FileUpload/FileUpload.constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = exports.CAPTURE = void 0;
+var prefix = 'file-upload';
+var dataHooks = exports.dataHooks = {
+  input: "".concat(prefix, "-input")
+};
+var CAPTURE = exports.CAPTURE = {
+  user: 'user',
+  environment: 'environment',
+  none: 'none'
+};
+//# sourceMappingURL=FileUpload.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","exports","input","concat","CAPTURE","user","environment","none"],"sources":["../../../src/FileUpload/FileUpload.constants.ts"],"sourcesContent":["const prefix = 'file-upload';\n\nexport const dataHooks = {\n  input: `${prefix}-input`,\n};\n\nexport const CAPTURE = {\n  user: 'user',\n  environment: 'environment',\n  none: 'none',\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,aAAa;AAErB,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,KAAK,KAAAC,MAAA,CAAKJ,MAAM;AAClB,CAAC;AAEM,IAAMK,OAAO,GAAAH,OAAA,CAAAG,OAAA,GAAG;EACrBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE;AACR,CAAU","ignoreList":[]}

package/dist/cjs/FileUpload/FileUpload.js

@@ -1,105 +1,59 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("./constants");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/FileUpload/FileUpload.js";
-/** A wrapper component to support native file upload */
-class FileUpload extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.inputRef = /*#__PURE__*/_react.default.createRef();
-  }
-  render() {
-    var {
-      dataHook,
-      className,
-      children,
-      multiple,
-      accept,
-      capture,
-      name,
-      onChange: _onChange
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("label", {
-      className: className,
-      "data-hook": dataHook,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 7
-      }
-    }, children({
-      openFileUploadDialog: event => {
-        // Open the file upload dialog
-        this.inputRef.current.click();
-
-        // In case the click event comes from a non-button element
-        if (event) {
-          event.preventDefault();
-        }
-      }
-    }), /*#__PURE__*/_react.default.createElement("input", {
-      type: "file",
-      "data-hook": _constants.dataHooks.input,
-      style: {
-        display: 'none'
-      },
-      ref: this.inputRef,
-      multiple: multiple,
-      accept: accept,
-      capture: capture === 'none' ? null : capture,
-      name: name,
-      onChange: event => _onChange(event.target.files),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 38,
-        columnNumber: 9
-      }
-    }));
-  }
-}
-FileUpload.displayName = 'FileUpload';
-FileUpload.propTypes = {
-  /** Applies a data-hook HTML attribute that can be used in tests. */
-  dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
-  className: _propTypes.default.string,
-  /** Accepts any kind of component as a child item that calls out the file picker.
-   * ##### Syntax:
-   * function({ openFileUpload }): element
-   * * `openFileUpload`: A function that will open a file upload dialog when triggered.
-   * * return: A react element
-   */
-  children: _propTypes.default.func.isRequired,
-  /** Allows you to select and upload multiple files at once. */
-  multiple: _propTypes.default.bool,
-  /** Defines which file types to accept (i.e. .jpeg, .gif, .png). Each format should be separated by a comma. */
-  accept: _propTypes.default.string,
-  /** Specifies that a new file should be captured and which camera to use to capture the image or video data.
-   * `Use user` for the user-facing camera and `environment`  for the outward-facing camera.
-   * ##### Note: This only works on mobile devices;
-   * If your device is a desktop computer, you'll get a standard file picker.
-   * */
-  capture: _propTypes.default.oneOf(['user', 'environment', 'none']),
-  /** Specifies a form data name to be submitted along with the control value. */
-  name: _propTypes.default.string,
-  /** Defines a standard input onChange callback. */
-  onChange: _propTypes.default.func.isRequired
-};
-FileUpload.defaultProps = {
-  multiple: false,
-  accept: '',
-  capture: 'user',
-  onChange: () => {}
+var _react = _interopRequireWildcard(require("react"));
+var _FileUpload = require("./FileUpload.constants");
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/FileUpload/FileUpload.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var FileUpload = _ref => {
+  var {
+    dataHook,
+    className,
+    children,
+    multiple = false,
+    accept = '',
+    capture = _FileUpload.CAPTURE.user,
+    name,
+    onChange: _onChange = () => {}
+  } = _ref;
+  var inputRef = (0, _react.useRef)(null);
+  var openFileUploadDialog = event => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) == null || _inputRef$current.click();
+    event.preventDefault();
+  };
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: className,
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }, children({
+    openFileUploadDialog
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "file",
+    "data-hook": _FileUpload.dataHooks.input,
+    style: {
+      display: 'none'
+    },
+    ref: inputRef,
+    multiple: multiple,
+    accept: accept,
+    capture: capture === 'none' ? undefined : capture,
+    name: name,
+    onChange: e => _onChange(e.target.files),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 7
+    }
+  }));
 };
 var _default = exports.default = FileUpload;
 //# sourceMappingURL=FileUpload.js.map