@wix/design-system 1.193.0 → 1.195.0

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_RadarChart";
+var _namespace_ = "wds_1_195_0_RadarChart";
 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_193_0_RadarChart__root","text-tiny-thin":"wds_1_193_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","axis":"wds_1_193_0_RadarChart__axis","axisLabel":"wds_1_193_0_RadarChart__axisLabel","circles":"wds_1_193_0_RadarChart__circles","scaleLabel":"wds_1_193_0_RadarChart__scaleLabel","dataPoint":"wds_1_193_0_RadarChart__dataPoint","tooltip":"wds_1_193_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_195_0_RadarChart__root","text-tiny-thin":"wds_1_195_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","axis":"wds_1_195_0_RadarChart__axis","axisLabel":"wds_1_195_0_RadarChart__axisLabel","circles":"wds_1_195_0_RadarChart__circles","scaleLabel":"wds_1_195_0_RadarChart__scaleLabel","dataPoint":"wds_1_195_0_RadarChart__dataPoint","tooltip":"wds_1_195_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Radio";
+var _namespace_ = "wds_1_195_0_Radio";
 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_193_0_Radio__root","input":"wds_1_193_0_Radio__input","icon":"wds_1_193_0_Radio__icon","label":"wds_1_193_0_Radio__label","labelText":"wds_1_193_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_195_0_Radio__root","input":"wds_1_195_0_Radio__input","icon":"wds_1_195_0_Radio__icon","label":"wds_1_195_0_Radio__label","labelText":"wds_1_195_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_RadioGroup";
+var _namespace_ = "wds_1_195_0_RadioGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_RadioGroup__root","mobile":"wds_1_193_0_WixDesignSystemProvider__mobile","radio":"wds_1_193_0_RadioGroup__radio","radioContainer":"wds_1_193_0_RadioGroup__radioContainer","optionContainer":"wds_1_193_0_RadioGroup__optionContainer","content":"wds_1_193_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_195_0_RadioGroup__root","mobile":"wds_1_195_0_WixDesignSystemProvider__mobile","radio":"wds_1_195_0_RadioGroup__radio","radioContainer":"wds_1_195_0_RadioGroup__radioContainer","optionContainer":"wds_1_195_0_RadioGroup__optionContainer","content":"wds_1_195_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Range";
+var _namespace_ = "wds_1_195_0_Range";
 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_193_0_Range__root","firstinput":"wds_1_193_0_Range__firstinput","firstDate":"wds_1_193_0_Range__firstDate","lastinput":"wds_1_193_0_Range__lastinput","lastDate":"wds_1_193_0_Range__lastDate","label":"wds_1_193_0_Range__label","inputWrapper":"wds_1_193_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_195_0_Range__root","firstinput":"wds_1_195_0_Range__firstinput","firstDate":"wds_1_195_0_Range__firstDate","lastinput":"wds_1_195_0_Range__lastinput","lastDate":"wds_1_195_0_Range__lastDate","label":"wds_1_195_0_Range__label","inputWrapper":"wds_1_195_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_193_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_195_0_RichTextInputAreaForm";
 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_193_0_RichTextInputAreaForm__root","footer":"wds_1_193_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_195_0_RichTextInputAreaForm__root","footer":"wds_1_195_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_RichTextInputArea";
+var _namespace_ = "wds_1_195_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_RichTextInputArea__root","text-medium-thin":"wds_1_193_0_StylableTypography__text-medium-thin","font-medium":"wds_1_193_0_RichTextInputArea__font-medium","link":"wds_1_193_0_RichTextInputArea__link","toolbar":"wds_1_193_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_193_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_193_0_RichTextInputArea__statusIndicator"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.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))"}; 
-module.exports.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_193_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_193_0_RichTextInputArea-maxHeight"}; 
+module.exports.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/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_193_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_195_0_RichTextToolbarButton";
 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_193_0_RichTextToolbarButton__root","button":"wds_1_193_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_195_0_RichTextToolbarButton__root","button":"wds_1_195_0_RichTextToolbarButton__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Search";
