@wix/design-system 1.142.0 → 1.143.0

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToastContainer";
+var _namespace_ = "wds_1_143_0_ToastContainer";
 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_142_0_ToastContainer__root"};
+export var classes = {"root":"wds_1_143_0_ToastContainer__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleButton";
+var _namespace_ = "wds_1_143_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_142_0_ToggleButton__root","label":"wds_1_142_0_ToggleButton__label","icon":"wds_1_142_0_ToggleButton__icon","labelContainer":"wds_1_142_0_ToggleButton__labelContainer","tooltip":"wds_1_142_0_ToggleButton__tooltip"};
+export var classes = {"root":"wds_1_143_0_ToggleButton__root","label":"wds_1_143_0_ToggleButton__label","icon":"wds_1_143_0_ToggleButton__icon","labelContainer":"wds_1_143_0_ToggleButton__labelContainer","tooltip":"wds_1_143_0_ToggleButton__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -10,7 +10,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleSwitch";
+var _namespace_ = "wds_1_143_0_ToggleSwitch";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_142_0_ToggleSwitch__root"};
+export var classes = {"root":"wds_1_143_0_ToggleSwitch__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_143_0_ToggleSwitchCore";
 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_142_0_ToggleSwitchCore__root","input":"wds_1_142_0_ToggleSwitchCore__input","track":"wds_1_142_0_ToggleSwitchCore__track","knob":"wds_1_142_0_ToggleSwitchCore__knob","knobIcon":"wds_1_142_0_ToggleSwitchCore__knobIcon"};
+export var classes = {"root":"wds_1_143_0_ToggleSwitchCore__root","input":"wds_1_143_0_ToggleSwitchCore__input","track":"wds_1_143_0_ToggleSwitchCore__track","knob":"wds_1_143_0_ToggleSwitchCore__knob","knobIcon":"wds_1_143_0_ToggleSwitchCore__knobIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_143_0_ToggleSwitchCoreColor";
 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_142_0_ToggleSwitchCoreColor__root"};
+export var classes = {"root":"wds_1_143_0_ToggleSwitchCoreColor__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_143_0_ToggleSwitchCoreLayout";
 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_142_0_ToggleSwitchCoreLayout__root"};
+export var classes = {"root":"wds_1_143_0_ToggleSwitchCoreLayout__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_143_0_ToggleSwitchCoreStyle";
 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_142_0_ToggleSwitchCoreStyle__root"};
+export var classes = {"root":"wds_1_143_0_ToggleSwitchCoreStyle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Tooltip/Tooltip.js

@@ -3,8 +3,9 @@ import PropTypes from 'prop-types';
 import Popover from '../Popover';
 import RawText from '../Text/RawText';
 import { dataHooks, TIMEOUT } from './constants';
+import { ZIndex } from '../common/ZIndex/constants';
 import { st, classes } from './Tooltip.st.css.js';
-const Tooltip = forwardRef(({ onShow = () => ({}), onHide = () => ({}), size = 'medium', className, placement = 'top', exitDelay = 0, enterDelay = 0, moveArrowTo, appendTo = 'window', flip = true, fixed = false, maxWidth = 204, fluid, moveBy, disabled, children, zIndex = 6000, textAlign = 'start', content = '', inline, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, interactive = true, ...rest }, ref) => {
+const Tooltip = forwardRef(({ onShow = () => ({}), onHide = () => ({}), size = 'medium', className, placement = 'top', exitDelay = 0, enterDelay = 0, moveArrowTo, appendTo = 'window', flip = true, fixed = false, maxWidth = 204, fluid, moveBy, disabled, children, zIndex = ZIndex.tooltip, textAlign = 'start', content = '', inline, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, interactive = true, ...rest }, ref) => {
     const [shown, setShown] = useState(false);
     useImperativeHandle(ref, () => ({ open, close }));
     const open = useCallback(() => {

package/dist/esm/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_Tooltip";
+var _namespace_ = "wds_1_143_0_Tooltip";
 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_142_0_Tooltip__root","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_142_0_StylableTypography__text-tiny-thin","text":"wds_1_142_0_Tooltip__text"};
+export var classes = {"root":"wds_1_143_0_Tooltip__root","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_143_0_StylableTypography__text-tiny-thin","text":"wds_1_143_0_Tooltip__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TopBanner/TopBanner.constants.js

@@ -0,0 +1,6 @@
+export const dataHooks = {
+    dismissButton: 'top-banner-dismiss-button',
+    content: 'top-banner-content',
+    action: 'top-banner-action-container',
+};
+//# sourceMappingURL=TopBanner.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBanner.constants.js","sourceRoot":"","sources":["../../../src/TopBanner/TopBanner.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,aAAa,EAAE,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB;IAC7B,MAAM,EAAE,6BAA6B;CACtC,CAAC"}

package/dist/esm/TopBanner/TopBanner.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import CloseButton from '../CloseButton';
+import { Text } from '..';
+import { dataHooks } from './TopBanner.constants';
+import { ActionLink } from './components/ActionLink/ActionLink';
+import { ActionButton } from './components/ActionButton/ActionButton';
+import { st, classes } from './TopBanner.st.css.js';
+import { ZIndex } from '../common/ZIndex/constants';
+const TopBanner = ({ dismissible = true, dismissLabel, zIndex, position = 'static', onDismiss, action, dataHook, className, children, }) => (React.createElement("div", { "data-hook": dataHook, role: "status", "aria-live": "polite", style: { zIndex: zIndex ?? ZIndex.topBanner }, className: st(classes.root, { dismissible, position }, className) },
+    React.createElement("div", { className: classes.contentContainer },
+        React.createElement(Text, { light: true, size: "medium", weight: "normal", dataHook: dataHooks.content }, children),
+        action && (React.createElement("div", { className: classes.action, "data-hook": dataHooks.action }, action))),
+    dismissible && (React.createElement(CloseButton, { dataHook: dataHooks.dismissButton, skin: "lightFilled", size: "medium", "aria-label": dismissLabel, onClick: onDismiss }))));
+TopBanner.displayName = 'TopBanner';
+TopBanner.ActionButton = ActionButton;
+TopBanner.ActionLink = ActionLink;
+export default TopBanner;
+//# sourceMappingURL=TopBanner.js.map

package/dist/esm/TopBanner/TopBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBanner.js","sourceRoot":"","sources":["../../../src/TopBanner/TopBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,MAAM,SAAS,GAAG,CAAC,EACjB,WAAW,GAAG,IAAI,EAClB,YAAY,EACZ,MAAM,EACN,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,GACO,EAAE,EAAE,CAAC,CACpB,0CACa,QAAQ,EACnB,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,EAC7C,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC;IAEjE,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB;QACtC,oBAAC,IAAI,IAAC,KAAK,QAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,SAAS,CAAC,OAAO,IAClE,QAAQ,CACJ;QACN,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,eAAa,SAAS,CAAC,MAAM,IACxD,MAAM,CACH,CACP,CACG;IAEL,WAAW,IAAI,CACd,oBAAC,WAAW,IACV,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,QAAQ,gBACD,YAAY,EACxB,OAAO,EAAE,SAAS,GAClB,CACH,CACG,CACP,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AACtC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;AAElC,eAAe,SAAS,CAAC"}

package/dist/esm/TopBanner/TopBanner.meta.js

@@ -0,0 +1,14 @@
+// This object should contain a mock value for each required prop of this component
+export const requiredProps = {};
+const props = { ...requiredProps };
+// This array should contain an object only for tests you wish to run on all compliance tests
+const sharedTests = [
+    {
+        title: 'render',
+        props,
+    },
+];
+export const testkitTests = [...sharedTests];
+export const ssrTests = [...sharedTests];
+export const a11yTests = [...sharedTests];
+//# sourceMappingURL=TopBanner.meta.js.map

package/dist/esm/TopBanner/TopBanner.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBanner.meta.js","sourceRoot":"","sources":["../../../src/TopBanner/TopBanner.meta.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAAmB,EAAE,CAAC;AAEhD,MAAM,KAAK,GAAmB,EAAE,GAAG,aAAa,EAAE,CAAC;AAEnD,6FAA6F;AAC7F,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK;KACN;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+
+
+import "../Foundation/stylable/colors.st.css.js";
+import "../Foundation/stylable/spacing.st.css.js";
+import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_143_0_TopBanner";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_143_0_TopBanner__root","contentContainer":"wds_1_143_0_TopBanner__contentContainer","action":"wds_1_143_0_TopBanner__action"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-color-purple-200":"--wds-color-purple-200","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-space-150":"--wds-space-150","wds-space-200":"--wds-space-200"}; 
+
+
+
+

package/dist/esm/TopBanner/TopBanner.story.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import TopBanner from './TopBanner';
+import Page from '../Page';
+import Button from '../Button';
+import { More } from '@wix/wix-ui-icons-common';
+import { Breadcrumbs, Card, CloseButton, IconButton, Modal, Text } from '..';
+const meta = {
+    title: 'TopBanner',
+    component: TopBanner,
+};
+export default meta;
+const commonProps = {
+    dismissible: true,
+    dismissLabel: 'dismiss-label',
+    position: 'sticky',
+    dataHook: 'top-banner',
+    action: React.createElement(TopBanner.ActionButton, null, "Upgrade"),
+    children: 'Upgrade your site to start accepting payments.',
+};
+export const Basic = () => React.createElement(TopBanner, { ...commonProps });
+export const InPage = () => (React.createElement("div", { style: { height: '800px', overflow: 'scroll', position: 'relative' } },
+    React.createElement(TopBanner, { ...commonProps }),
+    React.createElement(Page, { height: "1600px" },
+        React.createElement(Page.Header, { title: "Page Title", breadcrumbs: React.createElement(Breadcrumbs, { items: [
+                    { id: 0, value: 'Page Name' },
+                    { id: 1, value: 'Page title' },
+                ] }), subtitle: "I\u2019m a relatively long subtitle to fill this space in.", actionsBar: React.createElement("div", { style: { display: 'flex', gap: 6 } },
+                React.createElement(IconButton, { style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    } },
+                    React.createElement(More, null)),
+                React.createElement(Button, { skin: "light" }, "Button"),
+                React.createElement(Button, { skin: "standard" }, "Button")) }),
+        React.createElement(Page.Content, null,
+            React.createElement(Text, null, "This is text")))));
+export const InModal = () => {
+    return (React.createElement(Modal, { isOpen: true },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(Card.Header, { suffix: React.createElement(CloseButton, null), title: "Title", subtitle: "I\u2019m a relatively long subtitle to fill this space in." }),
+            React.createElement(Card.Content, null,
+                React.createElement("div", { style: { overflow: 'scroll', height: '400px' } },
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(TopBanner, { ...commonProps }),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"),
+                    React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"))))));
+};
+export const WithCustomContent = () => {
+    return (React.createElement("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            backgroundColor: 'red',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        React.createElement(TopBanner, { ...commonProps },
+            React.createElement("div", { style: { display: 'flex', gap: '6px', width: '100%' } },
+                React.createElement("div", { style: {
+                        backgroundColor: 'purple',
+                        width: '70%',
+                        padding: '3px',
+                        borderRadius: '3px',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    } }, "Lorem ipsum dolor, sit amet consectetur adipisicing elit."),
+                React.createElement("div", { style: {
+                        backgroundColor: 'pink',
+                        width: '30%',
+                        padding: '3px',
+                        borderRadius: '3px',
+                    } }, "Lorem ipsum dolor, sit amet consectetur adipisicing elit.")))));
+};
+//# sourceMappingURL=TopBanner.story.js.map

package/dist/esm/TopBanner/TopBanner.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBanner.story.js","sourceRoot":"","sources":["../../../src/TopBanner/TopBanner.story.tsx"],"names":[],"mappings":"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"}

package/dist/esm/TopBanner/TopBanner.types.js

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

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

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

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

@@ -0,0 +1,16 @@
+import { baseUniDriverFactory, findByHook, } from '../utils/test-utils/unidriver';
+import { dataHooks } from './TopBanner.constants';
+export const topBannerDriverFactory = (base) => {
+    const dismissButton = findByHook(base, dataHooks.dismissButton);
+    const content = findByHook(base, dataHooks.content);
+    return {
+        ...baseUniDriverFactory(base),
+        /** Gets the content of top banner. */
+        getContent: () => content.text(),
+        /** Checks if the dismiss button exists. */
+        hasDismissButton: () => dismissButton.exists(),
+        /** Clicks the dismiss button */
+        clickDismissButton: () => dismissButton.click(),
+    };
+};
+//# sourceMappingURL=TopBanner.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBanner.uni.driver.js","sourceRoot":"","sources":["../../../src/TopBanner/TopBanner.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAe,EAAE,EAAE;IACxD,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAEpD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,sCAAsC;QACtC,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;QAEhC,2CAA2C;QAC3C,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE;QAE9C,gCAAgC;QAChC,kBAAkB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/TopBanner/components/ActionButton/ActionButton.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import Button from '../../../Button';
+export const ActionButton = ({ dataHook, onClick, children, }) => (React.createElement(Button, { skin: "transparent", dataHook: dataHook, size: "small", onClick: onClick }, children));
+//# sourceMappingURL=ActionButton.js.map

package/dist/esm/TopBanner/components/ActionButton/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../../src/TopBanner/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IACzE,QAAQ,CACF,CACV,CAAC"}

package/dist/esm/TopBanner/components/ActionButton/ActionButton.types.js

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

package/dist/esm/TopBanner/components/ActionButton/ActionButton.types.js.map

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

package/dist/esm/TopBanner/components/ActionButton/ActionButton.uni.driver.js

@@ -0,0 +1,9 @@
+import { baseUniDriverFactory } from '../../../utils/test-utils/unidriver';
+export const actionButtonDriverFactory = (base) => {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Returns button label */
+        getLabel: () => base.text(),
+    };
+};
+//# sourceMappingURL=ActionButton.uni.driver.js.map

package/dist/esm/TopBanner/components/ActionButton/ActionButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.uni.driver.js","sourceRoot":"","sources":["../../../../../src/TopBanner/components/ActionButton/ActionButton.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAe,EAAE,EAAE;IAE3D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,2BAA2B;QAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KAC5B,CAAC;AACJ,CAAC,CAAA"}

package/dist/esm/TopBanner/components/ActionLink/ActionLink.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import TextButton from '../../../TextButton';
+export const ActionLink = ({ dataHook, as, onClick, children, }) => (React.createElement(TextButton, { skin: "light", underline: "always", dataHook: dataHook, as: as, onClick: onClick }, children));
+//# sourceMappingURL=ActionLink.js.map

package/dist/esm/TopBanner/components/ActionLink/ActionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.js","sourceRoot":"","sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,EAAE,EACF,OAAO,EACP,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,IAEf,QAAQ,CACE,CACd,CAAC"}

package/dist/esm/TopBanner/components/ActionLink/ActionLink.types.js

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

package/dist/esm/TopBanner/components/ActionLink/ActionLink.types.js.map

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

package/dist/esm/TopBanner/components/ActionLink/ActionLink.uni.driver.js

@@ -0,0 +1,9 @@
+import { baseUniDriverFactory } from '../../../utils/test-utils/unidriver';
+export const actionLinkDriverFactory = (base) => {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Returns link label */
+        getLabel: () => base.text(),
+    };
+};
+//# sourceMappingURL=ActionLink.uni.driver.js.map

package/dist/esm/TopBanner/components/ActionLink/ActionLink.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.uni.driver.js","sourceRoot":"","sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAe,EAAE,EAAE;IACzD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,yBAAyB;QACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KAC5B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/TopBanner/index.js

@@ -0,0 +1,2 @@
+export { default } from './TopBanner';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TopBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_TrendIndicator";
+var _namespace_ = "wds_1_143_0_TrendIndicator";
 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_142_0_TrendIndicator__root","caption":"wds_1_142_0_TrendIndicator__caption","icon":"wds_1_142_0_TrendIndicator__icon"};
+export var classes = {"root":"wds_1_143_0_TrendIndicator__root","caption":"wds_1_143_0_TrendIndicator__caption","icon":"wds_1_143_0_TrendIndicator__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_VariableInput";
+var _namespace_ = "wds_1_143_0_VariableInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_142_0_VariableInput__root","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_142_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_142_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_142_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_142_0_VariableInput__tagWrapper","textWrapper":"wds_1_142_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_142_0_VariableInput__indicatorWrapper"};
+export var classes = {"root":"wds_1_143_0_VariableInput__root","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_143_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_143_0_VariableInput__tagWrapper","textWrapper":"wds_1_143_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_143_0_VariableInput__indicatorWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_142_0_VariableInput-rows","rowHeight":"--wds_1_142_0_VariableInput-rowHeight","contentHeight":"--wds_1_142_0_VariableInput-contentHeight"}; 
+export var vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_143_0_VariableInput-rows","rowHeight":"--wds_1_143_0_VariableInput-rowHeight","contentHeight":"--wds_1_143_0_VariableInput-contentHeight"}; 
 
 
 

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_VerticalTabsItem";
+var _namespace_ = "wds_1_143_0_VerticalTabsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_142_0_VerticalTabsItem__root","title":"wds_1_142_0_VerticalTabsItem__title","selectableItem":"wds_1_142_0_VerticalTabsItem__selectableItem","text":"wds_1_142_0_VerticalTabsItem__text","textButton":"wds_1_142_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_142_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_142_0_VerticalTabsItem__suffixIcon"};
+export var classes = {"root":"wds_1_143_0_VerticalTabsItem__root","title":"wds_1_143_0_VerticalTabsItem__title","selectableItem":"wds_1_143_0_VerticalTabsItem__selectableItem","text":"wds_1_143_0_VerticalTabsItem__text","textButton":"wds_1_143_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_143_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_143_0_VerticalTabsItem__suffixIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_142_0_VerticalTabsItem-focus-ring-inset"}; 
+export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_143_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_WixDesignSystemProvider";
+var _namespace_ = "wds_1_143_0_WixDesignSystemProvider";
 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_142_0_WixDesignSystemProvider__root","mobile":"wds_1_142_0_WixDesignSystemProvider__mobile"};
+export var classes = {"root":"wds_1_143_0_WixDesignSystemProvider__root","mobile":"wds_1_143_0_WixDesignSystemProvider__mobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/WixDesignSystemProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_142_0_madefor";
+var _namespace_ = "wds_1_143_0_madefor";
 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_142_0_madefor__root","madefor":"wds_1_142_0_madefor__madefor"};
+export var classes = {"root":"wds_1_143_0_madefor__root","madefor":"wds_1_143_0_madefor__madefor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};