@wix/design-system 1.194.0 → 1.195.0

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_194_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_194_0_RichTextInputAreaForm__root","footer":"wds_1_194_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_194_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_194_0_RichTextInputArea__root","text-medium-thin":"wds_1_194_0_StylableTypography__text-medium-thin","font-medium":"wds_1_194_0_RichTextInputArea__font-medium","link":"wds_1_194_0_RichTextInputArea__link","toolbar":"wds_1_194_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_194_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_194_0_RichTextInputArea__statusIndicator"};
+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_194_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_194_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_194_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_194_0_RichTextToolbarButton__root","button":"wds_1_194_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_194_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_194_0_Search__root","content":"wds_1_194_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_194_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_194_0_SectionHeader__root","title":"wds_1_194_0_SectionHeader__title","titleText":"wds_1_194_0_SectionHeader__titleText","suffix":"wds_1_194_0_SectionHeader__suffix"};
+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_194_0_SectionHeader-color-bg","color-border":"--wds_1_194_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_194_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_194_0_SectionHelper__root","content":"wds_1_194_0_SectionHelper__content","close":"wds_1_194_0_SectionHelper__close","prefix":"wds_1_194_0_SectionHelper__prefix","textContainer":"wds_1_194_0_SectionHelper__textContainer","title":"wds_1_194_0_SectionHelper__title","action":"wds_1_194_0_SectionHelper__action","text":"wds_1_194_0_SectionHelper__text"};
+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;

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ButtonUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sectionHelperUniDriverFactory","base","actionButtonDriver","buttonDriverFactory","$","concat","dataHooks","actionButton","closeButtonDriver","closeButton","hasAppearance","_ref","_asyncToGenerator2","appearance","attr","_x","getPrefix","findByHook","prefix","baseUniDriverFactory","titleText","title","text","actionText","getButtonTextContent","clickAction","click","clickClose","isCloseButtonDisplayed","exists","hasPrefix","_hasPrefix","textContent","isWarning","APPEARANCE","Warning","isStandard","Standard","isDanger","Danger","isExperimentalDark","ExperimentalDark","isSuccess","Success","isPremium","Premium","isPreview","Preview","exports"],"sources":["../../../src/SectionHelper/SectionHelper.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { buttonDriverFactory } from '../Button/Button.uni.driver';\nimport { SectionHelperAppearance } from './SectionHelper.types';\nimport { APPEARANCE, dataHooks } from './constants';\n\nexport const sectionHelperUniDriverFactory = (base: UniDriver) => {\n  const actionButtonDriver = () =>\n    buttonDriverFactory(base.$(`[data-hook=\"${dataHooks.actionButton}\"]`));\n  const closeButtonDriver = () =>\n    buttonDriverFactory(base.$(`[data-hook=\"${dataHooks.closeButton}\"]`));\n  const hasAppearance = async (appearance: SectionHelperAppearance) =>\n    (await base.attr('data-appearance')) === appearance;\n  const getPrefix = () => findByHook(base, dataHooks.prefix);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets the title text\n     * @return {Promise<string>}\n     */\n    titleText: () => base.$(`[data-hook=\"${dataHooks.title}\"]`).text(),\n\n    /**\n     * Gets the action text\n     * @return {Promise<string>}\n     */\n    actionText: () => actionButtonDriver().getButtonTextContent(),\n\n    /**\n     * Clicks the action\n     * @return {Promise<void>}\n     */\n    clickAction: () => actionButtonDriver().click(),\n\n    /**\n     * Clicks the close button\n     * @return {Promise<void>}\n     */\n    clickClose: () => closeButtonDriver().click(),\n\n    /**\n     * Checks whether the close button is displayed\n     * @return {Promise<boolean>}\n     */\n    isCloseButtonDisplayed: () => closeButtonDriver().exists(),\n\n    /**\n     * Checks whether the prefix is displayed\n     * @return {Promise<boolean>}\n     */\n    hasPrefix: async () => getPrefix().exists(),\n\n    /**\n     * Gets the text content\n     * @return {Promise<string>}\n     */\n    textContent: () => base.text(),\n\n    /**\n     * Checks whether the component appears as \"warning\"\n     * @return {Promise<boolean>}\n     */\n    isWarning: () => hasAppearance(APPEARANCE.Warning),\n\n    /**\n     * Checks whether the component appears as \"standard\"\n     * @return {Promise<boolean>}\n     */\n    isStandard: () => hasAppearance(APPEARANCE.Standard),\n\n    /**\n     * Checks whether the component appears as \"danger\"\n     * @return {Promise<boolean>}\n     */\n    isDanger: () => hasAppearance(APPEARANCE.Danger),\n\n    /**\n     * Checks whether the component appears as \"experimentalDark\"\n     * @return {Promise<boolean>}\n     */\n    isExperimentalDark: () => hasAppearance(APPEARANCE.ExperimentalDark),\n\n    /**\n     * Checks whether the component appears as \"success\"\n     * @return {Promise<boolean>}\n     */\n    isSuccess: () => hasAppearance(APPEARANCE.Success),\n\n    /**\n     * Checks whether the component appears as \"premium\"\n     * @return {Promise<boolean>}\n     */\n    isPremium: () => hasAppearance(APPEARANCE.Premium),\n\n    /**\n     * Checks whether the component appears as \"preview\"\n     * @return {Promise<boolean>}\n     */\n    isPreview: () => hasAppearance(APPEARANCE.Preview),\n  };\n};\n\nexport type SectionHelperUniDriver = ReturnType<\n  typeof sectionHelperUniDriverFactory\n>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ButtonUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sectionHelperUniDriverFactory","base","actionButtonDriver","buttonDriverFactory","$","concat","dataHooks","actionButton","closeButtonDriver","closeButton","hasSkin","_ref","_asyncToGenerator2","skin","attr","_x","getPrefix","findByHook","prefix","baseUniDriverFactory","titleText","title","text","actionText","getButtonTextContent","clickAction","click","clickClose","isCloseButtonDisplayed","exists","hasPrefix","_hasPrefix","textContent","isWarning","SKIN","Warning","isStandard","Standard","isDanger","Danger","isExperimentalDark","ExperimentalDark","isSuccess","Success","isPremium","Premium","isPreview","Preview","exports"],"sources":["../../../src/SectionHelper/SectionHelper.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { buttonDriverFactory } from '../Button/Button.uni.driver';\nimport { SectionHelperSkin } from './SectionHelper.types';\nimport { SKIN, dataHooks } from './constants';\n\nexport const sectionHelperUniDriverFactory = (base: UniDriver) => {\n  const actionButtonDriver = () =>\n    buttonDriverFactory(base.$(`[data-hook=\"${dataHooks.actionButton}\"]`));\n  const closeButtonDriver = () =>\n    buttonDriverFactory(base.$(`[data-hook=\"${dataHooks.closeButton}\"]`));\n  const hasSkin = async (skin: SectionHelperSkin) =>\n    (await base.attr('data-skin')) === skin;\n  const getPrefix = () => findByHook(base, dataHooks.prefix);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets the title text\n     * @return {Promise<string>}\n     */\n    titleText: () => base.$(`[data-hook=\"${dataHooks.title}\"]`).text(),\n\n    /**\n     * Gets the action text\n     * @return {Promise<string>}\n     */\n    actionText: () => actionButtonDriver().getButtonTextContent(),\n\n    /**\n     * Clicks the action\n     * @return {Promise<void>}\n     */\n    clickAction: () => actionButtonDriver().click(),\n\n    /**\n     * Clicks the close button\n     * @return {Promise<void>}\n     */\n    clickClose: () => closeButtonDriver().click(),\n\n    /**\n     * Checks whether the close button is displayed\n     * @return {Promise<boolean>}\n     */\n    isCloseButtonDisplayed: () => closeButtonDriver().exists(),\n\n    /**\n     * Checks whether the prefix is displayed\n     * @return {Promise<boolean>}\n     */\n    hasPrefix: async () => getPrefix().exists(),\n\n    /**\n     * Gets the text content\n     * @return {Promise<string>}\n     */\n    textContent: () => base.text(),\n\n    /**\n     * Checks whether the component appears as \"warning\"\n     * @return {Promise<boolean>}\n     */\n    isWarning: () => hasSkin(SKIN.Warning),\n\n    /**\n     * Checks whether the component appears as \"standard\"\n     * @return {Promise<boolean>}\n     */\n    isStandard: () => hasSkin(SKIN.Standard),\n\n    /**\n     * Checks whether the component appears as \"danger\"\n     * @return {Promise<boolean>}\n     */\n    isDanger: () => hasSkin(SKIN.Danger),\n\n    /**\n     * Checks whether the component appears as \"experimentalDark\"\n     * @return {Promise<boolean>}\n     */\n    isExperimentalDark: () => hasSkin(SKIN.ExperimentalDark),\n\n    /**\n     * Checks whether the component appears as \"success\"\n     * @return {Promise<boolean>}\n     */\n    isSuccess: () => hasSkin(SKIN.Success),\n\n    /**\n     * Checks whether the component appears as \"premium\"\n     * @return {Promise<boolean>}\n     */\n    isPremium: () => hasSkin(SKIN.Premium),\n\n    /**\n     * Checks whether the component appears as \"preview\"\n     * @return {Promise<boolean>}\n     */\n    isPreview: () => hasSkin(SKIN.Preview),\n  };\n};\n\nexport type SectionHelperUniDriver = ReturnType<\n  typeof sectionHelperUniDriverFactory\n>;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SectionHelper/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = exports.SIZE = exports.LAYOUT = exports.BORDER = exports.APPEARANCE = void 0;
+exports.dataHooks = exports.SKIN = exports.SIZE = exports.LAYOUT = exports.BORDER = void 0;
 var prefix = 'sectionhelper';
 var dataHooks = exports.dataHooks = {
   prefix: "".concat(prefix, "-prefix"),
@@ -10,7 +10,7 @@ var dataHooks = exports.dataHooks = {
   content: "".concat(prefix, "-content"),
   actionButton: "".concat(prefix, "-action-btn")
 };
-var APPEARANCE = exports.APPEARANCE = {
+var SKIN = exports.SKIN = {
   Warning: 'warning',
   Standard: 'standard',
   Danger: 'danger',

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

@@ -1 +1 @@
-{"version":3,"names":["prefix","dataHooks","exports","concat","closeButton","title","content","actionButton","APPEARANCE","Warning","Standard","Danger","Success","Premium","Preview","ExperimentalDark","SIZE","Small","Medium","LAYOUT","Vertical","Horizontal","BORDER","TopBottom"],"sources":["../../../src/SectionHelper/constants.ts"],"sourcesContent":["const prefix = 'sectionhelper';\n\nexport const dataHooks = {\n  prefix: `${prefix}-prefix`,\n  closeButton: `${prefix}-close-btn`,\n  title: `${prefix}-title`,\n  content: `${prefix}-content`,\n  actionButton: `${prefix}-action-btn`,\n};\n\nexport const APPEARANCE = {\n  Warning: 'warning',\n  Standard: 'standard',\n  Danger: 'danger',\n  Success: 'success',\n  Premium: 'premium',\n  Preview: 'preview',\n  ExperimentalDark: 'experimentalDark',\n} as const;\n\nexport const SIZE = {\n  Small: 'small',\n  Medium: 'medium',\n} as const;\n\nexport const LAYOUT = {\n  Vertical: 'vertical',\n  Horizontal: 'horizontal',\n} as const;\n\nexport const BORDER = {\n  Standard: 'standard',\n  TopBottom: 'topBottom',\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,eAAe;AAEvB,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBD,MAAM,KAAAG,MAAA,CAAKH,MAAM,YAAS;EAC1BI,WAAW,KAAAD,MAAA,CAAKH,MAAM,eAAY;EAClCK,KAAK,KAAAF,MAAA,CAAKH,MAAM,WAAQ;EACxBM,OAAO,KAAAH,MAAA,CAAKH,MAAM,aAAU;EAC5BO,YAAY,KAAAJ,MAAA,CAAKH,MAAM;AACzB,CAAC;AAEM,IAAMQ,UAAU,GAAAN,OAAA,CAAAM,UAAA,GAAG;EACxBC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,gBAAgB,EAAE;AACpB,CAAU;AAEH,IAAMC,IAAI,GAAAd,OAAA,CAAAc,IAAA,GAAG;EAClBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAU;AAEH,IAAMC,MAAM,GAAAjB,OAAA,CAAAiB,MAAA,GAAG;EACpBC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE;AACd,CAAU;AAEH,IAAMC,MAAM,GAAApB,OAAA,CAAAoB,MAAA,GAAG;EACpBZ,QAAQ,EAAE,UAAU;EACpBa,SAAS,EAAE;AACb,CAAU","ignoreList":[]}
+{"version":3,"names":["prefix","dataHooks","exports","concat","closeButton","title","content","actionButton","SKIN","Warning","Standard","Danger","Success","Premium","Preview","ExperimentalDark","SIZE","Small","Medium","LAYOUT","Vertical","Horizontal","BORDER","TopBottom"],"sources":["../../../src/SectionHelper/constants.ts"],"sourcesContent":["const prefix = 'sectionhelper';\n\nexport const dataHooks = {\n  prefix: `${prefix}-prefix`,\n  closeButton: `${prefix}-close-btn`,\n  title: `${prefix}-title`,\n  content: `${prefix}-content`,\n  actionButton: `${prefix}-action-btn`,\n};\n\nexport const SKIN = {\n  Warning: 'warning',\n  Standard: 'standard',\n  Danger: 'danger',\n  Success: 'success',\n  Premium: 'premium',\n  Preview: 'preview',\n  ExperimentalDark: 'experimentalDark',\n} as const;\n\nexport const SIZE = {\n  Small: 'small',\n  Medium: 'medium',\n} as const;\n\nexport const LAYOUT = {\n  Vertical: 'vertical',\n  Horizontal: 'horizontal',\n} as const;\n\nexport const BORDER = {\n  Standard: 'standard',\n  TopBottom: 'topBottom',\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,eAAe;AAEvB,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBD,MAAM,KAAAG,MAAA,CAAKH,MAAM,YAAS;EAC1BI,WAAW,KAAAD,MAAA,CAAKH,MAAM,eAAY;EAClCK,KAAK,KAAAF,MAAA,CAAKH,MAAM,WAAQ;EACxBM,OAAO,KAAAH,MAAA,CAAKH,MAAM,aAAU;EAC5BO,YAAY,KAAAJ,MAAA,CAAKH,MAAM;AACzB,CAAC;AAEM,IAAMQ,IAAI,GAAAN,OAAA,CAAAM,IAAA,GAAG;EAClBC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,gBAAgB,EAAE;AACpB,CAAU;AAEH,IAAMC,IAAI,GAAAd,OAAA,CAAAc,IAAA,GAAG;EAClBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAU;AAEH,IAAMC,MAAM,GAAAjB,OAAA,CAAAiB,MAAA,GAAG;EACpBC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE;AACd,CAAU;AAEH,IAAMC,MAAM,GAAApB,OAAA,CAAAoB,MAAA,GAAG;EACpBZ,QAAQ,EAAE,UAAU;EACpBa,SAAS,EAAE;AACb,CAAU","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_194_0_SegmentedToggle";
+var _namespace_ = "wds_1_195_0_SegmentedToggle";
 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_SegmentedToggle__root","divider":"wds_1_194_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_195_0_SegmentedToggle__root","divider":"wds_1_195_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};