+var _namespace_ = "wds_1_195_0_Search";
 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_193_0_Search__root","content":"wds_1_193_0_Search__content"};
+module.exports.classes = {"root":"wds_1_195_0_Search__root","content":"wds_1_195_0_Search__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_SectionHeader";
+var _namespace_ = "wds_1_195_0_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_SectionHeader__root","title":"wds_1_193_0_SectionHeader__title","titleText":"wds_1_193_0_SectionHeader__titleText","suffix":"wds_1_193_0_SectionHeader__suffix"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.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_193_0_SectionHeader-color-bg","color-border":"--wds_1_193_0_SectionHeader-color-border"}; 
+module.exports.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/cjs/SectionHelper/SectionHelper.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
@@ -12,94 +13,98 @@ var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _constants = require("./constants");
 var _SectionHelperSt = require("./SectionHelper.st.css.js");
 var _context = require("../WixDesignSystemProvider/context");
+var _excluded = ["dataHook", "showCloseButton", "onClose", "onAction", "actionText", "appearance", "title", "size", "fullWidth", "children", "layout", "border", "showPrefixIcon", "prefixIcon"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SectionHelper/SectionHelper.tsx";
 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; }
 var DEFAULT_ICONS = {
-  [_constants.APPEARANCE.Standard]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+  [_constants.SKIN.Standard]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
-      columnNumber: 26
+      lineNumber: 19,
+      columnNumber: 20
     }
   }),
-  [_constants.APPEARANCE.Success]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusComplete, {
+  [_constants.SKIN.Success]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusComplete, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
-      columnNumber: 25
+      lineNumber: 20,
+      columnNumber: 19
     }
   }),
-  [_constants.APPEARANCE.Warning]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarning, {
+  [_constants.SKIN.Warning]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarning, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
-      columnNumber: 25
+      lineNumber: 21,
+      columnNumber: 19
     }
   }),
-  [_constants.APPEARANCE.Danger]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlert, {
+  [_constants.SKIN.Danger]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlert, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
-      columnNumber: 24
+      lineNumber: 22,
+      columnNumber: 18
     }
   }),
-  [_constants.APPEARANCE.Premium]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+  [_constants.SKIN.Premium]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 25
+      lineNumber: 23,
+      columnNumber: 19
     }
   }),
-  [_constants.APPEARANCE.Preview]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+  [_constants.SKIN.Preview]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
-      columnNumber: 25
+      lineNumber: 24,
+      columnNumber: 19
     }
   }),
