@wix/design-system 1.149.2 → 1.151.0

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FilePicker";
+var _namespace_ = "wds_1_151_0_FilePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FilePicker__root","content":"wds_1_149_2_FilePicker__content","label":"wds_1_149_2_FilePicker__label","info":"wds_1_149_2_FilePicker__info","icon":"wds_1_149_2_FilePicker__icon"};
+export var 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"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FileUpload/FileUpload.constants.js

@@ -0,0 +1,10 @@
+const prefix = 'file-upload';
+export const dataHooks = {
+    input: `${prefix}-input`,
+};
+export const CAPTURE = {
+    user: 'user',
+    environment: 'environment',
+    none: 'none',
+};
+//# sourceMappingURL=FileUpload.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.constants.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,aAAa,CAAC;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/dist/esm/FileUpload/FileUpload.js

@@ -1,63 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { dataHooks } from './constants';
-/** A wrapper component to support native file upload */
-class FileUpload extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this.inputRef = React.createRef();
-    }
-    render() {
-        const { dataHook, className, children, multiple, accept, capture, name, onChange, } = this.props;
-        return (React.createElement("label", { className: className, "data-hook": dataHook },
-            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();
-                    }
-                },
-            }),
-            React.createElement("input", { type: "file", "data-hook": 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) })));
-    }
-}
-FileUpload.displayName = 'FileUpload';
-FileUpload.propTypes = {
-    /** Applies a data-hook HTML attribute that can be used in tests. */
-    dataHook: PropTypes.string,
-    /** Specifies a CSS class name to be appended to the component’s root element.
-     * @internal
-     */
-    className: PropTypes.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.func.isRequired,
-    /** Allows you to select and upload multiple files at once. */
-    multiple: PropTypes.bool,
-    /** Defines which file types to accept (i.e. .jpeg, .gif, .png). Each format should be separated by a comma. */
-    accept: PropTypes.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.oneOf(['user', 'environment', 'none']),
-    /** Specifies a form data name to be submitted along with the control value. */
-    name: PropTypes.string,
-    /** Defines a standard input onChange callback. */
-    onChange: PropTypes.func.isRequired,
-};
-FileUpload.defaultProps = {
-    multiple: false,
-    accept: '',
-    capture: 'user',
-    onChange: () => { },
+import React, { useRef } from 'react';
+import { CAPTURE, dataHooks } from './FileUpload.constants';
+const FileUpload = ({ dataHook, className, children, multiple = false, accept = '', capture = CAPTURE.user, name, onChange = () => { }, }) => {
+    const inputRef = useRef(null);
+    const openFileUploadDialog = (event) => {
+        inputRef.current?.click();
+        event.preventDefault();
+    };
+    return (React.createElement("label", { className: className, "data-hook": dataHook },
+        children({
+            openFileUploadDialog,
+        }),
+        React.createElement("input", { type: "file", "data-hook": dataHooks.input, style: { display: 'none' }, ref: inputRef, multiple: multiple, accept: accept, capture: capture === 'none' ? undefined : capture, name: name, onChange: e => onChange(e.target.files) })));
 };
 export default FileUpload;
 //# sourceMappingURL=FileUpload.js.map

package/dist/esm/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,wDAAwD;AACxD,MAAM,UAAW,SAAQ,KAAK,CAAC,aAAa;IAC1C,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACpC,CAAC;IACD,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,+BAAO,SAAS,EAAE,SAAS,eAAa,QAAQ;YAC7C,QAAQ,CAAC;gBACR,oBAAoB,EAAE,KAAK,CAAC,EAAE;oBAC5B,8BAA8B;oBAC9B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBAE9B,0DAA0D;oBAC1D,IAAI,KAAK,EAAE,CAAC;wBACV,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,CAAC;gBACH,CAAC;aACF,CAAC;YAGF,+BACE,IAAI,EAAC,MAAM,eACA,SAAS,CAAC,KAAK,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAC5C,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,CACI,CACT,CAAC;IACJ,CAAC;CACF;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,SAAS,GAAG;IACrB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC,MAAM;IAE1B;;OAEG;IAEH,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAEnC,8DAA8D;IAC9D,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,+GAA+G;IAC/G,MAAM,EAAE,SAAS,CAAC,MAAM;IAExB;;;;SAIK;IACL,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;IAEzD,+EAA+E;IAC/E,IAAI,EAAE,SAAS,CAAC,MAAM;IAEtB,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,OAAO,CAAC,IAAI,EACtB,IAAI,EACJ,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACH,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,oBAAoB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACvD,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,+BAAO,SAAS,EAAE,SAAS,eAAa,QAAQ;QAC7C,QAAQ,CAAC;YACR,oBAAoB;SACrB,CAAC;QAEF,+BACE,IAAI,EAAC,MAAM,eACA,SAAS,CAAC,KAAK,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACjD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACvC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/FileUpload/FileUpload.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileUpload.types.js.map

package/dist/esm/FileUpload/FileUpload.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.types.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.types.ts"],"names":[],"mappings":""}

package/dist/esm/FileUpload/FileUpload.uni.driver.js

@@ -1,7 +1,7 @@
 import { baseUniDriverFactory } from '../utils/test-utils/unidriver';
-export const fileUploadDriverFactory = (base, body) => {
+export const fileUploadDriverFactory = (base) => {
     return {
-        ...baseUniDriverFactory(base, body),
+        ...baseUniDriverFactory(base),
     };
 };
 //# sourceMappingURL=FileUpload.uni.driver.js.map

package/dist/esm/FileUpload/FileUpload.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.uni.driver.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACpD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;KACpC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"FileUpload.uni.driver.js","sourceRoot":"","sources":["../../../src/FileUpload/FileUpload.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAIrE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,IAAe,EACM,EAAE;IACvB,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;KAC9B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/FileUpload/index.js

@@ -1,2 +1,3 @@
-export { default } from './FileUpload.js';
+export { default } from './FileUpload';
+export * from './FileUpload.types';
 //# sourceMappingURL=index.js.map

package/dist/esm/FileUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FileUpload/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,oBAAoB,CAAC"}

package/dist/esm/FillButton/FillButton.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FillButton";
+var _namespace_ = "wds_1_151_0_FillButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FillButton__root","proportion":"wds_1_149_2_FillButton__proportion"};
+export var classes = {"root":"wds_1_151_0_FillButton__root","proportion":"wds_1_151_0_FillButton__proportion"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FillPreview/FillPreview.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FillPreview";
+var _namespace_ = "wds_1_151_0_FillPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FillPreview__root","button":"wds_1_149_2_FillPreview__button"};
+export var classes = {"root":"wds_1_151_0_FillPreview__root","button":"wds_1_151_0_FillPreview__button"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FloatingHelper/FloatingHelper.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FloatingHelper";
+var _namespace_ = "wds_1_151_0_FloatingHelper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FloatingHelper__root","closeButton":"wds_1_149_2_FloatingHelper__closeButton","innerContent":"wds_1_149_2_FloatingHelper__innerContent"};
+export var classes = {"root":"wds_1_151_0_FloatingHelper__root","closeButton":"wds_1_151_0_FloatingHelper__closeButton","innerContent":"wds_1_151_0_FloatingHelper__innerContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FloatingHelperContent";
+var _namespace_ = "wds_1_151_0_FloatingHelperContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FloatingHelperContent__root","title":"wds_1_149_2_FloatingHelperContent__title","action":"wds_1_149_2_FloatingHelperContent__action","image":"wds_1_149_2_FloatingHelperContent__image","footer":"wds_1_149_2_FloatingHelperContent__footer"};
+export var classes = {"root":"wds_1_151_0_FloatingHelperContent__root","title":"wds_1_151_0_FloatingHelperContent__title","action":"wds_1_151_0_FloatingHelperContent__action","image":"wds_1_151_0_FloatingHelperContent__image","footer":"wds_1_151_0_FloatingHelperContent__footer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FloatingNotification/FloatingNotification.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FloatingNotification";
+var _namespace_ = "wds_1_151_0_FloatingNotification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FloatingNotification__root","icon":"wds_1_149_2_FloatingNotification__icon","text":"wds_1_149_2_FloatingNotification__text","textButton":"wds_1_149_2_FloatingNotification__textButton","button":"wds_1_149_2_FloatingNotification__button","gap":"wds_1_149_2_FloatingNotification__gap","close":"wds_1_149_2_FloatingNotification__close"};
+export var classes = {"root":"wds_1_151_0_FloatingNotification__root","icon":"wds_1_151_0_FloatingNotification__icon","text":"wds_1_151_0_FloatingNotification__text","textButton":"wds_1_151_0_FloatingNotification__textButton","button":"wds_1_151_0_FloatingNotification__button","gap":"wds_1_151_0_FloatingNotification__gap","close":"wds_1_151_0_FloatingNotification__close"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FormField/FormField.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FormField";
+var _namespace_ = "wds_1_151_0_FormField";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FormField__root","text-small-thin":"wds_1_149_2_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_149_2_StylableTypography__text-tiny-thin","label":"wds_1_149_2_FormField__label","suffix":"wds_1_149_2_FormField__suffix","children":"wds_1_149_2_FormField__children","statusMessage":"wds_1_149_2_FormField__statusMessage","labelRow":"wds_1_149_2_FormField__labelRow","labelRowMain":"wds_1_149_2_FormField__labelRowMain","asterisk":"wds_1_149_2_FormField__asterisk","charCount":"wds_1_149_2_FormField__charCount","infoIcon":"wds_1_149_2_FormField__infoIcon","statusIcon":"wds_1_149_2_FormField__statusIcon"};
+export var classes = {"root":"wds_1_151_0_FormField__root","text-small-thin":"wds_1_151_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_151_0_StylableTypography__text-tiny-thin","label":"wds_1_151_0_FormField__label","suffix":"wds_1_151_0_FormField__suffix","children":"wds_1_151_0_FormField__children","statusMessage":"wds_1_151_0_FormField__statusMessage","labelRow":"wds_1_151_0_FormField__labelRow","labelRowMain":"wds_1_151_0_FormField__labelRowMain","asterisk":"wds_1_151_0_FormField__asterisk","charCount":"wds_1_151_0_FormField__charCount","infoIcon":"wds_1_151_0_FormField__infoIcon","statusIcon":"wds_1_151_0_FormField__statusIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/border.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_border";
+var _namespace_ = "wds_1_151_0_border";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_border__root"};
+export var classes = {"root":"wds_1_151_0_border__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/breakpoints.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_breakpoints";
+var _namespace_ = "wds_1_151_0_breakpoints";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_breakpoints__root"};
+export var classes = {"root":"wds_1_151_0_breakpoints__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/colors.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_colors";
+var _namespace_ = "wds_1_151_0_colors";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_colors__root"};
+export var classes = {"root":"wds_1_151_0_colors__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/default-scroll-bar.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_defaultscrollbar";
+var _namespace_ = "wds_1_151_0_defaultscrollbar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_defaultscrollbar__root","defaultScrollBar":"wds_1_149_2_defaultscrollbar__defaultScrollBar"};
+export var classes = {"root":"wds_1_151_0_defaultscrollbar__root","defaultScrollBar":"wds_1_151_0_defaultscrollbar__defaultScrollBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/easing.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_easing";
+var _namespace_ = "wds_1_151_0_easing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_easing__root"};
+export var classes = {"root":"wds_1_151_0_easing__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/gradients.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_gradients";
+var _namespace_ = "wds_1_151_0_gradients";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_gradients__root"};
+export var classes = {"root":"wds_1_151_0_gradients__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/opacity.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_opacity";
+var _namespace_ = "wds_1_151_0_opacity";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_opacity__root"};
+export var classes = {"root":"wds_1_151_0_opacity__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/shadows.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_shadows";
+var _namespace_ = "wds_1_151_0_shadows";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_shadows__root"};
+export var classes = {"root":"wds_1_151_0_shadows__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/spacing.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_spacing";
+var _namespace_ = "wds_1_151_0_spacing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_spacing__root"};
+export var classes = {"root":"wds_1_151_0_spacing__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/typography.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_StylableTypography";
+var _namespace_ = "wds_1_151_0_StylableTypography";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_StylableTypography__root","text-extra-tiny-thin":"wds_1_149_2_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_149_2_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_149_2_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_149_2_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_149_2_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_149_2_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_149_2_StylableTypography__text-small-thin","text-small-normal":"wds_1_149_2_StylableTypography__text-small-normal","text-small-bold":"wds_1_149_2_StylableTypography__text-small-bold","text-medium-thin":"wds_1_149_2_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_149_2_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_149_2_StylableTypography__text-medium-bold","heading-h1":"wds_1_149_2_StylableTypography__heading-h1","heading-h2":"wds_1_149_2_StylableTypography__heading-h2","heading-h3":"wds_1_149_2_StylableTypography__heading-h3","heading-h4":"wds_1_149_2_StylableTypography__heading-h4","heading-h5":"wds_1_149_2_StylableTypography__heading-h5","heading-h6":"wds_1_149_2_StylableTypography__heading-h6","heading-xl":"wds_1_149_2_StylableTypography__heading-xl","heading-l":"wds_1_149_2_StylableTypography__heading-l","heading-m":"wds_1_149_2_StylableTypography__heading-m","heading-s":"wds_1_149_2_StylableTypography__heading-s","heading-t":"wds_1_149_2_StylableTypography__heading-t","heading-xt":"wds_1_149_2_StylableTypography__heading-xt","caption-1":"wds_1_149_2_StylableTypography__caption-1"};
+export var classes = {"root":"wds_1_151_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_151_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_151_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_151_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_151_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_151_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_151_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_151_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_151_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_151_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_151_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_151_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_151_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_151_0_StylableTypography__heading-h1","heading-h2":"wds_1_151_0_StylableTypography__heading-h2","heading-h3":"wds_1_151_0_StylableTypography__heading-h3","heading-h4":"wds_1_151_0_StylableTypography__heading-h4","heading-h5":"wds_1_151_0_StylableTypography__heading-h5","heading-h6":"wds_1_151_0_StylableTypography__heading-h6","heading-xl":"wds_1_151_0_StylableTypography__heading-xl","heading-l":"wds_1_151_0_StylableTypography__heading-l","heading-m":"wds_1_151_0_StylableTypography__heading-m","heading-s":"wds_1_151_0_StylableTypography__heading-s","heading-t":"wds_1_151_0_StylableTypography__heading-t","heading-xt":"wds_1_151_0_StylableTypography__heading-xt","caption-1":"wds_1_151_0_StylableTypography__caption-1"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/z-index.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_zindex";
+var _namespace_ = "wds_1_151_0_zindex";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_zindex__root"};
+export var classes = {"root":"wds_1_151_0_zindex__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FunnelBadge";
+var _namespace_ = "wds_1_151_0_FunnelBadge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FunnelBadge__root","badge":"wds_1_149_2_FunnelBadge__badge","badgeText":"wds_1_149_2_FunnelBadge__badgeText","badgeContent":"wds_1_149_2_FunnelBadge__badgeContent","darkBadge":"wds_1_149_2_FunnelBadge__darkBadge"};
+export var classes = {"root":"wds_1_151_0_FunnelBadge__root","badge":"wds_1_151_0_FunnelBadge__badge","badgeText":"wds_1_151_0_FunnelBadge__badgeText","badgeContent":"wds_1_151_0_FunnelBadge__badgeContent","darkBadge":"wds_1_151_0_FunnelBadge__darkBadge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelBar/FunnelBar.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FunnelBar";
+var _namespace_ = "wds_1_151_0_FunnelBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FunnelBar__root","filledBar":"wds_1_149_2_FunnelBar__filledBar"};
+export var classes = {"root":"wds_1_151_0_FunnelBar__root","filledBar":"wds_1_151_0_FunnelBar__filledBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelChart.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FunnelChart";
+var _namespace_ = "wds_1_151_0_FunnelChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FunnelChart__root","funnel":"wds_1_149_2_FunnelChart__funnel","labels":"wds_1_149_2_FunnelChart__labels","labelWrapper":"wds_1_149_2_FunnelChart__labelWrapper"};
+export var classes = {"root":"wds_1_151_0_FunnelChart__root","funnel":"wds_1_151_0_FunnelChart__funnel","labels":"wds_1_151_0_FunnelChart__labels","labelWrapper":"wds_1_151_0_FunnelChart__labelWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelLabel/FunnelLabel.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FunnelLabel";
+var _namespace_ = "wds_1_151_0_FunnelLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FunnelLabel__root"};
+export var classes = {"root":"wds_1_151_0_FunnelLabel__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelStep/FunnelStep.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_FunnelStep";
+var _namespace_ = "wds_1_151_0_FunnelStep";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_FunnelStep__root","funnelStep":"wds_1_149_2_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_149_2_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_149_2_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_149_2_FunnelStep__badgeWrapper"};
+export var classes = {"root":"wds_1_151_0_FunnelStep__root","funnelStep":"wds_1_151_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_151_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_151_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_151_0_FunnelStep__badgeWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/GoogleAddressInput/GoogleAddressInput.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_GoogleAddressInput";
+var _namespace_ = "wds_1_151_0_GoogleAddressInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_GoogleAddressInput__root","googleFooter":"wds_1_149_2_GoogleAddressInput__googleFooter"};
+export var classes = {"root":"wds_1_151_0_GoogleAddressInput__root","googleFooter":"wds_1_151_0_GoogleAddressInput__googleFooter"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/GooglePreview/GooglePreview.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_2_GooglePreview";
+var _namespace_ = "wds_1_151_0_GooglePreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_2_GooglePreview__root","googlePreviewTitle":"wds_1_149_2_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_149_2_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_149_2_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_149_2_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_149_2_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_149_2_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_149_2_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_149_2_GooglePreview__googlePreviewFaviconBox"};
+export var classes = {"root":"wds_1_151_0_GooglePreview__root","googlePreviewTitle":"wds_1_151_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_151_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_151_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_151_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_151_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_151_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_151_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_151_0_GooglePreview__googlePreviewFaviconBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};