@wix/design-system 1.193.0 → 1.195.0

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_EmptyState";
+var _namespace_ = "wds_1_195_0_EmptyState";
 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_193_0_EmptyState__root","imageContainer":"wds_1_193_0_EmptyState__imageContainer","childrenContainer":"wds_1_193_0_EmptyState__childrenContainer","container":"wds_1_193_0_EmptyState__container","imageElement":"wds_1_193_0_EmptyState__imageElement","titleContainer":"wds_1_193_0_EmptyState__titleContainer","title":"wds_1_193_0_EmptyState__title","sectionTitle":"wds_1_193_0_EmptyState__sectionTitle","subtitle":"wds_1_193_0_EmptyState__subtitle","subtitleContainer":"wds_1_193_0_EmptyState__subtitleContainer"};
+export var classes = {"root":"wds_1_195_0_EmptyState__root","imageContainer":"wds_1_195_0_EmptyState__imageContainer","childrenContainer":"wds_1_195_0_EmptyState__childrenContainer","container":"wds_1_195_0_EmptyState__container","imageElement":"wds_1_195_0_EmptyState__imageElement","titleContainer":"wds_1_195_0_EmptyState__titleContainer","title":"wds_1_195_0_EmptyState__title","sectionTitle":"wds_1_195_0_EmptyState__sectionTitle","subtitle":"wds_1_195_0_EmptyState__subtitle","subtitleContainer":"wds_1_195_0_EmptyState__subtitleContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FacesRatingBar";
+var _namespace_ = "wds_1_195_0_FacesRatingBar";
 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_193_0_FacesRatingBar__root","buttonWrapper":"wds_1_193_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_193_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_193_0_FacesRatingBar__faceIcon"};
+export var classes = {"root":"wds_1_195_0_FacesRatingBar__root","buttonWrapper":"wds_1_195_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_195_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_195_0_FacesRatingBar__faceIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FeatureList";
+var _namespace_ = "wds_1_195_0_FeatureList";
 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_193_0_FeatureList__root","featureItem":"wds_1_193_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_193_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_193_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_193_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_193_0_FeatureList__featureItemTitleContainer"};
+export var classes = {"root":"wds_1_195_0_FeatureList__root","featureItem":"wds_1_195_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_195_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_195_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_195_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_195_0_FeatureList__featureItemTitleContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FieldSet";
+var _namespace_ = "wds_1_195_0_FieldSet";
 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_193_0_FieldSet__root","children":"wds_1_193_0_FieldSet__children","labelIndicators":"wds_1_193_0_FieldSet__labelIndicators","labelRow":"wds_1_193_0_FieldSet__labelRow","labelRowMain":"wds_1_193_0_FieldSet__labelRowMain","suffixRow":"wds_1_193_0_FieldSet__suffixRow","visuallyHidden":"wds_1_193_0_FieldSet__visuallyHidden"};
+export var classes = {"root":"wds_1_195_0_FieldSet__root","children":"wds_1_195_0_FieldSet__children","labelIndicators":"wds_1_195_0_FieldSet__labelIndicators","labelRow":"wds_1_195_0_FieldSet__labelRow","labelRowMain":"wds_1_195_0_FieldSet__labelRowMain","suffixRow":"wds_1_195_0_FieldSet__suffixRow","visuallyHidden":"wds_1_195_0_FieldSet__visuallyHidden"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_193_0_InfoContentIcon";
+var _namespace_ = "wds_1_195_0_InfoContentIcon";
 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_193_0_InfoContentIcon__root"};
+export var classes = {"root":"wds_1_195_0_InfoContentIcon__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_193_0_InlineLabelWrapper";
+var _namespace_ = "wds_1_195_0_InlineLabelWrapper";
 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_193_0_InlineLabelWrapper__root"};
+export var classes = {"root":"wds_1_195_0_InlineLabelWrapper__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_193_0_Label";
+var _namespace_ = "wds_1_195_0_Label";
 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_193_0_Label__root"};
+export var classes = {"root":"wds_1_195_0_Label__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_193_0_StatusMessage";
+var _namespace_ = "wds_1_195_0_StatusMessage";
 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_193_0_StatusMessage__root","statusIcon":"wds_1_193_0_StatusMessage__statusIcon"};
+export var classes = {"root":"wds_1_195_0_StatusMessage__root","statusIcon":"wds_1_195_0_StatusMessage__statusIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_193_0_Suffix";
+var _namespace_ = "wds_1_195_0_Suffix";
 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_193_0_Suffix__root","charCount":"wds_1_193_0_Suffix__charCount"};
+export var classes = {"root":"wds_1_195_0_Suffix__root","charCount":"wds_1_195_0_Suffix__charCount"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FilePicker";
+var _namespace_ = "wds_1_195_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_193_0_FilePicker__root","content":"wds_1_193_0_FilePicker__content","label":"wds_1_193_0_FilePicker__label","info":"wds_1_193_0_FilePicker__info","icon":"wds_1_193_0_FilePicker__icon"};
+export var classes = {"root":"wds_1_195_0_FilePicker__root","content":"wds_1_195_0_FilePicker__content","label":"wds_1_195_0_FilePicker__label","info":"wds_1_195_0_FilePicker__info","icon":"wds_1_195_0_FilePicker__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FillButton";
+var _namespace_ = "wds_1_195_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_193_0_FillButton__root","proportion":"wds_1_193_0_FillButton__proportion"};
+export var classes = {"root":"wds_1_195_0_FillButton__root","proportion":"wds_1_195_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_193_0_FillPreview";
+var _namespace_ = "wds_1_195_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_193_0_FillPreview__root","button":"wds_1_193_0_FillPreview__button"};
+export var classes = {"root":"wds_1_195_0_FillPreview__root","button":"wds_1_195_0_FillPreview__button"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FloatingHelper/ClosablePopover/ClosablePopover.js

@@ -55,12 +55,12 @@ class ClosablePopover extends PureComponent {
         return typeof this.props.opened === 'boolean';
     }
     render() {
-        const { content, appearance, target, children, onClose, onOpen, initiallyOpened, closeOnMouseLeave, hideDelay, ...rest } = this.props;
+        const { content, skin, target, children, onClose, onOpen, initiallyOpened, closeOnMouseLeave, hideDelay, ...rest } = this.props;
         const open = this._isControlled() ? this.props.opened : this.state.open;
         const popoverProps = {
             ...rest,
             animate: true,
-            theme: appearance,
+            theme: skin,
             shown: open,
             onMouseEnter: this._handleMouseEnter,
             onMouseLeave: this._handleMouseLeave,

package/dist/esm/FloatingHelper/ClosablePopover/ClosablePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClosablePopover.js","sourceRoot":"","sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAClC,mBAAmB,MAAM,sFAAsF,CAAC;AAElH;;;;GAIG;AACH,MAAM,eAAgB,SAAQ,aAAa;IAA3C;;QACE,UAAK,GAAG;YACN,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;YAChC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;SAClE,CAAC;QAMF,SAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE7C,YAAO,GAAG,QAAQ,CAAC,EAAE;YACnB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;gBACd,IAAI,CAAC,QAAQ,CACX;oBACE,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,QAAQ;iBACf,EACD,GAAG,EAAE;oBACH,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC3C,CAAC,CACF,CAAC;QACN,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;YAC/C,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,IAAI;gBACb,IAAI,CAAC,QAAQ,CACX;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,IAAI,CAAC,KAAK;iBACjB,EACD,GAAG,EAAE;oBACH,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC7C,CAAC,CACF,CAAC;QACN,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBACnE,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;QAmCF,YAAO,GAAG;YACR,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAnFC,aAAa;QACX,OAAO,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;IAChD,CAAC;IA6CD,MAAM;QACJ,MAAM,EACJ,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAExE,MAAM,YAAY,GAAG;YACnB,GAAG,IAAI;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,iBAAiB;YACpC,YAAY,EAAE,IAAI,CAAC,iBAAiB;SACrC,CAAC;QAEF,OAAO,CACL,oBAAC,OAAO,OAAK,YAAY;YACvB,oBAAC,OAAO,CAAC,OAAO,QAAE,MAAM,CAAmB;YAC3C,oBAAC,OAAO,CAAC,OAAO,QAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAmB,CAClD,CACX,CAAC;IACJ,CAAC;CAKF;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,SAAS,EAAE,CAAC;IACZ,eAAe,EAAE,IAAI;IACrB,iBAAiB,EAAE,IAAI;CACxB,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B;;oEAEgE;IAChE,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,6FAA6F;IAC7F,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,kCAAkC;IAClC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACjC,mGAAmG;IACnG,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,4KAA4K;IAC5K,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,kCAAkC;IAClC,iBAAiB,EAAE,SAAS,CAAC,IAAI;IACjC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAClC;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ClosablePopover.js","sourceRoot":"","sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.js"],"names":[],"mappings":"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"}

package/dist/esm/FloatingHelper/FloatingHelper.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import ClosablePopover from './ClosablePopover/ClosablePopover';
 import FloatingHelperContent from './FloatingHelperContent/FloatingHelperContent';
 import { classes } from './FloatingHelper.st.css.js';
-import { dataHooks, floatingHelperAppearance } from './constants';
+import { dataHooks, floatingHelperSkin } from './constants';
 import CloseButton from '../CloseButton';
 import { SKINS as CloseButtonSkins, SIZES as CloseButtonSizes, } from '../CloseButton/CloseButton.constants';
 class FloatingHelper extends React.Component {
@@ -22,24 +22,25 @@ class FloatingHelper extends React.Component {
                 : () => null
             : closableActions.close;
     }
-    _renderContent(closableActions, { width, content, appearance }) {
+    _renderContent(closableActions, { width, content, skin }) {
         return (React.createElement("div", { "data-hook": dataHooks.contentWrapper, style: { width } },
             React.createElement("div", { "data-hook": dataHooks.innerContent, className: classes.innerContent },
-                React.createElement(CloseButton, { className: classes.closeButton, dataHook: dataHooks.closeButton, onClick: () => this._getCloseButtonHandler(closableActions)(), skin: appearance === floatingHelperAppearance.dark
+                React.createElement(CloseButton, { className: classes.closeButton, dataHook: dataHooks.closeButton, onClick: () => this._getCloseButtonHandler(closableActions)(), skin: skin === floatingHelperSkin.dark
                         ? CloseButtonSkins.light
                         : CloseButtonSkins.dark, size: CloseButtonSizes.medium }),
-                React.cloneElement(content, { appearance }))));
+                React.cloneElement(content, { skin }))));
     }
     render() {
         const { children, width, content, appearance, ...rest } = this.props;
+        const skin = this.props.skin || appearance;
         const renderContent = closableActions => this._renderContent(closableActions, {
             width,
             content,
-            appearance,
+            skin,
         });
         const closablePopoverProps = {
             ...rest,
-            appearance,
+            skin,
             content: renderContent,
             showArrow: true,
             closeOnMouseLeave: false,
@@ -59,7 +60,9 @@ FloatingHelper.propTypes = {
     content: PropTypes.node.isRequired,
     /** callback to call when the popover content is requested to be closed (Uncontrolled mode only). NOTE: this callback is called when the close timeout (if exists) starts In Controlled mode - called when the close button is clicked. In Uncontrolled mode - called when the popover is closed */
     onClose: PropTypes.func,
-    /** Appearance : `dark` or `light` */
+    /** Skin : `dark` or `light` */
+    skin: PropTypes.oneOf(['dark', 'light']),
+    /** @deprecated use skin prop instead */
     appearance: PropTypes.oneOf(['dark', 'light']),
     /** Controls whether the popover's content is initially opened (In Uncontrolled mode only) */
     initiallyOpened: PropTypes.bool,
@@ -99,7 +102,7 @@ FloatingHelper.defaultProps = {
     appendTo: 'window',
     width: '444px',
     initiallyOpened: true,
-    appearance: 'dark',
+    appearance: 'dark', // TODO: add default skin prop once appearance is removed
 };
 FloatingHelper.Content = FloatingHelperContent;
 export default FloatingHelper;

package/dist/esm/FloatingHelper/FloatingHelper.js.map

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

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FloatingHelper";
+var _namespace_ = "wds_1_195_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_193_0_FloatingHelper__root","closeButton":"wds_1_193_0_FloatingHelper__closeButton","innerContent":"wds_1_193_0_FloatingHelper__innerContent"};
+export var classes = {"root":"wds_1_195_0_FloatingHelper__root","closeButton":"wds_1_195_0_FloatingHelper__closeButton","innerContent":"wds_1_195_0_FloatingHelper__innerContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { st, classes } from './FloatingHelperContent.st.css.js';
-import { floatingHelperAppearance } from '../constants';
+import { floatingHelperSkin } from '../constants';
 import { dataHooks, actionButtonTheme } from './constants';
 import Text from '../../Text';
 import Button from '../../Button';
@@ -29,13 +29,15 @@ const themeToButtonProps = {
     },
 };
 /** FloatingHelperContent */
-const FloatingHelperContent = ({ title, body, actionText, onActionClick, actionTheme = 'white', image, appearance = 'dark', footer, direction = 'horizontal', }) => {
+const FloatingHelperContent = ({ title, body, actionText, onActionClick, actionTheme = 'white', image, appearance = 'dark', // TODO: add default to skin prop once appearance is removed
+footer, direction = 'horizontal', ...props }) => {
+    const skin = props.skin || appearance;
     return (React.createElement("div", { className: st(classes.root, { hasBody: !!body, direction }), "data-direction": direction },
         React.createElement("div", null,
             title && (React.createElement("div", { className: classes.title },
-                React.createElement(Text, { dataHook: dataHooks.title, weight: "bold", light: appearance === floatingHelperAppearance.dark }, title))),
+                React.createElement(Text, { dataHook: dataHooks.title, weight: "bold", light: skin === floatingHelperSkin.dark }, title))),
             body && (React.createElement("div", null,
-                React.createElement(Text, { dataHook: dataHooks.body, light: appearance === floatingHelperAppearance.dark }, body))),
+                React.createElement(Text, { dataHook: dataHooks.body, light: skin === floatingHelperSkin.dark }, body))),
             actionText && onActionClick && actionText.length > 0 && (React.createElement("div", { className: classes.action },
                 React.createElement(Button, { ...themeToButtonProps[actionTheme], dataHook: dataHooks.actionButton, onClick: onActionClick, size: "small" }, actionText))),
             footer && (React.createElement("div", { "data-hook": dataHooks.footer, className: classes.footer }, footer))),
@@ -63,8 +65,10 @@ FloatingHelperContent.propTypes = {
     onActionClick: PropTypes.func,
     /** Adds an image */
     image: PropTypes.node,
-    /** Appearance : `dark` or `light`. */
+    /** @deprecated Use skin prop instead */
     appearance: PropTypes.oneOf(['dark', 'light']),
+    /** Skin : `dark` or `light`. */
+    skin: PropTypes.oneOf(['dark', 'light']),
     /** Sets the direction of content and image. */
     direction: PropTypes.oneOf(['horizontal', 'vertical']),
 };

package/dist/esm/FloatingHelper/FloatingHelperContent/FloatingHelperContent.js.map

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

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_193_0_FloatingHelperContent";
+var _namespace_ = "wds_1_195_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_193_0_FloatingHelperContent__root","title":"wds_1_193_0_FloatingHelperContent__title","action":"wds_1_193_0_FloatingHelperContent__action","image":"wds_1_193_0_FloatingHelperContent__image","footer":"wds_1_193_0_FloatingHelperContent__footer"};
+export var classes = {"root":"wds_1_195_0_FloatingHelperContent__root","title":"wds_1_195_0_FloatingHelperContent__title","action":"wds_1_195_0_FloatingHelperContent__action","image":"wds_1_195_0_FloatingHelperContent__image","footer":"wds_1_195_0_FloatingHelperContent__footer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FloatingHelper/constants.js

@@ -3,7 +3,7 @@ export const dataHooks = {
     closeButton: 'floating-helper-close-button',
     contentWrapper: 'floating-helper-content-wrapper',
 };
-export const floatingHelperAppearance = {
+export const floatingHelperSkin = {
     dark: 'dark',
     light: 'light',
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/FloatingHelper/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,YAAY,EAAE,+BAA+B;IAC7C,WAAW,EAAE,8BAA8B;IAC3C,cAAc,EAAE,iCAAiC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,YAAY,EAAE,cAAc;IAC5B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;IACrB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,UAAU;IACnB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;CACxB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/FloatingHelper/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,YAAY,EAAE,+BAA+B;IAC7C,WAAW,EAAE,8BAA8B;IAC3C,cAAc,EAAE,iCAAiC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,YAAY,EAAE,cAAc;IAC5B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;IACrB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,UAAU;IACnB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;CACxB,CAAC"}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_193_0_FloatingNotification";
+var _namespace_ = "wds_1_195_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_193_0_FloatingNotification__root","icon":"wds_1_193_0_FloatingNotification__icon","text":"wds_1_193_0_FloatingNotification__text","textButton":"wds_1_193_0_FloatingNotification__textButton","button":"wds_1_193_0_FloatingNotification__button","gap":"wds_1_193_0_FloatingNotification__gap","close":"wds_1_193_0_FloatingNotification__close"};
+export var classes = {"root":"wds_1_195_0_FloatingNotification__root","icon":"wds_1_195_0_FloatingNotification__icon","text":"wds_1_195_0_FloatingNotification__text","textButton":"wds_1_195_0_FloatingNotification__textButton","button":"wds_1_195_0_FloatingNotification__button","gap":"wds_1_195_0_FloatingNotification__gap","close":"wds_1_195_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_193_0_FormField";
+var _namespace_ = "wds_1_195_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_193_0_FormField__root","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_193_0_StylableTypography__text-tiny-thin","label":"wds_1_193_0_FormField__label","suffix":"wds_1_193_0_FormField__suffix","children":"wds_1_193_0_FormField__children","statusMessage":"wds_1_193_0_FormField__statusMessage","labelRow":"wds_1_193_0_FormField__labelRow","labelRowMain":"wds_1_193_0_FormField__labelRowMain","asterisk":"wds_1_193_0_FormField__asterisk","charCount":"wds_1_193_0_FormField__charCount","infoIcon":"wds_1_193_0_FormField__infoIcon","statusIcon":"wds_1_193_0_FormField__statusIcon"};
+export var classes = {"root":"wds_1_195_0_FormField__root","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_195_0_StylableTypography__text-tiny-thin","label":"wds_1_195_0_FormField__label","suffix":"wds_1_195_0_FormField__suffix","children":"wds_1_195_0_FormField__children","statusMessage":"wds_1_195_0_FormField__statusMessage","labelRow":"wds_1_195_0_FormField__labelRow","labelRowMain":"wds_1_195_0_FormField__labelRowMain","asterisk":"wds_1_195_0_FormField__asterisk","charCount":"wds_1_195_0_FormField__charCount","infoIcon":"wds_1_195_0_FormField__infoIcon","statusIcon":"wds_1_195_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_193_0_border";
+var _namespace_ = "wds_1_195_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_193_0_border__root"};
+export var classes = {"root":"wds_1_195_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_193_0_breakpoints";
+var _namespace_ = "wds_1_195_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_193_0_breakpoints__root"};
+export var classes = {"root":"wds_1_195_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_193_0_colors";
+var _namespace_ = "wds_1_195_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_193_0_colors__root"};
+export var classes = {"root":"wds_1_195_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_193_0_defaultscrollbar";
+var _namespace_ = "wds_1_195_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_193_0_defaultscrollbar__root","defaultScrollBar":"wds_1_193_0_defaultscrollbar__defaultScrollBar"};
+export var classes = {"root":"wds_1_195_0_defaultscrollbar__root","defaultScrollBar":"wds_1_195_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_193_0_easing";
+var _namespace_ = "wds_1_195_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_193_0_easing__root"};
+export var classes = {"root":"wds_1_195_0_easing__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};