-  [_constants.APPEARANCE.ExperimentalDark]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+  [_constants.SKIN.ExperimentalDark]: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
-      columnNumber: 34
+      lineNumber: 25,
+      columnNumber: 28
     }
   })
 };
 var SectionHelper = _ref => {
   var {
-    dataHook,
-    showCloseButton = false,
-    onClose,
-    onAction,
-    actionText,
-    appearance = _constants.APPEARANCE.Warning,
-    title,
-    size = _constants.SIZE.Medium,
-    fullWidth = false,
-    children,
-    layout = _constants.LAYOUT.Vertical,
-    border = _constants.BORDER.Standard,
-    showPrefixIcon = false,
-    prefixIcon
-  } = _ref;
-  var isExperimentalDark = appearance === _constants.APPEARANCE.ExperimentalDark;
+      dataHook,
+      showCloseButton = false,
+      onClose,
+      onAction,
+      actionText,
+      appearance = _constants.SKIN.Warning,
+      // TODO: add default to skin prop once appearance is removed
+      title,
+      size = _constants.SIZE.Medium,
+      fullWidth = false,
+      children,
+      layout = _constants.LAYOUT.Vertical,
+      border = _constants.BORDER.Standard,
+      showPrefixIcon = false,
+      prefixIcon
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var skin = props.skin || appearance;
+  var isExperimentalDark = skin === _constants.SKIN.ExperimentalDark;
   var {
     newColorsBranding
   } = (0, _react.useContext)(_context.WixDesignSystemContext);
-  var icon = showPrefixIcon && (prefixIcon !== null && prefixIcon !== void 0 ? prefixIcon : DEFAULT_ICONS[appearance]);
+  var icon = showPrefixIcon && (prefixIcon !== null && prefixIcon !== void 0 ? prefixIcon : DEFAULT_ICONS[skin]);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": dataHook,
-    "data-appearance": appearance,
+    "data-skin": skin,
     className: (0, _SectionHelperSt.st)(_SectionHelperSt.classes.root, {
-      appearance,
+      skin,
       withCloseBtn: showCloseButton,
       fullWidth,
       size,
@@ -110,7 +115,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 51,
       columnNumber: 5
     }
   }, showCloseButton && /*#__PURE__*/_react.default.createElement("div", {
@@ -120,7 +125,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 65,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
@@ -131,7 +136,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 66,
       columnNumber: 11
     }
   })), icon && /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -141,7 +146,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 76,
       columnNumber: 9
     }
   }, icon), /*#__PURE__*/_react.default.createElement("div", {
@@ -152,7 +157,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 85,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -160,7 +165,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 86,
       columnNumber: 9
     }
   }, title && /*#__PURE__*/_react.default.createElement("div", {
@@ -168,7 +173,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 88,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -180,7 +185,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 89,
       columnNumber: 15
     }
   }, title)), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -190,7 +195,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 101,
       columnNumber: 11
     }
   }, children)), actionText && /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -203,7 +208,7 @@ var SectionHelper = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 111,
       columnNumber: 11
     }
   }, actionText)));
