@wix/design-system 1.194.0 → 1.195.0

package/dist/esm/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_195_0_RichTextInputAreaForm";
 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_194_0_RichTextInputAreaForm__root","footer":"wds_1_194_0_RichTextInputAreaForm__footer"};
+export var classes = {"root":"wds_1_195_0_RichTextInputAreaForm__root","footer":"wds_1_195_0_RichTextInputAreaForm__footer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_RichTextInputArea";
+var _namespace_ = "wds_1_195_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_194_0_RichTextInputArea__root","text-medium-thin":"wds_1_194_0_StylableTypography__text-medium-thin","font-medium":"wds_1_194_0_RichTextInputArea__font-medium","link":"wds_1_194_0_RichTextInputArea__link","toolbar":"wds_1_194_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_194_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_194_0_RichTextInputArea__statusIndicator"};
+export var classes = {"root":"wds_1_195_0_RichTextInputArea__root","text-medium-thin":"wds_1_195_0_StylableTypography__text-medium-thin","font-medium":"wds_1_195_0_RichTextInputArea__font-medium","link":"wds_1_195_0_RichTextInputArea__link","toolbar":"wds_1_195_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_195_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_195_0_RichTextInputArea__statusIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #A8CAFF))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))"}; 
-export var vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-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-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","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","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_194_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_194_0_RichTextInputArea-maxHeight"}; 
+export var vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-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-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","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","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_195_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_195_0_RichTextInputArea-maxHeight"}; 
 
 
 

package/dist/esm/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_195_0_RichTextToolbarButton";
 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_194_0_RichTextToolbarButton__root","button":"wds_1_194_0_RichTextToolbarButton__button"};
