@wix/design-system 1.194.0 → 1.195.0

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_EditableSelector";
+var _namespace_ = "wds_1_195_0_EditableSelector";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_EditableSelector__root","text-medium-normal":"wds_1_194_0_StylableTypography__text-medium-normal","row":"wds_1_194_0_EditableSelector__row","optionMenu":"wds_1_194_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_194_0_EditableSelector__editableSelectorItem","title":"wds_1_194_0_EditableSelector__title","newRowButton":"wds_1_194_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_194_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_194_0_EditableSelector__icon","text":"wds_1_194_0_EditableSelector__text","editableRowContainer":"wds_1_194_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_194_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_194_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_194_0_EditableSelector__editRow","editableRowButtons":"wds_1_194_0_EditableSelector__editableRowButtons"};
+module.exports.classes = {"root":"wds_1_195_0_EditableSelector__root","text-medium-normal":"wds_1_195_0_StylableTypography__text-medium-normal","row":"wds_1_195_0_EditableSelector__row","optionMenu":"wds_1_195_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_195_0_EditableSelector__editableSelectorItem","title":"wds_1_195_0_EditableSelector__title","newRowButton":"wds_1_195_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_195_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_195_0_EditableSelector__icon","text":"wds_1_195_0_EditableSelector__text","editableRowContainer":"wds_1_195_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_195_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_195_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_195_0_EditableSelector__editRow","editableRowButtons":"wds_1_195_0_EditableSelector__editableRowButtons"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_EditableTitle";
+var _namespace_ = "wds_1_195_0_EditableTitle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_EditableTitle__root","heading-h1":"wds_1_194_0_StylableTypography__heading-h1","heading-xl":"wds_1_194_0_StylableTypography__heading-xl","input":"wds_1_194_0_EditableTitle__input","headingWrapper":"wds_1_194_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_194_0_EditableTitle__activationIndicator","renamingField":"wds_1_194_0_EditableTitle__renamingField","heading":"wds_1_194_0_EditableTitle__heading"};
+module.exports.classes = {"root":"wds_1_195_0_EditableTitle__root","heading-h1":"wds_1_195_0_StylableTypography__heading-h1","heading-xl":"wds_1_195_0_StylableTypography__heading-xl","input":"wds_1_195_0_EditableTitle__input","headingWrapper":"wds_1_195_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_195_0_EditableTitle__activationIndicator","renamingField":"wds_1_195_0_EditableTitle__renamingField","heading":"wds_1_195_0_EditableTitle__heading"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_EmptyState";
+var _namespace_ = "wds_1_195_0_EmptyState";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_EmptyState__root","imageContainer":"wds_1_194_0_EmptyState__imageContainer","childrenContainer":"wds_1_194_0_EmptyState__childrenContainer","container":"wds_1_194_0_EmptyState__container","imageElement":"wds_1_194_0_EmptyState__imageElement","titleContainer":"wds_1_194_0_EmptyState__titleContainer","title":"wds_1_194_0_EmptyState__title","sectionTitle":"wds_1_194_0_EmptyState__sectionTitle","subtitle":"wds_1_194_0_EmptyState__subtitle","subtitleContainer":"wds_1_194_0_EmptyState__subtitleContainer"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FacesRatingBar";
+var _namespace_ = "wds_1_195_0_FacesRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FacesRatingBar__root","buttonWrapper":"wds_1_194_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_194_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_194_0_FacesRatingBar__faceIcon"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FeatureList";
+var _namespace_ = "wds_1_195_0_FeatureList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FeatureList__root","featureItem":"wds_1_194_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_194_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_194_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_194_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_194_0_FeatureList__featureItemTitleContainer"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FieldSet";
+var _namespace_ = "wds_1_195_0_FieldSet";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FieldSet__root","children":"wds_1_194_0_FieldSet__children","labelIndicators":"wds_1_194_0_FieldSet__labelIndicators","labelRow":"wds_1_194_0_FieldSet__labelRow","labelRowMain":"wds_1_194_0_FieldSet__labelRowMain","suffixRow":"wds_1_194_0_FieldSet__suffixRow","visuallyHidden":"wds_1_194_0_FieldSet__visuallyHidden"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_Asterisk";
+var _namespace_ = "wds_1_195_0_Asterisk";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_Asterisk__root"};
+module.exports.classes = {"root":"wds_1_195_0_Asterisk__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_InfoContentIcon";
+var _namespace_ = "wds_1_195_0_InfoContentIcon";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_InfoContentIcon__root"};
+module.exports.classes = {"root":"wds_1_195_0_InfoContentIcon__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_InlineLabelWrapper";
+var _namespace_ = "wds_1_195_0_InlineLabelWrapper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_InlineLabelWrapper__root"};
+module.exports.classes = {"root":"wds_1_195_0_InlineLabelWrapper__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_Label";
+var _namespace_ = "wds_1_195_0_Label";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_Label__root"};
+module.exports.classes = {"root":"wds_1_195_0_Label__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_StatusMessage";
+var _namespace_ = "wds_1_195_0_StatusMessage";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_StatusMessage__root","statusIcon":"wds_1_194_0_StatusMessage__statusIcon"};
+module.exports.classes = {"root":"wds_1_195_0_StatusMessage__root","statusIcon":"wds_1_195_0_StatusMessage__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_194_0_Suffix";
+var _namespace_ = "wds_1_195_0_Suffix";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_Suffix__root","charCount":"wds_1_194_0_Suffix__charCount"};
+module.exports.classes = {"root":"wds_1_195_0_Suffix__root","charCount":"wds_1_195_0_Suffix__charCount"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FilePicker";
+var _namespace_ = "wds_1_195_0_FilePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FilePicker__root","content":"wds_1_194_0_FilePicker__content","label":"wds_1_194_0_FilePicker__label","info":"wds_1_194_0_FilePicker__info","icon":"wds_1_194_0_FilePicker__icon"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FillButton";
+var _namespace_ = "wds_1_195_0_FillButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FillButton__root","proportion":"wds_1_194_0_FillButton__proportion"};
+module.exports.classes = {"root":"wds_1_195_0_FillButton__root","proportion":"wds_1_195_0_FillButton__proportion"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FillPreview";
+var _namespace_ = "wds_1_195_0_FillPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FillPreview__root","button":"wds_1_194_0_FillPreview__button"};
+module.exports.classes = {"root":"wds_1_195_0_FillPreview__root","button":"wds_1_195_0_FillPreview__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Popover = _interopRequireDefault(require("../../Popover"));
 var _constants = require("./constants");
-var _excluded = ["content", "appearance", "target", "children", "onClose", "onOpen", "initiallyOpened", "closeOnMouseLeave", "hideDelay"];
+var _excluded = ["content", "skin", "target", "children", "onClose", "onOpen", "initiallyOpened", "closeOnMouseLeave", "hideDelay"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.js";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -71,7 +71,7 @@ class ClosablePopover extends _react.PureComponent {
     var _this$props = this.props,
       {
         content,
-        appearance,
+        skin,
         target,
         children,
         onClose,
@@ -84,7 +84,7 @@ class ClosablePopover extends _react.PureComponent {
     var open = this._isControlled() ? this.props.opened : this.state.open;
     var popoverProps = _objectSpread(_objectSpread({}, rest), {}, {
       animate: true,
-      theme: appearance,
+      theme: skin,
       shown: open,
       onMouseEnter: this._handleMouseEnter,
       onMouseLeave: this._handleMouseLeave

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Popover","_constants","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","controlledErrorMsg","method","concat","ClosablePopover","PureComponent","constructor","state","open","props","initiallyOpened","mode","Mode","ClickToClose","Hover","_doOpen","nextMode","setState","onOpen","close","_isControlled","Error","onClose","_handleMouseEnter","_handleMouseLeave","closeOnMouseLeave","actions","opened","render","_this$props","content","appearance","target","children","hideDelay","rest","_objectWithoutProperties2","popoverProps","animate","theme","shown","onMouseEnter","onMouseLeave","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","Element","Content","defaultProps","propTypes","PropTypes","bool","node","isRequired","func","className","string","_default","exports"],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../../Popover';\nimport { Mode } from './constants';\n\nconst controlledErrorMsg = method =>\n  `ClosablePopover.${method}() can not be called when component is Controlled. (opened prop should be undefined)`;\n\n/**\n * Closable Popover\n * Either a normal Controlled Popover, or a Popover that is initially opened and can be the closed by\n * calling a closeAction.\n */\nclass ClosablePopover extends PureComponent {\n  state = {\n    open: this.props.initiallyOpened,\n    mode: this.props.initiallyOpened ? Mode.ClickToClose : Mode.Hover,\n  };\n\n  _isControlled() {\n    return typeof this.props.opened === 'boolean';\n  }\n\n  open = () => this._doOpen(Mode.ClickToClose);\n\n  _doOpen = nextMode => {\n    !this.state.open &&\n      this.setState(\n        {\n          open: true,\n          mode: nextMode,\n        },\n        () => {\n          this.props.onOpen && this.props.onOpen();\n        },\n      );\n  };\n\n  close = () => {\n    if (this._isControlled()) {\n      throw new Error(controlledErrorMsg('close'));\n    }\n    this.state.open &&\n      this.setState(\n        {\n          open: false,\n          mode: Mode.Hover,\n        },\n        () => {\n          this.props.onClose && this.props.onClose();\n        },\n      );\n  };\n\n  _handleMouseEnter = () => {\n    if (this.state.mode === Mode.Hover) {\n      this._doOpen(Mode.Hover);\n    }\n  };\n\n  _handleMouseLeave = () => {\n    if (this.state.mode === Mode.Hover && this.props.closeOnMouseLeave) {\n      this.close();\n    }\n  };\n\n  render() {\n    const {\n      content,\n      appearance,\n      target,\n      children,\n      onClose,\n      onOpen,\n      initiallyOpened,\n      closeOnMouseLeave,\n      hideDelay,\n      ...rest\n    } = this.props;\n\n    const open = this._isControlled() ? this.props.opened : this.state.open;\n\n    const popoverProps = {\n      ...rest,\n      animate: true,\n      theme: appearance,\n      shown: open,\n      onMouseEnter: this._handleMouseEnter,\n      onMouseLeave: this._handleMouseLeave,\n    };\n\n    return (\n      <Popover {...popoverProps}>\n        <Popover.Element>{target}</Popover.Element>\n        <Popover.Content>{content(this.actions)}</Popover.Content>\n      </Popover>\n    );\n  }\n\n  actions = {\n    close: this.close,\n  };\n}\n\nClosablePopover.defaultProps = {\n  hideDelay: 0,\n  initiallyOpened: true,\n  closeOnMouseLeave: true,\n};\n\nClosablePopover.propTypes = {\n  /** Controls whether the popover's content is shown or not.\n   * When undefined, then the component is Uncontrolled,\n   * It is initially open, and it can be closed by close-action */\n  opened: PropTypes.bool,\n  /** Controls whether the popover's content is initially opened (in Uncontrolled mode only) */\n  initiallyOpened: PropTypes.bool,\n  /** The popover's target element*/\n  target: PropTypes.node.isRequired,\n  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only) */\n  onOpen: PropTypes.func,\n  /** 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 */\n  onClose: PropTypes.func,\n  /** Disable close on mouseLeave */\n  closeOnMouseLeave: PropTypes.bool,\n  /** The popover's content, given as a function that receives control-actions and renders the content.\n   * In Uncontrolled mode, this function is still called only once.\n   */\n  content: PropTypes.func.isRequired,\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n};\n\nexport default ClosablePopover;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Popover","_constants","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","controlledErrorMsg","method","concat","ClosablePopover","PureComponent","constructor","state","open","props","initiallyOpened","mode","Mode","ClickToClose","Hover","_doOpen","nextMode","setState","onOpen","close","_isControlled","Error","onClose","_handleMouseEnter","_handleMouseLeave","closeOnMouseLeave","actions","opened","render","_this$props","content","skin","target","children","hideDelay","rest","_objectWithoutProperties2","popoverProps","animate","theme","shown","onMouseEnter","onMouseLeave","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","Element","Content","defaultProps","propTypes","PropTypes","bool","node","isRequired","func","className","string","_default","exports"],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../../Popover';\nimport { Mode } from './constants';\n\nconst controlledErrorMsg = method =>\n  `ClosablePopover.${method}() can not be called when component is Controlled. (opened prop should be undefined)`;\n\n/**\n * Closable Popover\n * Either a normal Controlled Popover, or a Popover that is initially opened and can be the closed by\n * calling a closeAction.\n */\nclass ClosablePopover extends PureComponent {\n  state = {\n    open: this.props.initiallyOpened,\n    mode: this.props.initiallyOpened ? Mode.ClickToClose : Mode.Hover,\n  };\n\n  _isControlled() {\n    return typeof this.props.opened === 'boolean';\n  }\n\n  open = () => this._doOpen(Mode.ClickToClose);\n\n  _doOpen = nextMode => {\n    !this.state.open &&\n      this.setState(\n        {\n          open: true,\n          mode: nextMode,\n        },\n        () => {\n          this.props.onOpen && this.props.onOpen();\n        },\n      );\n  };\n\n  close = () => {\n    if (this._isControlled()) {\n      throw new Error(controlledErrorMsg('close'));\n    }\n    this.state.open &&\n      this.setState(\n        {\n          open: false,\n          mode: Mode.Hover,\n        },\n        () => {\n          this.props.onClose && this.props.onClose();\n        },\n      );\n  };\n\n  _handleMouseEnter = () => {\n    if (this.state.mode === Mode.Hover) {\n      this._doOpen(Mode.Hover);\n    }\n  };\n\n  _handleMouseLeave = () => {\n    if (this.state.mode === Mode.Hover && this.props.closeOnMouseLeave) {\n      this.close();\n    }\n  };\n\n  render() {\n    const {\n      content,\n      skin,\n      target,\n      children,\n      onClose,\n      onOpen,\n      initiallyOpened,\n      closeOnMouseLeave,\n      hideDelay,\n      ...rest\n    } = this.props;\n\n    const open = this._isControlled() ? this.props.opened : this.state.open;\n\n    const popoverProps = {\n      ...rest,\n      animate: true,\n      theme: skin,\n      shown: open,\n      onMouseEnter: this._handleMouseEnter,\n      onMouseLeave: this._handleMouseLeave,\n    };\n\n    return (\n      <Popover {...popoverProps}>\n        <Popover.Element>{target}</Popover.Element>\n        <Popover.Content>{content(this.actions)}</Popover.Content>\n      </Popover>\n    );\n  }\n\n  actions = {\n    close: this.close,\n  };\n}\n\nClosablePopover.defaultProps = {\n  hideDelay: 0,\n  initiallyOpened: true,\n  closeOnMouseLeave: true,\n};\n\nClosablePopover.propTypes = {\n  /** Controls whether the popover's content is shown or not.\n   * When undefined, then the component is Uncontrolled,\n   * It is initially open, and it can be closed by close-action */\n  opened: PropTypes.bool,\n  /** Controls whether the popover's content is initially opened (in Uncontrolled mode only) */\n  initiallyOpened: PropTypes.bool,\n  /** The popover's target element*/\n  target: PropTypes.node.isRequired,\n  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only) */\n  onOpen: PropTypes.func,\n  /** 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 */\n  onClose: PropTypes.func,\n  /** Disable close on mouseLeave */\n  closeOnMouseLeave: PropTypes.bool,\n  /** The popover's content, given as a function that receives control-actions and renders the content.\n   * In Uncontrolled mode, this function is still called only once.\n   */\n  content: PropTypes.func.isRequired,\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n};\n\nexport default ClosablePopover;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingHelper/FloatingHelper.js

@@ -35,7 +35,7 @@ class FloatingHelper extends _react.default.Component {
     var {
       width,
       content,
-      appearance
+      skin
     } = _ref;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-hook": _constants.dataHooks.contentWrapper,
@@ -61,7 +61,7 @@ class FloatingHelper extends _react.default.Component {
       className: _FloatingHelperSt.classes.closeButton,
       dataHook: _constants.dataHooks.closeButton,
       onClick: () => this._getCloseButtonHandler(closableActions)(),
-      skin: appearance === _constants.floatingHelperAppearance.dark ? _CloseButton2.SKINS.light : _CloseButton2.SKINS.dark,
+      skin: skin === _constants.floatingHelperSkin.dark ? _CloseButton2.SKINS.light : _CloseButton2.SKINS.dark,
       size: _CloseButton2.SIZES.medium,
       __self: this,
       __source: {
@@ -70,7 +70,7 @@ class FloatingHelper extends _react.default.Component {
         columnNumber: 11
       }
     }), /*#__PURE__*/_react.default.cloneElement(content, {
-      appearance
+      skin
     })));
   }
   render() {
@@ -82,13 +82,14 @@ class FloatingHelper extends _react.default.Component {
         appearance
       } = _this$props,
       rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    var skin = this.props.skin || appearance;
     var renderContent = closableActions => this._renderContent(closableActions, {
       width,
       content,
-      appearance
+      skin
     });
     var closablePopoverProps = _objectSpread(_objectSpread({}, rest), {}, {
-      appearance,
+      skin,
       content: renderContent,
       showArrow: true,
       closeOnMouseLeave: false
@@ -99,7 +100,7 @@ class FloatingHelper extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 75,
+        lineNumber: 76,
         columnNumber: 7
       }
     }));
@@ -117,7 +118,9 @@ FloatingHelper.propTypes = {
   content: _propTypes.default.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.default.func,
-  /** Appearance : `dark` or `light` */
+  /** Skin : `dark` or `light` */
+  skin: _propTypes.default.oneOf(['dark', 'light']),
+  /** @deprecated use skin prop instead */
   appearance: _propTypes.default.oneOf(['dark', 'light']),
   /** Controls whether the popover's content is initially opened (In Uncontrolled mode only) */
   initiallyOpened: _propTypes.default.bool,
@@ -144,7 +147,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.default;
 var _default = exports.default = FloatingHelper;

package/dist/cjs/FloatingHelper/FloatingHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ClosablePopover","_FloatingHelperContent","_FloatingHelperSt","_constants","_CloseButton","_CloseButton2","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","FloatingHelper","React","Component","constructor","closablePopoverRef","open","close","_isControlled","props","opened","undefined","_getCloseButtonHandler","closableActions","onClose","_renderContent","_ref","width","content","appearance","createElement","dataHooks","contentWrapper","style","__self","__source","fileName","lineNumber","columnNumber","innerContent","className","classes","closeButton","dataHook","onClick","skin","floatingHelperAppearance","dark","CloseButtonSkins","light","size","CloseButtonSizes","medium","cloneElement","render","_this$props","children","rest","_objectWithoutProperties2","renderContent","closablePopoverProps","showArrow","closeOnMouseLeave","_extends2","ref","root","displayName","propTypes","PropTypes","string","oneOfType","number","target","node","isRequired","func","oneOf","initiallyOpened","bool","placement","appendTo","onOpen","moveBy","shape","x","y","zIndex","hideDelay","defaultProps","Content","FloatingHelperContent","_default","exports"],"sources":["../../../src/FloatingHelper/FloatingHelper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ClosablePopover from './ClosablePopover/ClosablePopover';\nimport FloatingHelperContent from './FloatingHelperContent/FloatingHelperContent';\nimport { classes } from './FloatingHelper.st.css';\nimport { dataHooks, floatingHelperAppearance } from './constants';\nimport CloseButton from '../CloseButton';\nimport {\n  SKINS as CloseButtonSkins,\n  SIZES as CloseButtonSizes,\n} from '../CloseButton/CloseButton.constants';\n\nclass FloatingHelper extends React.Component {\n  closablePopoverRef;\n\n  open = () => this.closablePopoverRef.open();\n\n  close = () => this.closablePopoverRef.close();\n\n  _isControlled() {\n    return this.props.opened !== undefined;\n  }\n\n  _getCloseButtonHandler(closableActions) {\n    return this._isControlled()\n      ? this.props.onClose\n        ? this.props.onClose\n        : () => null\n      : closableActions.close;\n  }\n\n  _renderContent(closableActions, { width, content, appearance }) {\n    return (\n      <div data-hook={dataHooks.contentWrapper} style={{ width }}>\n        <div\n          data-hook={dataHooks.innerContent}\n          className={classes.innerContent}\n        >\n          <CloseButton\n            className={classes.closeButton}\n            dataHook={dataHooks.closeButton}\n            onClick={() => this._getCloseButtonHandler(closableActions)()}\n            skin={\n              appearance === floatingHelperAppearance.dark\n                ? CloseButtonSkins.light\n                : CloseButtonSkins.dark\n            }\n            size={CloseButtonSizes.medium}\n          />\n          {React.cloneElement(content, { appearance })}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const { children, width, content, appearance, ...rest } = this.props;\n\n    const renderContent = closableActions =>\n      this._renderContent(closableActions, {\n        width,\n        content,\n        appearance,\n      });\n\n    const closablePopoverProps = {\n      ...rest,\n      appearance,\n      content: renderContent,\n      showArrow: true,\n      closeOnMouseLeave: false,\n    };\n\n    return (\n      <ClosablePopover\n        {...closablePopoverProps}\n        ref={ref => (this.closablePopoverRef = ref)}\n        className={classes.root}\n      />\n    );\n  }\n}\n\nFloatingHelper.displayName = 'FloatingHelper';\n\nFloatingHelper.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Width HTML attribute of the content. If a number is passed then it defaults to px. e.g width={400} => width=\"400px\" */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** The target of the popover */\n  target: PropTypes.node.isRequired,\n  /** A `<FloatingHelper.Content>` component */\n  content: PropTypes.node.isRequired,\n  /** 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 */\n  onClose: PropTypes.func,\n  /** Appearance : `dark` or `light` */\n  appearance: PropTypes.oneOf(['dark', 'light']),\n  /** Controls whether the popover's content is initially opened (In Uncontrolled mode only) */\n  initiallyOpened: PropTypes.bool,\n  /** Controls whether the popover's content is shown or not (aka Controlled mode).\n   * When undefined, then the component is Uncontrolled. See open/close behaviour section in docs. */\n  opened: PropTypes.bool,\n  /** The location to display the content. */\n  placement: PropTypes.oneOf([\n    'auto-start',\n    'auto',\n    'auto-end',\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ]).isRequired,\n  /** Enables calculations in relation to a dom element. */\n  appendTo: PropTypes.oneOf(['scrollParent', 'viewport', 'window']),\n  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only)*/\n  onOpen: PropTypes.func,\n  /** Moves the floating helper relative to the parent by x or y */\n  moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n  /** Floating helper z-index */\n  zIndex: PropTypes.number,\n  /** Set a delay on closing */\n  hideDelay: PropTypes.number,\n};\n\nFloatingHelper.defaultProps = {\n  appendTo: 'window',\n  width: '444px',\n  initiallyOpened: true,\n  appearance: 'dark',\n};\n\nFloatingHelper.Content = FloatingHelperContent;\n\nexport default FloatingHelper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ClosablePopover","_FloatingHelperContent","_FloatingHelperSt","_constants","_CloseButton","_CloseButton2","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","FloatingHelper","React","Component","constructor","closablePopoverRef","open","close","_isControlled","props","opened","undefined","_getCloseButtonHandler","closableActions","onClose","_renderContent","_ref","width","content","skin","createElement","dataHooks","contentWrapper","style","__self","__source","fileName","lineNumber","columnNumber","innerContent","className","classes","closeButton","dataHook","onClick","floatingHelperSkin","dark","CloseButtonSkins","light","size","CloseButtonSizes","medium","cloneElement","render","_this$props","children","appearance","rest","_objectWithoutProperties2","renderContent","closablePopoverProps","showArrow","closeOnMouseLeave","_extends2","ref","root","displayName","propTypes","PropTypes","string","oneOfType","number","target","node","isRequired","func","oneOf","initiallyOpened","bool","placement","appendTo","onOpen","moveBy","shape","x","y","zIndex","hideDelay","defaultProps","Content","FloatingHelperContent","_default","exports"],"sources":["../../../src/FloatingHelper/FloatingHelper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ClosablePopover from './ClosablePopover/ClosablePopover';\nimport FloatingHelperContent from './FloatingHelperContent/FloatingHelperContent';\nimport { classes } from './FloatingHelper.st.css';\nimport { dataHooks, floatingHelperSkin } from './constants';\nimport CloseButton from '../CloseButton';\nimport {\n  SKINS as CloseButtonSkins,\n  SIZES as CloseButtonSizes,\n} from '../CloseButton/CloseButton.constants';\n\nclass FloatingHelper extends React.Component {\n  closablePopoverRef;\n\n  open = () => this.closablePopoverRef.open();\n\n  close = () => this.closablePopoverRef.close();\n\n  _isControlled() {\n    return this.props.opened !== undefined;\n  }\n\n  _getCloseButtonHandler(closableActions) {\n    return this._isControlled()\n      ? this.props.onClose\n        ? this.props.onClose\n        : () => null\n      : closableActions.close;\n  }\n\n  _renderContent(closableActions, { width, content, skin }) {\n    return (\n      <div data-hook={dataHooks.contentWrapper} style={{ width }}>\n        <div\n          data-hook={dataHooks.innerContent}\n          className={classes.innerContent}\n        >\n          <CloseButton\n            className={classes.closeButton}\n            dataHook={dataHooks.closeButton}\n            onClick={() => this._getCloseButtonHandler(closableActions)()}\n            skin={\n              skin === floatingHelperSkin.dark\n                ? CloseButtonSkins.light\n                : CloseButtonSkins.dark\n            }\n            size={CloseButtonSizes.medium}\n          />\n          {React.cloneElement(content, { skin })}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const { children, width, content, appearance, ...rest } = this.props;\n    const skin = this.props.skin || appearance;\n\n    const renderContent = closableActions =>\n      this._renderContent(closableActions, {\n        width,\n        content,\n        skin,\n      });\n\n    const closablePopoverProps = {\n      ...rest,\n      skin,\n      content: renderContent,\n      showArrow: true,\n      closeOnMouseLeave: false,\n    };\n\n    return (\n      <ClosablePopover\n        {...closablePopoverProps}\n        ref={ref => (this.closablePopoverRef = ref)}\n        className={classes.root}\n      />\n    );\n  }\n}\n\nFloatingHelper.displayName = 'FloatingHelper';\n\nFloatingHelper.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Width HTML attribute of the content. If a number is passed then it defaults to px. e.g width={400} => width=\"400px\" */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** The target of the popover */\n  target: PropTypes.node.isRequired,\n  /** A `<FloatingHelper.Content>` component */\n  content: PropTypes.node.isRequired,\n  /** 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 */\n  onClose: PropTypes.func,\n  /** Skin : `dark` or `light` */\n  skin: PropTypes.oneOf(['dark', 'light']),\n  /** @deprecated use skin prop instead */\n  appearance: PropTypes.oneOf(['dark', 'light']),\n  /** Controls whether the popover's content is initially opened (In Uncontrolled mode only) */\n  initiallyOpened: PropTypes.bool,\n  /** Controls whether the popover's content is shown or not (aka Controlled mode).\n   * When undefined, then the component is Uncontrolled. See open/close behaviour section in docs. */\n  opened: PropTypes.bool,\n  /** The location to display the content. */\n  placement: PropTypes.oneOf([\n    'auto-start',\n    'auto',\n    'auto-end',\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ]).isRequired,\n  /** Enables calculations in relation to a dom element. */\n  appendTo: PropTypes.oneOf(['scrollParent', 'viewport', 'window']),\n  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only)*/\n  onOpen: PropTypes.func,\n  /** Moves the floating helper relative to the parent by x or y */\n  moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n  /** Floating helper z-index */\n  zIndex: PropTypes.number,\n  /** Set a delay on closing */\n  hideDelay: PropTypes.number,\n};\n\nFloatingHelper.defaultProps = {\n  appendTo: 'window',\n  width: '444px',\n  initiallyOpened: true,\n  appearance: 'dark', // TODO: add default skin prop once appearance is removed\n};\n\nFloatingHelper.Content = FloatingHelperContent;\n\nexport default FloatingHelper;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_FloatingHelper";
+var _namespace_ = "wds_1_195_0_FloatingHelper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_194_0_FloatingHelper__root","closeButton":"wds_1_194_0_FloatingHelper__closeButton","innerContent":"wds_1_194_0_FloatingHelper__innerContent"};
+module.exports.classes = {"root":"wds_1_195_0_FloatingHelper__root","closeButton":"wds_1_195_0_FloatingHelper__closeButton","innerContent":"wds_1_195_0_FloatingHelper__innerContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};