@wix/design-system 1.146.1 → 1.147.0

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FloatingHelper";
+var _namespace_ = "wds_1_147_0_FloatingHelper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FloatingHelper__root","closeButton":"wds_1_146_1_FloatingHelper__closeButton","innerContent":"wds_1_146_1_FloatingHelper__innerContent"};
+export var classes = {"root":"wds_1_147_0_FloatingHelper__root","closeButton":"wds_1_147_0_FloatingHelper__closeButton","innerContent":"wds_1_147_0_FloatingHelper__innerContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FloatingHelperContent";
+var _namespace_ = "wds_1_147_0_FloatingHelperContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FloatingHelperContent__root","title":"wds_1_146_1_FloatingHelperContent__title","action":"wds_1_146_1_FloatingHelperContent__action","image":"wds_1_146_1_FloatingHelperContent__image","footer":"wds_1_146_1_FloatingHelperContent__footer"};
+export var classes = {"root":"wds_1_147_0_FloatingHelperContent__root","title":"wds_1_147_0_FloatingHelperContent__title","action":"wds_1_147_0_FloatingHelperContent__action","image":"wds_1_147_0_FloatingHelperContent__image","footer":"wds_1_147_0_FloatingHelperContent__footer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FloatingNotification";
+var _namespace_ = "wds_1_147_0_FloatingNotification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FloatingNotification__root","icon":"wds_1_146_1_FloatingNotification__icon","text":"wds_1_146_1_FloatingNotification__text","textButton":"wds_1_146_1_FloatingNotification__textButton","button":"wds_1_146_1_FloatingNotification__button","gap":"wds_1_146_1_FloatingNotification__gap","close":"wds_1_146_1_FloatingNotification__close"};
+export var classes = {"root":"wds_1_147_0_FloatingNotification__root","icon":"wds_1_147_0_FloatingNotification__icon","text":"wds_1_147_0_FloatingNotification__text","textButton":"wds_1_147_0_FloatingNotification__textButton","button":"wds_1_147_0_FloatingNotification__button","gap":"wds_1_147_0_FloatingNotification__gap","close":"wds_1_147_0_FloatingNotification__close"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FormField";
+var _namespace_ = "wds_1_147_0_FormField";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FormField__root","text-small-thin":"wds_1_146_1_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_146_1_StylableTypography__text-tiny-thin","label":"wds_1_146_1_FormField__label","suffix":"wds_1_146_1_FormField__suffix","children":"wds_1_146_1_FormField__children","statusMessage":"wds_1_146_1_FormField__statusMessage","labelRow":"wds_1_146_1_FormField__labelRow","labelRowMain":"wds_1_146_1_FormField__labelRowMain","asterisk":"wds_1_146_1_FormField__asterisk","charCount":"wds_1_146_1_FormField__charCount","infoIcon":"wds_1_146_1_FormField__infoIcon","statusIcon":"wds_1_146_1_FormField__statusIcon"};
+export var classes = {"root":"wds_1_147_0_FormField__root","text-small-thin":"wds_1_147_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_147_0_StylableTypography__text-tiny-thin","label":"wds_1_147_0_FormField__label","suffix":"wds_1_147_0_FormField__suffix","children":"wds_1_147_0_FormField__children","statusMessage":"wds_1_147_0_FormField__statusMessage","labelRow":"wds_1_147_0_FormField__labelRow","labelRowMain":"wds_1_147_0_FormField__labelRowMain","asterisk":"wds_1_147_0_FormField__asterisk","charCount":"wds_1_147_0_FormField__charCount","infoIcon":"wds_1_147_0_FormField__infoIcon","statusIcon":"wds_1_147_0_FormField__statusIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/border.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_border";
+var _namespace_ = "wds_1_147_0_border";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_border__root"};
+export var classes = {"root":"wds_1_147_0_border__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/breakpoints.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_breakpoints";
+var _namespace_ = "wds_1_147_0_breakpoints";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_breakpoints__root"};
+export var classes = {"root":"wds_1_147_0_breakpoints__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/colors.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_colors";
+var _namespace_ = "wds_1_147_0_colors";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_colors__root"};
+export var classes = {"root":"wds_1_147_0_colors__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/default-scroll-bar.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_defaultscrollbar";
+var _namespace_ = "wds_1_147_0_defaultscrollbar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_defaultscrollbar__root","defaultScrollBar":"wds_1_146_1_defaultscrollbar__defaultScrollBar"};
+export var classes = {"root":"wds_1_147_0_defaultscrollbar__root","defaultScrollBar":"wds_1_147_0_defaultscrollbar__defaultScrollBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/easing.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_easing";
+var _namespace_ = "wds_1_147_0_easing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_easing__root"};
+export var classes = {"root":"wds_1_147_0_easing__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/gradients.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_gradients";
+var _namespace_ = "wds_1_147_0_gradients";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_gradients__root"};
+export var classes = {"root":"wds_1_147_0_gradients__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/opacity.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_opacity";
+var _namespace_ = "wds_1_147_0_opacity";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_opacity__root"};
+export var classes = {"root":"wds_1_147_0_opacity__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/shadows.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_shadows";
+var _namespace_ = "wds_1_147_0_shadows";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_shadows__root"};
+export var classes = {"root":"wds_1_147_0_shadows__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/spacing.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_spacing";
+var _namespace_ = "wds_1_147_0_spacing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_spacing__root"};
+export var classes = {"root":"wds_1_147_0_spacing__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/typography.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_StylableTypography";
+var _namespace_ = "wds_1_147_0_StylableTypography";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_StylableTypography__root","text-extra-tiny-thin":"wds_1_146_1_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_146_1_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_146_1_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_146_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_146_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_146_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_146_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_146_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_146_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_146_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_146_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_146_1_StylableTypography__text-medium-bold","heading-h1":"wds_1_146_1_StylableTypography__heading-h1","heading-h2":"wds_1_146_1_StylableTypography__heading-h2","heading-h3":"wds_1_146_1_StylableTypography__heading-h3","heading-h4":"wds_1_146_1_StylableTypography__heading-h4","heading-h5":"wds_1_146_1_StylableTypography__heading-h5","heading-h6":"wds_1_146_1_StylableTypography__heading-h6","heading-xl":"wds_1_146_1_StylableTypography__heading-xl","heading-l":"wds_1_146_1_StylableTypography__heading-l","heading-m":"wds_1_146_1_StylableTypography__heading-m","heading-s":"wds_1_146_1_StylableTypography__heading-s","heading-t":"wds_1_146_1_StylableTypography__heading-t","heading-xt":"wds_1_146_1_StylableTypography__heading-xt","caption-1":"wds_1_146_1_StylableTypography__caption-1"};
+export var classes = {"root":"wds_1_147_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_147_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_147_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_147_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_147_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_147_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_147_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_147_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_147_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_147_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_147_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_147_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_147_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_147_0_StylableTypography__heading-h1","heading-h2":"wds_1_147_0_StylableTypography__heading-h2","heading-h3":"wds_1_147_0_StylableTypography__heading-h3","heading-h4":"wds_1_147_0_StylableTypography__heading-h4","heading-h5":"wds_1_147_0_StylableTypography__heading-h5","heading-h6":"wds_1_147_0_StylableTypography__heading-h6","heading-xl":"wds_1_147_0_StylableTypography__heading-xl","heading-l":"wds_1_147_0_StylableTypography__heading-l","heading-m":"wds_1_147_0_StylableTypography__heading-m","heading-s":"wds_1_147_0_StylableTypography__heading-s","heading-t":"wds_1_147_0_StylableTypography__heading-t","heading-xt":"wds_1_147_0_StylableTypography__heading-xt","caption-1":"wds_1_147_0_StylableTypography__caption-1"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Foundation/stylable/z-index.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_zindex";
+var _namespace_ = "wds_1_147_0_zindex";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_zindex__root"};
+export var classes = {"root":"wds_1_147_0_zindex__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.js

@@ -4,38 +4,52 @@ import Tooltip from '../../Tooltip';
 import Heading from '../../Heading';
 import Badge from '../../Badge';
 import { withFocusable } from '../../common/Focusable';
+import { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';
 import { st, classes } from './FunnelBadge.st.css.js';
 import { dataHooks } from '../constants';
 class StandardBadge extends PureComponent {
     render() {
-        const { value, className, focusableOnBlur, focusableOnFocus, dataHook } = this.props;
-        return (React.createElement("div", { className: st(classes.badge, className), "data-hook": dataHook, tabIndex: 0, onBlur: focusableOnBlur, onFocus: focusableOnFocus },
-            React.createElement("span", { className: classes.badgeContent },
+        const { value, skin, prefixIcon, className, focusableOnBlur, focusableOnFocus, dataHook, } = this.props;
+        return (React.createElement("div", { className: st(classes.badge, { skin }, className), "data-hook": dataHook, tabIndex: 0, onBlur: focusableOnBlur, onFocus: focusableOnFocus, "data-skin": skin },
+            React.createElement("div", { className: classes.badgeContent },
+                !!prefixIcon &&
+                    React.cloneElement(prefixIcon, {
+                        'data-prefix-icon': true,
+                    }),
                 React.createElement(Heading, { className: classes.badgeText, size: "extraTiny", dataHook: dataHooks.badgeValue }, value))));
     }
 }
 class DarkBadge extends PureComponent {
     render() {
-        const { value, className, focusableOnBlur, focusableOnFocus, dataHook } = this.props;
-        return (React.createElement("div", { className: st(classes.darkBadge, className), "data-hook": dataHook, tabIndex: 0, onBlur: focusableOnBlur, onFocus: focusableOnFocus },
-            React.createElement(Badge, { type: "transparent", dataHook: dataHooks.badgeValue }, value)));
+        const { value, className, focusableOnBlur, focusableOnFocus, dataHook, prefixIcon, } = this.props;
+        return (React.createElement("div", { className: st(classes.darkBadge, className), "data-hook": dataHook, tabIndex: 0, onBlur: focusableOnBlur, onFocus: focusableOnFocus, "data-skin": "dark" },
+            React.createElement(Badge, { type: "transparent", dataHook: dataHooks.badgeValue, prefixIcon: prefixIcon }, value)));
     }
 }
 const FocusedStandardBadge = withFocusable(StandardBadge);
 const FocusedDarkBadge = withFocusable(DarkBadge);
 export const FunnelBadge = props => {
-    const { tooltipContent, onTooltipShow, value, differenceBadgeSkin } = props;
-    return (React.createElement(Tooltip, { dataHook: dataHooks.badgeTooltip, disabled: !tooltipContent, content: tooltipContent, onShow: onTooltipShow, moveBy: { y: 2 }, textAlign: "start", size: "small" }, differenceBadgeSkin === 'dark'
-        ? React.createElement(FocusedDarkBadge, { value: value, dataHook: dataHooks.badge })
-        : React.createElement(FocusedStandardBadge, { value: value, dataHook: dataHooks.badge })));
+    const { tooltipContent, tooltipProps, onTooltipShow, value, differenceBadgeSkin, ...otherProps } = props;
+    return (React.createElement(Tooltip, { dataHook: dataHooks.badgeTooltip, disabled: !tooltipContent, content: tooltipContent, onShow: onTooltipShow, moveBy: { y: 2 }, textAlign: "start", size: "small", ...tooltipProps }, differenceBadgeSkin === 'dark'
+        ? React.createElement(FocusedDarkBadge, { value: value, dataHook: dataHooks.badge, ...otherProps })
+        : React.createElement(FocusedStandardBadge, { value: value, dataHook: dataHooks.badge, skin: differenceBadgeSkin, ...otherProps })));
 };
 FunnelBadge.propTypes = {
     /** Badge's value */
     value: PropTypes.string.isRequired,
     /** Tooltip content. Can be either string or renderable node */
     tooltipContent: PropTypes.node,
+    /** Tooltip properties */
+    tooltipProps: PropTypes.shape(TooltipCommonProps),
+    /** Prefix icon. Can be React.ReactNode */
+    prefixIcon: PropTypes.node,
     /** When provided, changes badge skin */
-    differenceBadgeSkin: PropTypes.oneOf(['standard', 'dark']),
+    differenceBadgeSkin: PropTypes.oneOf([
+        'standard',
+        'dark',
+        'success',
+        'general',
+    ]),
     /** Callback on tooltip content show event */
     onTooltipShow: PropTypes.func,
 };

package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.js.map

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

package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FunnelBadge";
+var _namespace_ = "wds_1_147_0_FunnelBadge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FunnelBadge__root","badge":"wds_1_146_1_FunnelBadge__badge","badgeContent":"wds_1_146_1_FunnelBadge__badgeContent","badgeText":"wds_1_146_1_FunnelBadge__badgeText","darkBadge":"wds_1_146_1_FunnelBadge__darkBadge"};
+export var classes = {"root":"wds_1_147_0_FunnelBadge__root","badge":"wds_1_147_0_FunnelBadge__badge","badgeText":"wds_1_147_0_FunnelBadge__badgeText","badgeContent":"wds_1_147_0_FunnelBadge__badgeContent","darkBadge":"wds_1_147_0_FunnelBadge__darkBadge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelBar/FunnelBar.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FunnelBar";
+var _namespace_ = "wds_1_147_0_FunnelBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FunnelBar__root","filledBar":"wds_1_146_1_FunnelBar__filledBar"};
+export var classes = {"root":"wds_1_147_0_FunnelBar__root","filledBar":"wds_1_147_0_FunnelBar__filledBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/FunnelChart/FunnelChart.js

@@ -12,7 +12,7 @@ const calculateBarsHeights = ({ funnelChartData, startValue }) => funnelChartDat
     return percentage > 100 ? 100 : percentage;
 });
 /** FunnelChart */
-const FunnelChart = ({ dataHook, className, data, hideDifferenceBadge, fullHeight, differenceBadgeSkin = 'standard', differenceBadgeTooltipContent = () => '', onDifferenceBadgeTooltipShow = () => { }, }) => {
+const FunnelChart = ({ dataHook, className, data, hideDifferenceBadge, fullHeight, differenceBadgeSkin = 'standard', differenceBadgeProps = () => ({}), differenceBadgeTooltipContent = () => '', differenceBadgeTooltipProps = () => ({}), onDifferenceBadgeTooltipShow = () => { }, differenceStepSkin = () => 'standard', }) => {
     if (data.length < 2) {
         return null;
     }
@@ -27,7 +27,7 @@ const FunnelChart = ({ dataHook, className, data, hideDifferenceBadge, fullHeigh
             const isLastItem = index === data.length - 1;
             return (React.createElement(Fragment, { key: item.label },
                 React.createElement(FunnelBar, { height: currentBarHeight, dataHook: dataHooks.funnelChartItem }),
-                isLastItem || data[index + 1].value === 0 ? (React.createElement(EmptyFunnelStep, null)) : (React.createElement(FunnelStep, { currentBarIndex: index, currentBarData: data[index], nextBarData: data[index + 1], currentBarHeight: currentBarHeight, nextBarHeight: nextBarHeight, hideDifferenceBadge: hideDifferenceBadge, differenceBadgeSkin: differenceBadgeSkin, getTooltipContent: differenceBadgeTooltipContent, onTooltipShow: onDifferenceBadgeTooltipShow }))));
+                isLastItem || data[index + 1].value === 0 ? (React.createElement(EmptyFunnelStep, null)) : (React.createElement(FunnelStep, { currentBarIndex: index, currentBarData: data[index], nextBarData: data[index + 1], currentBarHeight: currentBarHeight, nextBarHeight: nextBarHeight, hideDifferenceBadge: hideDifferenceBadge, differenceBadgeSkin: differenceBadgeSkin, getDifferenceBadgeProps: differenceBadgeProps, getDifferenceStepSkin: differenceStepSkin, getTooltipContent: differenceBadgeTooltipContent, getTooltipProps: differenceBadgeTooltipProps, onTooltipShow: onDifferenceBadgeTooltipShow }))));
         })),
         React.createElement("section", { className: classes.labels }, data.map(item => {
             return (React.createElement("div", { key: item.label, className: classes.labelWrapper },
@@ -57,16 +57,33 @@ FunnelChart.propTypes = {
     fullHeight: PropTypes.bool,
     /** A flag that controls the appearance of the calculated percentage badge */
     hideDifferenceBadge: PropTypes.bool,
-    /** When provided, changes badge skin */
+    /** When provided, changes badge skin
+     * @deprecated
+     */
     differenceBadgeSkin: PropTypes.oneOf(['standard', 'dark']),
-    /** Returns the tooltip content by current index and badge's value (in percentage)
+    /** Returns the step skin by current index, badge's percentage and raw values
+     * ##### Signature:
+     * `({currentIndex: number, difference: string, differenceValue: number}) => 'standard' | 'success'`
+     */
+    differenceStepSkin: PropTypes.func,
+    /** Returns the badge props by current index, badge's percentage and raw values
      * ##### Signature:
-     * `({currentIndex: number, difference: string}) => string`
+     * `({currentIndex: number, difference: string, differenceValue: number}) => FunnelBadgeCommonProps`
+     */
+    differenceBadgeProps: PropTypes.func,
+    /** Returns the tooltip props by current index, badge's percentage and raw values
+     * ##### Signature:
+     * `({currentIndex: number, difference: string, differenceValue: number}) => React.ReactNode`
      */
     differenceBadgeTooltipContent: PropTypes.func,
-    /** Callback on tooltip content show event by current index and badge's value (in percentage)
+    /** Returns the tooltip props by current index, badge's percentage and raw values
+     * ##### Signature:
+     * `({currentIndex: number, difference: string, differenceValue: number}) => TooltipCommonProps`
+     */
+    differenceBadgeTooltipProps: PropTypes.func,
+    /** Callback on tooltip content show event by current index, badge's percentage and raw values
      * ##### Signature:
-     * `({currentIndex: number, difference: string}) => void`
+     * `({currentIndex: number, difference: string, differenceValue: number}) => void`
      */
     onDifferenceBadgeTooltipShow: PropTypes.func,
 };

package/dist/esm/FunnelChart/FunnelChart.js.map

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

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FunnelChart";
+var _namespace_ = "wds_1_147_0_FunnelChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FunnelChart__root","funnel":"wds_1_146_1_FunnelChart__funnel","labels":"wds_1_146_1_FunnelChart__labels","labelWrapper":"wds_1_146_1_FunnelChart__labelWrapper"};
+export var classes = {"root":"wds_1_147_0_FunnelChart__root","funnel":"wds_1_147_0_FunnelChart__funnel","labels":"wds_1_147_0_FunnelChart__labels","labelWrapper":"wds_1_147_0_FunnelChart__labelWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -59,6 +59,54 @@ export const funnelChartDriverFactory = (base, body) => {
          * @return {Promise<boolean>}
          */
         isDisplayingBadges: async () => base.$$(`[data-hook="${dataHooks.badge}"]`).count() > 0,
+        /**
+         * Get tooltip size from index
+         * @param {number} index Item index
+         * @return {Promise<string>}
+         */
+        getDifferenceTooltipSizeAt: async (index) => {
+            const tooltip = await getTooltipDriverAtIndex(dataHooks.badgeTooltip, index);
+            if (!(await tooltip.exists())) {
+                return null;
+            }
+            return (await tooltip.element()).getAttribute('data-size');
+        },
+        /**
+         * Get step skin from index
+         * @param {number} index Item index
+         * @return {Promise<string>}
+         */
+        getDifferenceStepSkinAt: async (index) => {
+            const step = await findByHookAtIndex(base, dataHooks.step, index);
+            if (!(await step.exists())) {
+                return null;
+            }
+            return step.attr('data-skin');
+        },
+        /**
+         * Get badge skin from index
+         * @param {number} index Item index
+         * @return {Promise<string>}
+         */
+        getDifferenceBadgeSkinAt: async (index) => {
+            const badge = await findByHookAtIndex(base, dataHooks.badge, index);
+            if (!(await badge.exists())) {
+                return null;
+            }
+            return badge.attr('data-skin');
+        },
+        /**
+         * Checks whether badge from index has an icon
+         * @param {number} index Item index
+         * @return {Promise<boolean>}
+         */
+        differenceBadgeHasIconAt: async (index) => {
+            const badge = await findByHookAtIndex(base, dataHooks.badge, index);
+            if (!(await badge.exists())) {
+                return null;
+            }
+            return badge.$('[data-prefix-icon]').exists();
+        },
     };
 };
 //# sourceMappingURL=FunnelChart.uni.driver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FunnelChart.uni.driver.js","sourceRoot":"","sources":["../../../src/FunnelChart/FunnelChart.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,GACZ,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACrD,MAAM,uBAAuB,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC/D,OAAO,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QAE5D,OAAO,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QAEnC;;;WAGG;QACH,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;QAEjE;;;;WAIG;QACH,UAAU,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE,CACxB,CAAC,MAAM,oBAAoB,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE;QAErE;;;;WAIG;QACH,UAAU,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE,CACxB,CAAC,MAAM,oBAAoB,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE;QAEpE;;;;WAIG;QACH,uBAAuB,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YACrC,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YACrE,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;gBAC3B,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QAED;;;;WAIG;QACH,8BAA8B,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YAC5C,MAAM,OAAO,GAAG,MAAM,uBAAuB,CAC3C,SAAS,CAAC,YAAY,EACtB,KAAK,CACN,CAAC;YACF,IAAI,CAAC,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;gBAC9B,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,OAAO,CAAC,cAAc,EAAE,CAAC;QAClC,CAAC;QAED;;;WAGG;QACH,kBAAkB,EAAE,KAAK,IAAI,EAAE,CAC7B,IAAI,CAAC,EAAE,CAAC,eAAe,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC;KAC1D,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"FunnelChart.uni.driver.js","sourceRoot":"","sources":["../../../src/FunnelChart/FunnelChart.uni.driver.js"],"names":[],"mappings":"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"}

package/dist/esm/FunnelChart/FunnelLabel/FunnelLabel.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_146_1_FunnelLabel";
+var _namespace_ = "wds_1_147_0_FunnelLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_146_1_FunnelLabel__root"};
+export var classes = {"root":"wds_1_147_0_FunnelLabel__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};