@@ -212,6 +217,7 @@ SectionHelper.displayName = 'SectionHelper';
 SectionHelper.propTypes = {
   dataHook: _propTypes.default.string,
   appearance: _propTypes.default.oneOf(['warning', 'standard', 'danger', 'success', 'premium', 'preview', 'experimentalDark']),
+  skin: _propTypes.default.oneOf(['warning', 'standard', 'danger', 'success', 'premium', 'preview', 'experimentalDark']),
   title: _propTypes.default.node,
   size: _propTypes.default.oneOf(['small', 'medium']),
   showCloseButton: _propTypes.default.bool,

package/dist/cjs/SectionHelper/SectionHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Text","_Button","_CloseButton","_constants","_SectionHelperSt","_context","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICONS","APPEARANCE","Standard","createElement","InfoCircle","__self","__source","fileName","lineNumber","columnNumber","Success","StatusComplete","Warning","StatusWarning","Danger","StatusAlert","Premium","Preview","ExperimentalDark","SectionHelper","_ref","dataHook","showCloseButton","onClose","onAction","actionText","appearance","title","size","SIZE","Medium","fullWidth","children","layout","LAYOUT","Vertical","border","BORDER","showPrefixIcon","prefixIcon","isExperimentalDark","newColorsBranding","useContext","WixDesignSystemContext","icon","className","st","classes","root","withCloseBtn","hasPrefix","close","dataHooks","closeButton","skin","onClick","prefix","light","content","textContainer","text","weight","action","priority","actionButton","displayName","propTypes","PropTypes","string","oneOf","node","bool","func","any","_default","exports"],"sources":["../../../src/SectionHelper/SectionHelper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  InfoCircle,\n  StatusAlert,\n  StatusComplete,\n  StatusWarning,\n} from '@wix/wix-ui-icons-common';\n\nimport Text from '../Text';\nimport Button from '../Button';\nimport CloseButton from '../CloseButton';\nimport { APPEARANCE, dataHooks, LAYOUT, SIZE, BORDER } from './constants';\nimport { classes, st } from './SectionHelper.st.css';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport {\n  SectionHelperAppearance,\n  SectionHelperProps,\n} from './SectionHelper.types';\n\nconst DEFAULT_ICONS: Record<SectionHelperAppearance, React.ReactNode> = {\n  [APPEARANCE.Standard]: <InfoCircle />,\n  [APPEARANCE.Success]: <StatusComplete />,\n  [APPEARANCE.Warning]: <StatusWarning />,\n  [APPEARANCE.Danger]: <StatusAlert />,\n  [APPEARANCE.Premium]: <InfoCircle />,\n  [APPEARANCE.Preview]: <InfoCircle />,\n  [APPEARANCE.ExperimentalDark]: <InfoCircle />,\n};\n\nconst SectionHelper = ({\n  dataHook,\n  showCloseButton = false,\n  onClose,\n  onAction,\n  actionText,\n  appearance = APPEARANCE.Warning,\n  title,\n  size = SIZE.Medium,\n  fullWidth = false,\n  children,\n  layout = LAYOUT.Vertical,\n  border = BORDER.Standard,\n  showPrefixIcon = false,\n  prefixIcon,\n}: SectionHelperProps) => {\n  const isExperimentalDark = appearance === APPEARANCE.ExperimentalDark;\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n  const icon = showPrefixIcon && (prefixIcon ?? DEFAULT_ICONS[appearance]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-appearance={appearance}\n      className={st(classes.root, {\n        appearance,\n        withCloseBtn: showCloseButton,\n        fullWidth,\n        size,\n        newColorsBranding,\n        border,\n        hasPrefix: showPrefixIcon,\n      })}\n    >\n      {showCloseButton && (\n        <div className={st(classes.close, { size })}>\n          <CloseButton\n            dataHook={dataHooks.closeButton}\n            size=\"medium\"\n            skin={isExperimentalDark ? 'light' : 'dark'}\n            onClick={onClose}\n          />\n        </div>\n      )}\n\n      {icon && (\n        <Text\n          dataHook={dataHooks.prefix}\n          className={st(classes.prefix)}\n          light={isExperimentalDark}\n        >\n          {icon}\n        </Text>\n      )}\n\n      <div className={st(classes.content, { size, layout })}>\n        <div className={st(classes.textContainer)}>\n          {title && (\n            <div className={classes.title}>\n              <Text\n                className={classes.text}\n                light={isExperimentalDark}\n                dataHook={dataHooks.title}\n                size=\"small\"\n                weight=\"bold\"\n              >\n                {title}\n              </Text>\n            </div>\n          )}\n\n          <Text\n            className={classes.text}\n            size=\"small\"\n            light={isExperimentalDark}\n          >\n            {children}\n          </Text>\n        </div>\n\n        {actionText && (\n          <Button\n            className={st(classes.action)}\n            size={size === 'small' ? 'tiny' : 'small'}\n            skin={isExperimentalDark ? 'standard' : 'dark'}\n            priority={isExperimentalDark ? 'primary' : 'secondary'}\n            onClick={onAction}\n            dataHook={dataHooks.actionButton}\n          >\n            {actionText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSectionHelper.displayName = 'SectionHelper';\n\nSectionHelper.propTypes = {\n  dataHook: PropTypes.string,\n  appearance: PropTypes.oneOf([\n    'warning',\n    'standard',\n    'danger',\n    'success',\n    'premium',\n    'preview',\n    'experimentalDark',\n  ]),\n  title: PropTypes.node,\n  size: PropTypes.oneOf(['small', 'medium']),\n  showCloseButton: PropTypes.bool,\n  onClose: PropTypes.func,\n  onAction: PropTypes.func,\n  actionText: PropTypes.string,\n  children: PropTypes.node,\n  fullWidth: PropTypes.bool,\n  layout: PropTypes.oneOf(['vertical', 'horizontal']),\n  border: PropTypes.oneOf(['standard', 'topBottom']),\n  showPrefixIcon: PropTypes.any,\n  prefixIcon: PropTypes.any,\n};\n\nexport default SectionHelper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Text","_Button","_CloseButton","_constants","_SectionHelperSt","_context","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICONS","SKIN","Standard","createElement","InfoCircle","__self","__source","fileName","lineNumber","columnNumber","Success","StatusComplete","Warning","StatusWarning","Danger","StatusAlert","Premium","Preview","ExperimentalDark","SectionHelper","_ref","dataHook","showCloseButton","onClose","onAction","actionText","appearance","title","size","SIZE","Medium","fullWidth","children","layout","LAYOUT","Vertical","border","BORDER","showPrefixIcon","prefixIcon","props","_objectWithoutProperties2","skin","isExperimentalDark","newColorsBranding","useContext","WixDesignSystemContext","icon","className","st","classes","root","withCloseBtn","hasPrefix","close","dataHooks","closeButton","onClick","prefix","light","content","textContainer","text","weight","action","priority","actionButton","displayName","propTypes","PropTypes","string","oneOf","node","bool","func","any","_default","exports"],"sources":["../../../src/SectionHelper/SectionHelper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  InfoCircle,\n  StatusAlert,\n  StatusComplete,\n  StatusWarning,\n} from '@wix/wix-ui-icons-common';\n\nimport Text from '../Text';\nimport Button from '../Button';\nimport CloseButton from '../CloseButton';\nimport { SKIN, dataHooks, LAYOUT, SIZE, BORDER } from './constants';\nimport { classes, st } from './SectionHelper.st.css';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { SectionHelperSkin, SectionHelperProps } from './SectionHelper.types';\n\nconst DEFAULT_ICONS: Record<SectionHelperSkin, React.ReactNode> = {\n  [SKIN.Standard]: <InfoCircle />,\n  [SKIN.Success]: <StatusComplete />,\n  [SKIN.Warning]: <StatusWarning />,\n  [SKIN.Danger]: <StatusAlert />,\n  [SKIN.Premium]: <InfoCircle />,\n  [SKIN.Preview]: <InfoCircle />,\n  [SKIN.ExperimentalDark]: <InfoCircle />,\n};\n\nconst SectionHelper = ({\n  dataHook,\n  showCloseButton = false,\n  onClose,\n  onAction,\n  actionText,\n  appearance = SKIN.Warning, // TODO: add default to skin prop once appearance is removed\n  title,\n  size = SIZE.Medium,\n  fullWidth = false,\n  children,\n  layout = LAYOUT.Vertical,\n  border = BORDER.Standard,\n  showPrefixIcon = false,\n  prefixIcon,\n  ...props\n}: SectionHelperProps) => {\n  const skin = props.skin || appearance;\n  const isExperimentalDark = skin === SKIN.ExperimentalDark;\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n  const icon = showPrefixIcon && (prefixIcon ?? DEFAULT_ICONS[skin]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-skin={skin}\n      className={st(classes.root, {\n        skin,\n        withCloseBtn: showCloseButton,\n        fullWidth,\n        size,\n        newColorsBranding,\n        border,\n        hasPrefix: showPrefixIcon,\n      })}\n    >\n      {showCloseButton && (\n        <div className={st(classes.close, { size })}>\n          <CloseButton\n            dataHook={dataHooks.closeButton}\n            size=\"medium\"\n            skin={isExperimentalDark ? 'light' : 'dark'}\n            onClick={onClose}\n          />\n        </div>\n      )}\n\n      {icon && (\n        <Text\n          dataHook={dataHooks.prefix}\n          className={st(classes.prefix)}\n          light={isExperimentalDark}\n        >\n          {icon}\n        </Text>\n      )}\n\n      <div className={st(classes.content, { size, layout })}>\n        <div className={st(classes.textContainer)}>\n          {title && (\n            <div className={classes.title}>\n              <Text\n                className={classes.text}\n                light={isExperimentalDark}\n                dataHook={dataHooks.title}\n                size=\"small\"\n                weight=\"bold\"\n              >\n                {title}\n              </Text>\n            </div>\n          )}\n\n          <Text\n            className={classes.text}\n            size=\"small\"\n            light={isExperimentalDark}\n          >\n            {children}\n          </Text>\n        </div>\n\n        {actionText && (\n          <Button\n            className={st(classes.action)}\n            size={size === 'small' ? 'tiny' : 'small'}\n            skin={isExperimentalDark ? 'standard' : 'dark'}\n            priority={isExperimentalDark ? 'primary' : 'secondary'}\n            onClick={onAction}\n            dataHook={dataHooks.actionButton}\n          >\n            {actionText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSectionHelper.displayName = 'SectionHelper';\n\nSectionHelper.propTypes = {\n  dataHook: PropTypes.string,\n  appearance: PropTypes.oneOf([\n    'warning',\n    'standard',\n    'danger',\n    'success',\n    'premium',\n    'preview',\n    'experimentalDark',\n  ]),\n  skin: PropTypes.oneOf([\n    'warning',\n    'standard',\n    'danger',\n    'success',\n    'premium',\n    'preview',\n    'experimentalDark',\n  ]),\n  title: PropTypes.node,\n  size: PropTypes.oneOf(['small', 'medium']),\n  showCloseButton: PropTypes.bool,\n  onClose: PropTypes.func,\n  onAction: PropTypes.func,\n  actionText: PropTypes.string,\n  children: PropTypes.node,\n  fullWidth: PropTypes.bool,\n  layout: PropTypes.oneOf(['vertical', 'horizontal']),\n  border: PropTypes.oneOf(['standard', 'topBottom']),\n  showPrefixIcon: PropTypes.any,\n  prefixIcon: PropTypes.any,\n};\n\nexport default SectionHelper;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_SectionHelper";
+var _namespace_ = "wds_1_195_0_SectionHelper";
 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_193_0_SectionHelper__root","content":"wds_1_193_0_SectionHelper__content","close":"wds_1_193_0_SectionHelper__close","prefix":"wds_1_193_0_SectionHelper__prefix","textContainer":"wds_1_193_0_SectionHelper__textContainer","title":"wds_1_193_0_SectionHelper__title","action":"wds_1_193_0_SectionHelper__action","text":"wds_1_193_0_SectionHelper__text"};
+module.exports.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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SectionHelper/SectionHelper.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/SectionHelper/SectionHelper.types.ts"],"sourcesContent":["import { APPEARANCE, LAYOUT, SIZE, BORDER } from './constants';\nimport { ValuesOf } from '../utils/typeUtils';\nimport React from 'react';\n\nexport type SectionHelperAppearance = ValuesOf<typeof APPEARANCE>;\nexport type SectionHelperSize = ValuesOf<typeof SIZE>;\nexport type SectionHelperLayout = ValuesOf<typeof LAYOUT>;\nexport type SectionHelperBorder = ValuesOf<typeof BORDER>;\n\nexport type SectionHelperProps = {\n  children?: React.ReactNode;\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Sets the look and feel of the component */\n  appearance?: SectionHelperAppearance;\n  /** Adds text as the title */\n  title?: React.ReactNode;\n  /** Controls the component padding*/\n  size?: SectionHelperSize;\n  /** decide if to show the close button */\n  showCloseButton?: boolean;\n  /** When provided, will make a close button appear and invoke it upon click */\n  onClose?: React.MouseEventHandler<HTMLElement>;\n  /** When provided, will make an action button appear and invoke it upon click */\n  onAction?: React.MouseEventHandler<HTMLElement>;\n  /** Text or any child component for the action button */\n  actionText?: React.ReactNode;\n  /** Set the content width to 100% */\n  fullWidth?: boolean;\n  /**\n   * Controls the component layout\n   * @default vertical\n   */\n  layout?: SectionHelperLayout;\n  /**\n   * Controls the component border\n   * @default standard\n   */\n  border?: SectionHelperBorder;\n  /** Enables showing prefix icon */\n  showPrefixIcon?: boolean;\n  /** Overrides default prefix icon */\n  prefixIcon?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/SectionHelper/SectionHelper.types.ts"],"sourcesContent":["import { SKIN, LAYOUT, SIZE, BORDER } from './constants';\nimport { ValuesOf } from '../utils/typeUtils';\nimport React from 'react';\n\nexport type SectionHelperSkin = ValuesOf<typeof SKIN>;\nexport type SectionHelperAppearance = SectionHelperSkin;\nexport type SectionHelperSize = ValuesOf<typeof SIZE>;\nexport type SectionHelperLayout = ValuesOf<typeof LAYOUT>;\nexport type SectionHelperBorder = ValuesOf<typeof BORDER>;\n\nexport type SectionHelperProps = {\n  children?: React.ReactNode;\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Sets the look and feel of the component */\n  skin?: SectionHelperSkin;\n  /** @deprecated use skin prop instead */\n  appearance?: SectionHelperAppearance;\n  /** Adds text as the title */\n  title?: React.ReactNode;\n  /** Controls the component padding*/\n  size?: SectionHelperSize;\n  /** decide if to show the close button */\n  showCloseButton?: boolean;\n  /** When provided, will make a close button appear and invoke it upon click */\n  onClose?: React.MouseEventHandler<HTMLElement>;\n  /** When provided, will make an action button appear and invoke it upon click */\n  onAction?: React.MouseEventHandler<HTMLElement>;\n  /** Text or any child component for the action button */\n  actionText?: React.ReactNode;\n  /** Set the content width to 100% */\n  fullWidth?: boolean;\n  /**\n   * Controls the component layout\n   * @default vertical\n   */\n  layout?: SectionHelperLayout;\n  /**\n   * Controls the component border\n   * @default standard\n   */\n  border?: SectionHelperBorder;\n  /** Enables showing prefix icon */\n  showPrefixIcon?: boolean;\n  /** Overrides default prefix icon */\n  prefixIcon?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -13,11 +13,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var sectionHelperUniDriverFactory = base => {
   var actionButtonDriver = () => (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.actionButton, "\"]")));
   var closeButtonDriver = () => (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.closeButton, "\"]")));
-  var hasAppearance = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)(function* (appearance) {
-      return (yield base.attr('data-appearance')) === appearance;
+  var hasSkin = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* (skin) {
+      return (yield base.attr('data-skin')) === skin;
     });
-    return function hasAppearance(_x) {
+    return function hasSkin(_x) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -70,37 +70,37 @@ var sectionHelperUniDriverFactory = base => {
      * Checks whether the component appears as "warning"
      * @return {Promise<boolean>}
      */
-    isWarning: () => hasAppearance(_constants.APPEARANCE.Warning),
+    isWarning: () => hasSkin(_constants.SKIN.Warning),
     /**
      * Checks whether the component appears as "standard"
      * @return {Promise<boolean>}
      */
-    isStandard: () => hasAppearance(_constants.APPEARANCE.Standard),
+    isStandard: () => hasSkin(_constants.SKIN.Standard),
     /**
      * Checks whether the component appears as "danger"
      * @return {Promise<boolean>}
      */
-    isDanger: () => hasAppearance(_constants.APPEARANCE.Danger),
+    isDanger: () => hasSkin(_constants.SKIN.Danger),
     /**
      * Checks whether the component appears as "experimentalDark"
      * @return {Promise<boolean>}
      */
-    isExperimentalDark: () => hasAppearance(_constants.APPEARANCE.ExperimentalDark),
+    isExperimentalDark: () => hasSkin(_constants.SKIN.ExperimentalDark),
     /**
      * Checks whether the component appears as "success"
      * @return {Promise<boolean>}
      */
-    isSuccess: () => hasAppearance(_constants.APPEARANCE.Success),
+    isSuccess: () => hasSkin(_constants.SKIN.Success),
     /**
      * Checks whether the component appears as "premium"
      * @return {Promise<boolean>}
      */
-    isPremium: () => hasAppearance(_constants.APPEARANCE.Premium),
+    isPremium: () => hasSkin(_constants.SKIN.Premium),
     /**
      * Checks whether the component appears as "preview"
      * @return {Promise<boolean>}
      */
-    isPreview: () => hasAppearance(_constants.APPEARANCE.Preview)
+    isPreview: () => hasSkin(_constants.SKIN.Preview)
   });
 };
 exports.sectionHelperUniDriverFactory = sectionHelperUniDriverFactory;