+export var classes = {"root":"wds_1_195_0_RichTextToolbarButton__root","button":"wds_1_195_0_RichTextToolbarButton__button"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_Search";
+var _namespace_ = "wds_1_195_0_Search";
 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_194_0_Search__root","content":"wds_1_194_0_Search__content"};
+export var classes = {"root":"wds_1_195_0_Search__root","content":"wds_1_195_0_Search__content"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SectionHeader";
+var _namespace_ = "wds_1_195_0_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_194_0_SectionHeader__root","title":"wds_1_194_0_SectionHeader__title","titleText":"wds_1_194_0_SectionHeader__titleText","suffix":"wds_1_194_0_SectionHeader__suffix"};
+export var classes = {"root":"wds_1_195_0_SectionHeader__root","title":"wds_1_195_0_SectionHeader__title","titleText":"wds_1_195_0_SectionHeader__titleText","suffix":"wds_1_195_0_SectionHeader__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_194_0_SectionHeader-color-bg","color-border":"--wds_1_194_0_SectionHeader-color-border"}; 
+export var vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_195_0_SectionHeader-color-bg","color-border":"--wds_1_195_0_SectionHeader-color-border"}; 
 
 
 

package/dist/esm/SectionHelper/SectionHelper.js

@@ -4,24 +4,26 @@ import { InfoCircle, StatusAlert, StatusComplete, StatusWarning, } from '@wix/wi
 import Text from '../Text';
 import Button from '../Button';
 import CloseButton from '../CloseButton';
-import { APPEARANCE, dataHooks, LAYOUT, SIZE, BORDER } from './constants';
+import { SKIN, dataHooks, LAYOUT, SIZE, BORDER } from './constants';
 import { classes, st } from './SectionHelper.st.css.js';
 import { WixDesignSystemContext } from '../WixDesignSystemProvider/context';
 const DEFAULT_ICONS = {
-    [APPEARANCE.Standard]: React.createElement(InfoCircle, null),
-    [APPEARANCE.Success]: React.createElement(StatusComplete, null),
-    [APPEARANCE.Warning]: React.createElement(StatusWarning, null),
-    [APPEARANCE.Danger]: React.createElement(StatusAlert, null),
-    [APPEARANCE.Premium]: React.createElement(InfoCircle, null),
-    [APPEARANCE.Preview]: React.createElement(InfoCircle, null),
-    [APPEARANCE.ExperimentalDark]: React.createElement(InfoCircle, null),
+    [SKIN.Standard]: React.createElement(InfoCircle, null),
+    [SKIN.Success]: React.createElement(StatusComplete, null),
+    [SKIN.Warning]: React.createElement(StatusWarning, null),
+    [SKIN.Danger]: React.createElement(StatusAlert, null),
+    [SKIN.Premium]: React.createElement(InfoCircle, null),
+    [SKIN.Preview]: React.createElement(InfoCircle, null),
+    [SKIN.ExperimentalDark]: React.createElement(InfoCircle, null),
 };
-const SectionHelper = ({ dataHook, showCloseButton = false, onClose, onAction, actionText, appearance = APPEARANCE.Warning, title, size = SIZE.Medium, fullWidth = false, children, layout = LAYOUT.Vertical, border = BORDER.Standard, showPrefixIcon = false, prefixIcon, }) => {
-    const isExperimentalDark = appearance === APPEARANCE.ExperimentalDark;
+const SectionHelper = ({ dataHook, showCloseButton = false, onClose, onAction, actionText, appearance = SKIN.Warning, // TODO: add default to skin prop once appearance is removed
+title, size = SIZE.Medium, fullWidth = false, children, layout = LAYOUT.Vertical, border = BORDER.Standard, showPrefixIcon = false, prefixIcon, ...props }) => {
+    const skin = props.skin || appearance;
+    const isExperimentalDark = skin === SKIN.ExperimentalDark;
     const { newColorsBranding } = useContext(WixDesignSystemContext);
-    const icon = showPrefixIcon && (prefixIcon ?? DEFAULT_ICONS[appearance]);
-    return (React.createElement("div", { "data-hook": dataHook, "data-appearance": appearance, className: st(classes.root, {
-            appearance,
+    const icon = showPrefixIcon && (prefixIcon ?? DEFAULT_ICONS[skin]);
+    return (React.createElement("div", { "data-hook": dataHook, "data-skin": skin, className: st(classes.root, {
+            skin,
             withCloseBtn: showCloseButton,
             fullWidth,
             size,
@@ -51,6 +53,15 @@ SectionHelper.propTypes = {
         'preview',
         'experimentalDark',
     ]),
+    skin: PropTypes.oneOf([
+        'warning',
+        'standard',
+        'danger',
+        'success',
+        'premium',
+        'preview',
+        'experimentalDark',
+    ]),
     title: PropTypes.node,
     size: PropTypes.oneOf(['small', 'medium']),
     showCloseButton: PropTypes.bool,

package/dist/esm/SectionHelper/SectionHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHelper.js","sourceRoot":"","sources":["../../../src/SectionHelper/SectionHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,aAAa,GACd,MAAM,0BAA0B,CAAC;AAElC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAM5E,MAAM,aAAa,GAAqD;IACtE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,oBAAC,UAAU,OAAG;IACrC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,oBAAC,cAAc,OAAG;IACxC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,oBAAC,aAAa,OAAG;IACvC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,oBAAC,WAAW,OAAG;IACpC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,oBAAC,UAAU,OAAG;IACpC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,oBAAC,UAAU,OAAG;IACpC,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,oBAAC,UAAU,OAAG;CAC9C,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,KAAK,EACL,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,MAAM,GAAG,MAAM,CAAC,QAAQ,EACxB,MAAM,GAAG,MAAM,CAAC,QAAQ,EACxB,cAAc,GAAG,KAAK,EACtB,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,kBAAkB,GAAG,UAAU,KAAK,UAAU,CAAC,gBAAgB,CAAC;IACtE,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,IAAI,GAAG,cAAc,IAAI,CAAC,UAAU,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,0CACa,QAAQ,qBACF,UAAU,EAC3B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,UAAU;YACV,YAAY,EAAE,eAAe;YAC7B,SAAS;YACT,IAAI;YACJ,iBAAiB;YACjB,MAAM;YACN,SAAS,EAAE,cAAc;SAC1B,CAAC;QAED,eAAe,IAAI,CAClB,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;YACzC,oBAAC,WAAW,IACV,QAAQ,EAAE,SAAS,CAAC,WAAW,EAC/B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC3C,OAAO,EAAE,OAAO,GAChB,CACE,CACP;QAEA,IAAI,IAAI,CACP,oBAAC,IAAI,IACH,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAC7B,KAAK,EAAE,kBAAkB,IAExB,IAAI,CACA,CACR;QAED,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACnD,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC;gBACtC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,OAAO,CAAC,KAAK;oBAC3B,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,IAEZ,KAAK,CACD,CACH,CACP;gBAED,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,kBAAkB,IAExB,QAAQ,CACJ,CACH;YAEL,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAC7B,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC9C,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACtD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,SAAS,CAAC,YAAY,IAE/B,UAAU,CACJ,CACV,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC;QAC1B,SAAS;QACT,UAAU;QACV,QAAQ;QACR,SAAS;QACT,SAAS;QACT,SAAS;QACT,kBAAkB;KACnB,CAAC;IACF,KAAK,EAAE,SAAS,CAAC,IAAI;IACrB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1C,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IACnD,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAClD,cAAc,EAAE,SAAS,CAAC,GAAG;IAC7B,UAAU,EAAE,SAAS,CAAC,GAAG;CAC1B,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SectionHelper.js","sourceRoot":"","sources":["../../../src/SectionHelper/SectionHelper.tsx"],"names":[],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SectionHelper";
+var _namespace_ = "wds_1_195_0_SectionHelper";
 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_194_0_SectionHelper__root","content":"wds_1_194_0_SectionHelper__content","close":"wds_1_194_0_SectionHelper__close","prefix":"wds_1_194_0_SectionHelper__prefix","textContainer":"wds_1_194_0_SectionHelper__textContainer","title":"wds_1_194_0_SectionHelper__title","action":"wds_1_194_0_SectionHelper__action","text":"wds_1_194_0_SectionHelper__text"};
+export var classes = {"root":"wds_1_195_0_SectionHelper__root","content":"wds_1_195_0_SectionHelper__content","close":"wds_1_195_0_SectionHelper__close","prefix":"wds_1_195_0_SectionHelper__prefix","textContainer":"wds_1_195_0_SectionHelper__textContainer","title":"wds_1_195_0_SectionHelper__title","action":"wds_1_195_0_SectionHelper__action","text":"wds_1_195_0_SectionHelper__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,10 +1,10 @@
 import { baseUniDriverFactory, findByHook, } from '../utils/test-utils/unidriver';
 import { buttonDriverFactory } from '../Button/Button.uni.driver';
-import { APPEARANCE, dataHooks } from './constants';
+import { SKIN, dataHooks } from './constants';
 export const sectionHelperUniDriverFactory = (base) => {
     const actionButtonDriver = () => buttonDriverFactory(base.$(`[data-hook="${dataHooks.actionButton}"]`));
     const closeButtonDriver = () => buttonDriverFactory(base.$(`[data-hook="${dataHooks.closeButton}"]`));
-    const hasAppearance = async (appearance) => (await base.attr('data-appearance')) === appearance;
+    const hasSkin = async (skin) => (await base.attr('data-skin')) === skin;
     const getPrefix = () => findByHook(base, dataHooks.prefix);
     return {
         ...baseUniDriverFactory(base),
@@ -47,37 +47,37 @@ export const sectionHelperUniDriverFactory = (base) => {
          * Checks whether the component appears as "warning"
          * @return {Promise<boolean>}
          */
-        isWarning: () => hasAppearance(APPEARANCE.Warning),
+        isWarning: () => hasSkin(SKIN.Warning),
         /**
          * Checks whether the component appears as "standard"
          * @return {Promise<boolean>}
          */
-        isStandard: () => hasAppearance(APPEARANCE.Standard),
+        isStandard: () => hasSkin(SKIN.Standard),
         /**
          * Checks whether the component appears as "danger"
          * @return {Promise<boolean>}
          */
-        isDanger: () => hasAppearance(APPEARANCE.Danger),
+        isDanger: () => hasSkin(SKIN.Danger),
         /**
          * Checks whether the component appears as "experimentalDark"
          * @return {Promise<boolean>}
          */
-        isExperimentalDark: () => hasAppearance(APPEARANCE.ExperimentalDark),
+        isExperimentalDark: () => hasSkin(SKIN.ExperimentalDark),
         /**
          * Checks whether the component appears as "success"
          * @return {Promise<boolean>}
          */
-        isSuccess: () => hasAppearance(APPEARANCE.Success),
+        isSuccess: () => hasSkin(SKIN.Success),
         /**
          * Checks whether the component appears as "premium"
          * @return {Promise<boolean>}
          */
-        isPremium: () => hasAppearance(APPEARANCE.Premium),
+        isPremium: () => hasSkin(SKIN.Premium),
         /**
          * Checks whether the component appears as "preview"
          * @return {Promise<boolean>}
          */
-        isPreview: () => hasAppearance(APPEARANCE.Preview),
+        isPreview: () => hasSkin(SKIN.Preview),
     };
 };
 //# sourceMappingURL=SectionHelper.uni.driver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHelper.uni.driver.js","sourceRoot":"","sources":["../../../src/SectionHelper/SectionHelper.uni.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,IAAe,EAAE,EAAE;IAC/D,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACzE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,KAAK,EAAE,UAAmC,EAAE,EAAE,CAClE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,UAAU,CAAC;IACtD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE;QAElE;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE;QAE7D;;;WAGG;QACH,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAE/C;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAE7C;;;WAGG;QACH,sBAAsB,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE;QAE1D;;;WAGG;QACH,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;QAE3C;;;WAGG;QACH,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAE9B;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;QAElD;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC;QAEpD;;;WAGG;QACH,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC;QAEhD;;;WAGG;QACH,kBAAkB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC;QAEpE;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;QAElD;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;QAElD;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;KACnD,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SectionHelper.uni.driver.js","sourceRoot":"","sources":["../../../src/SectionHelper/SectionHelper.uni.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,IAAe,EAAE,EAAE;IAC/D,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACzE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,KAAK,EAAE,IAAuB,EAAE,EAAE,CAChD,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE;QAElE;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE;QAE7D;;;WAGG;QACH,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAE/C;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAE7C;;;WAGG;QACH,sBAAsB,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE;QAE1D;;;WAGG;QACH,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;QAE3C;;;WAGG;QACH,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAE9B;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;QAEtC;;;WAGG;QACH,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QAExC;;;WAGG;QACH,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;QAEpC;;;WAGG;QACH,kBAAkB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAExD;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;QAEtC;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;QAEtC;;;WAGG;QACH,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;KACvC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/SectionHelper/constants.js

@@ -6,7 +6,7 @@ export const dataHooks = {
     content: `${prefix}-content`,
     actionButton: `${prefix}-action-btn`,
 };
-export const APPEARANCE = {
+export const SKIN = {
     Warning: 'warning',
     Standard: 'standard',
     Danger: 'danger',

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/SectionHelper/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,eAAe,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,WAAW,EAAE,GAAG,MAAM,YAAY;IAClC,KAAK,EAAE,GAAG,MAAM,QAAQ;IACxB,OAAO,EAAE,GAAG,MAAM,UAAU;IAC5B,YAAY,EAAE,GAAG,MAAM,aAAa;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;CAChB,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;CACd,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/SectionHelper/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,eAAe,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,WAAW,EAAE,GAAG,MAAM,YAAY;IAClC,KAAK,EAAE,GAAG,MAAM,QAAQ;IACxB,OAAO,EAAE,GAAG,MAAM,UAAU;IAC5B,YAAY,EAAE,GAAG,MAAM,aAAa;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;CAChB,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;CACd,CAAC"}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SegmentedToggle";
+var _namespace_ = "wds_1_195_0_SegmentedToggle";
 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_194_0_SegmentedToggle__root","divider":"wds_1_194_0_SegmentedToggle__divider"};
+export var classes = {"root":"wds_1_195_0_SegmentedToggle__root","divider":"wds_1_195_0_SegmentedToggle__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_195_0_SegmentedToggleButton";
 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_194_0_SegmentedToggleButton__root","label":"wds_1_194_0_SegmentedToggleButton__label","prefix":"wds_1_194_0_SegmentedToggleButton__prefix"};
+export var classes = {"root":"wds_1_195_0_SegmentedToggleButton__root","label":"wds_1_195_0_SegmentedToggleButton__label","prefix":"wds_1_195_0_SegmentedToggleButton__prefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_ToggleIcon";
+var _namespace_ = "wds_1_195_0_ToggleIcon";
 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_194_0_ToggleIcon__root","tooltip":"wds_1_194_0_ToggleIcon__tooltip","button":"wds_1_194_0_ToggleIcon__button","textWrapper":"wds_1_194_0_ToggleIcon__textWrapper"};
+export var classes = {"root":"wds_1_195_0_ToggleIcon__root","tooltip":"wds_1_195_0_ToggleIcon__tooltip","button":"wds_1_195_0_ToggleIcon__button","textWrapper":"wds_1_195_0_ToggleIcon__textWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SelectableAccordion/Item/Item.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_195_0_SelectableAccordionItem";
 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_194_0_SelectableAccordionItem__root","item":"wds_1_194_0_SelectableAccordionItem__item","selector":"wds_1_194_0_SelectableAccordionItem__selector","header":"wds_1_194_0_SelectableAccordionItem__header","divider":"wds_1_194_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_194_0_SelectableAccordionItem__selectorToggle","content":"wds_1_194_0_SelectableAccordionItem__content","text":"wds_1_194_0_SelectableAccordionItem__text","inner":"wds_1_194_0_SelectableAccordionItem__inner"};
+export var classes = {"root":"wds_1_195_0_SelectableAccordionItem__root","item":"wds_1_195_0_SelectableAccordionItem__item","selector":"wds_1_195_0_SelectableAccordionItem__selector","header":"wds_1_195_0_SelectableAccordionItem__header","divider":"wds_1_195_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_195_0_SelectableAccordionItem__selectorToggle","content":"wds_1_195_0_SelectableAccordionItem__content","text":"wds_1_195_0_SelectableAccordionItem__text","inner":"wds_1_195_0_SelectableAccordionItem__inner"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_ProgressBar";
+var _namespace_ = "wds_1_195_0_ProgressBar";
 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_194_0_ProgressBar__root","bar":"wds_1_194_0_ProgressBar__bar","value":"wds_1_194_0_ProgressBar__value","leftover":"wds_1_194_0_ProgressBar__leftover"};
+export var classes = {"root":"wds_1_195_0_ProgressBar__root","bar":"wds_1_195_0_ProgressBar__bar","value":"wds_1_195_0_ProgressBar__value","leftover":"wds_1_195_0_ProgressBar__leftover"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_Selector";
+var _namespace_ = "wds_1_195_0_Selector";
 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_194_0_Selector__root","image":"wds_1_194_0_Selector__image","mainPart":"wds_1_194_0_Selector__mainPart","titles":"wds_1_194_0_Selector__titles","extra":"wds_1_194_0_Selector__extra","belowSection":"wds_1_194_0_Selector__belowSection"};
+export var classes = {"root":"wds_1_195_0_Selector__root","image":"wds_1_195_0_Selector__image","mainPart":"wds_1_195_0_Selector__mainPart","titles":"wds_1_195_0_Selector__titles","extra":"wds_1_195_0_Selector__extra","belowSection":"wds_1_195_0_Selector__belowSection"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SelectorButton";
+var _namespace_ = "wds_1_195_0_SelectorButton";
 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_194_0_SelectorButton__root","text-tiny-normal":"wds_1_194_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_194_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_194_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_194_0_StylableTypography__text-tiny-bold"};
+export var classes = {"root":"wds_1_195_0_SelectorButton__root","text-tiny-normal":"wds_1_195_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_195_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_195_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_195_0_StylableTypography__text-tiny-bold"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SelectorList/Content/Content.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_Content";
+var _namespace_ = "wds_1_195_0_Content";
 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_194_0_Content__root","defaultScrollBar":"wds_1_194_0_defaultscrollbar__defaultScrollBar","content":"wds_1_194_0_Content__content","mainLoaderWrapper":"wds_1_194_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_194_0_Content__nextPageLoaderWrapper","list":"wds_1_194_0_Content__list","emptyStateWrapper":"wds_1_194_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_194_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_194_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_194_0_Content__defaultNoResultsFoundStateWrapper"};
+export var classes = {"root":"wds_1_195_0_Content__root","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar","content":"wds_1_195_0_Content__content","mainLoaderWrapper":"wds_1_195_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_195_0_Content__nextPageLoaderWrapper","list":"wds_1_195_0_Content__list","emptyStateWrapper":"wds_1_195_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_195_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_195_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_195_0_Content__defaultNoResultsFoundStateWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_194_0_SelectorList";
+var _namespace_ = "wds_1_195_0_SelectorList";
 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_194_0_SelectorList__root","subheaderWrapper":"wds_1_194_0_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_194_0_SelectorList__subtitleWrapper"};
+export var classes = {"root":"wds_1_195_0_SelectorList__root","subheaderWrapper":"wds_1_195_0_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_195_0_SelectorList__subtitleWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/SidePanel/components/Content/Content.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_194_0_SidePanelContent";
+var _namespace_ = "wds_1_195_0_SidePanelContent";
 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_194_0_SidePanelContent__root","defaultScrollBar":"wds_1_194_0_defaultscrollbar__defaultScrollBar"};
+export var classes = {"root":"wds_1_195_0_SidePanelContent__root","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidePanel/components/Divider/Divider.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_194_0_SidePanelDivider";
+var _namespace_ = "wds_1_195_0_SidePanelDivider";
 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_194_0_SidePanelDivider__root"};
+export var classes = {"root":"wds_1_195_0_SidePanelDivider__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidePanel/components/Field/Field.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_194_0_Field";
+var _namespace_ = "wds_1_195_0_Field";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_194_0_Field__root"};
+export var classes = {"root":"wds_1_195_0_Field__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_194_0_Field-border-width"}; 
+export var vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_195_0_Field-border-width"}; 
 
 
 

package/dist/esm/SidePanel/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_194_0_SidePanelFooter";
+var _namespace_ = "wds_1_195_0_SidePanelFooter";
 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_194_0_SidePanelFooter__root","footerContainer":"wds_1_194_0_SidePanelFooter__footerContainer"};
+export var classes = {"root":"wds_1_195_0_SidePanelFooter__root","footerContainer":"wds_1_195_0_SidePanelFooter__footerContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};