@wix/design-system 1.168.0 → 1.170.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_FormField";
+var _namespace_ = "wds_1_170_0_FormField";
 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_168_0_FormField__root","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","label":"wds_1_168_0_FormField__label","suffix":"wds_1_168_0_FormField__suffix","children":"wds_1_168_0_FormField__children","statusMessage":"wds_1_168_0_FormField__statusMessage","labelRow":"wds_1_168_0_FormField__labelRow","labelRowMain":"wds_1_168_0_FormField__labelRowMain","asterisk":"wds_1_168_0_FormField__asterisk","charCount":"wds_1_168_0_FormField__charCount","infoIcon":"wds_1_168_0_FormField__infoIcon","statusIcon":"wds_1_168_0_FormField__statusIcon"};
+module.exports.classes = {"root":"wds_1_170_0_FormField__root","text-small-thin":"wds_1_170_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_170_0_StylableTypography__text-tiny-thin","label":"wds_1_170_0_FormField__label","suffix":"wds_1_170_0_FormField__suffix","children":"wds_1_170_0_FormField__children","statusMessage":"wds_1_170_0_FormField__statusMessage","labelRow":"wds_1_170_0_FormField__labelRow","labelRowMain":"wds_1_170_0_FormField__labelRowMain","asterisk":"wds_1_170_0_FormField__asterisk","charCount":"wds_1_170_0_FormField__charCount","infoIcon":"wds_1_170_0_FormField__infoIcon","statusIcon":"wds_1_170_0_FormField__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/FormField/FormField.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { TooltipCommonProps } from '../common';\nimport { TextProps } from '../Text';\nimport { ALIGN, PLACEMENT, STATUS, LABEL_SIZE } from './FormField.constants';\n\nexport interface FormFieldProps\n  extends Pick<TextProps, 'ellipsis' | 'maxLines'> {\n  /** when function, it receives object with:\n   * * `setCharactersLeft` - function accepts a number and will display it on top right of `FormField` component\n   *\n   * Note that alternatively you can also use `charCount` prop to display character count\n   * instead of using the render function method.\n   */\n\n  /** Accept any kind of component as a child element. A child should be a form element like an Input, InputArea, Dropdown or RichTextArea. */\n  children?:\n  | React.ReactNode\n  | ((data: { setCharactersLeft: CharactersLeftFn }) => React.ReactNode);\n  /** Sets the maximum length for the field value. Character count is displayed in the top right corner of a component. */\n  charCount?: number;\n  /** Defines whether or not the content (children container) grows when there's space available. Otherwise, it only uses the necessary space. */\n  stretchContent?: boolean;\n  /** Sets a field label. It’s default value is a text string, but it can be overridden with any other component. */\n  label?: React.ReactNode;\n  /** Controls the label alignment */\n  labelAlignment?: LabelAlignment;\n  /** Controls the label placement */\n  labelPlacement?: LabelPlacement;\n  /** Controls the size of label */\n  labelSize?: LabelSize;\n  /** Marks a field as mandatory with an asterisk (*) at the end of a label. */\n  required?: boolean;\n  /** Displays a passed info message in a tooltip. Default value is a text string, but it can also be overridden with any other component. */\n  infoContent?: React.ReactNode;\n  /** Allows control over the tooltip style and behaviour by passed tooltip properties.\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  infoTooltipProps?: TooltipCommonProps;\n  /** Adds a custom element at the end of the label row (it overrides the charCount in case it's provided). */\n  suffix?: React.ReactNode;\n  /** Sets the type of status message, to give it appropriate colors and icons */\n  status?: StatusType;\n  /** Sets the status message. It is displayed bellow the child component*/\n  statusMessage?: React.ReactNode;\n  /** Input id used for connecting label to the input element using native ```for``` attribute\n   *\n   * ```js\n   * <FormField id=\"myFormField\" label=\"Hello\">\n   *   <Input id=\"myFormField\"/>\n   * </FormField>\n   * ```\n   */\n  id?: string;\n  /** Sets the id of the label */\n  labelId?: string;\n  /** Applies a data-hook HTML attribute that can be used in tests. */\n  dataHook?: string;\n  /** Applies custom width to the label. Works only when `labelPlacement` value is `right` or `left`*/\n  labelWidth?: string;\n  /** Applies custom width to the child component. Works only when `labelPlacement` value is `right` or `left` */\n  inputWidth?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  classNames?: string;\n}\n\nexport type StatusType = ValuesOf<typeof STATUS>;\nexport type LabelPlacement = ValuesOf<typeof PLACEMENT>;\nexport type LabelSize = ValuesOf<typeof LABEL_SIZE>;\nexport type LabelAlignment = ValuesOf<typeof ALIGN>;\ntype CharactersLeftFn = (lengthLeft: number) => void;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/FormField/FormField.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { TooltipCommonProps } from '../common';\nimport { TextProps } from '../Text';\nimport { ALIGN, PLACEMENT, STATUS, LABEL_SIZE } from './FormField.constants';\n\nexport interface FormFieldProps\n  extends Pick<TextProps, 'ellipsis' | 'maxLines'> {\n  /** when function, it receives object with:\n   * * `setCharactersLeft` - function accepts a number and will display it on top right of `FormField` component\n   *\n   * Note that alternatively you can also use `charCount` prop to display character count\n   * instead of using the render function method.\n   */\n\n  /** Accept any kind of component as a child element. A child should be a form element like an Input, InputArea, Dropdown or RichTextArea. */\n  children?:\n    | React.ReactNode\n    | ((data: { setCharactersLeft: CharactersLeftFn }) => React.ReactNode);\n  /** Sets the maximum length for the field value. Character count is displayed in the top right corner of a component. */\n  charCount?: number;\n  /** Defines whether or not the content (children container) grows when there's space available. Otherwise, it only uses the necessary space. */\n  stretchContent?: boolean;\n  /** Sets a field label. It’s default value is a text string, but it can be overridden with any other component. */\n  label?: React.ReactNode;\n  /** Controls the label alignment */\n  labelAlignment?: LabelAlignment;\n  /** Controls the label placement */\n  labelPlacement?: LabelPlacement;\n  /** Controls the size of label */\n  labelSize?: LabelSize;\n  /** Marks a field as mandatory with an asterisk (*) at the end of a label. */\n  required?: boolean;\n  /** Displays a passed info message in a tooltip. Default value is a text string, but it can also be overridden with any other component. */\n  infoContent?: React.ReactNode;\n  /** Allows control over the tooltip style and behaviour by passed tooltip properties.\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  infoTooltipProps?: TooltipCommonProps;\n  /** Adds a custom element at the end of the label row (it overrides the charCount in case it's provided). */\n  suffix?: React.ReactNode;\n  /** Sets the type of status message, to give it appropriate colors and icons */\n  status?: StatusType;\n  /** Sets the status message. It is displayed bellow the child component*/\n  statusMessage?: React.ReactNode;\n  /** Input id used for connecting label to the input element using native ```for``` attribute\n   *\n   * ```js\n   * <FormField id=\"myFormField\" label=\"Hello\">\n   *   <Input id=\"myFormField\"/>\n   * </FormField>\n   * ```\n   */\n  id?: string;\n  /** Sets the id of the label */\n  labelId?: string;\n  /** Applies a data-hook HTML attribute that can be used in tests. */\n  dataHook?: string;\n  /** Applies custom width to the label. Works only when `labelPlacement` value is `right` or `left`*/\n  labelWidth?: string;\n  /** Applies custom width to the child component. Works only when `labelPlacement` value is `right` or `left` */\n  inputWidth?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  classNames?: string;\n}\n\nexport type StatusType = ValuesOf<typeof STATUS>;\nexport type LabelPlacement = ValuesOf<typeof PLACEMENT>;\nexport type LabelSize = ValuesOf<typeof LABEL_SIZE>;\nexport type LabelAlignment = ValuesOf<typeof ALIGN>;\ntype CharactersLeftFn = (lengthLeft: number) => void;\n"],"mappings":"","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_border";
+var _namespace_ = "wds_1_170_0_border";
 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_168_0_border__root"};
+module.exports.classes = {"root":"wds_1_170_0_border__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_breakpoints";
+var _namespace_ = "wds_1_170_0_breakpoints";
 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_168_0_breakpoints__root"};
+module.exports.classes = {"root":"wds_1_170_0_breakpoints__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_colors";
+var _namespace_ = "wds_1_170_0_colors";
 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_168_0_colors__root"};
+module.exports.classes = {"root":"wds_1_170_0_colors__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_defaultscrollbar";
+var _namespace_ = "wds_1_170_0_defaultscrollbar";
 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_168_0_defaultscrollbar__root","defaultScrollBar":"wds_1_168_0_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_170_0_defaultscrollbar__root","defaultScrollBar":"wds_1_170_0_defaultscrollbar__defaultScrollBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_easing";
+var _namespace_ = "wds_1_170_0_easing";
 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_168_0_easing__root"};
+module.exports.classes = {"root":"wds_1_170_0_easing__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_gradients";
+var _namespace_ = "wds_1_170_0_gradients";
 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_168_0_gradients__root"};
+module.exports.classes = {"root":"wds_1_170_0_gradients__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_opacity";
+var _namespace_ = "wds_1_170_0_opacity";
 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_168_0_opacity__root"};
+module.exports.classes = {"root":"wds_1_170_0_opacity__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_shadows";
+var _namespace_ = "wds_1_170_0_shadows";
 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_168_0_shadows__root"};
+module.exports.classes = {"root":"wds_1_170_0_shadows__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_spacing";
+var _namespace_ = "wds_1_170_0_spacing";
 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_168_0_spacing__root"};
+module.exports.classes = {"root":"wds_1_170_0_spacing__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_StylableTypography";
+var _namespace_ = "wds_1_170_0_StylableTypography";
 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_168_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_168_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_168_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_168_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_168_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_168_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_168_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_168_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_168_0_StylableTypography__heading-h1","heading-h2":"wds_1_168_0_StylableTypography__heading-h2","heading-h3":"wds_1_168_0_StylableTypography__heading-h3","heading-h4":"wds_1_168_0_StylableTypography__heading-h4","heading-h5":"wds_1_168_0_StylableTypography__heading-h5","heading-h6":"wds_1_168_0_StylableTypography__heading-h6","heading-xl":"wds_1_168_0_StylableTypography__heading-xl","heading-l":"wds_1_168_0_StylableTypography__heading-l","heading-m":"wds_1_168_0_StylableTypography__heading-m","heading-s":"wds_1_168_0_StylableTypography__heading-s","heading-t":"wds_1_168_0_StylableTypography__heading-t","heading-xt":"wds_1_168_0_StylableTypography__heading-xt","caption-1":"wds_1_168_0_StylableTypography__caption-1"};
+module.exports.classes = {"root":"wds_1_170_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_170_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_170_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_170_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_170_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_170_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_170_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_170_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_170_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_170_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_170_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_170_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_170_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_170_0_StylableTypography__heading-h1","heading-h2":"wds_1_170_0_StylableTypography__heading-h2","heading-h3":"wds_1_170_0_StylableTypography__heading-h3","heading-h4":"wds_1_170_0_StylableTypography__heading-h4","heading-h5":"wds_1_170_0_StylableTypography__heading-h5","heading-h6":"wds_1_170_0_StylableTypography__heading-h6","heading-xl":"wds_1_170_0_StylableTypography__heading-xl","heading-l":"wds_1_170_0_StylableTypography__heading-l","heading-m":"wds_1_170_0_StylableTypography__heading-m","heading-s":"wds_1_170_0_StylableTypography__heading-s","heading-t":"wds_1_170_0_StylableTypography__heading-t","heading-xt":"wds_1_170_0_StylableTypography__heading-xt","caption-1":"wds_1_170_0_StylableTypography__caption-1"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_zindex";
+var _namespace_ = "wds_1_170_0_zindex";
 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_168_0_zindex__root"};
+module.exports.classes = {"root":"wds_1_170_0_zindex__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.js

@@ -138,8 +138,8 @@ var FunnelBadge = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
-      columnNumber: 13
+      lineNumber: 107,
+      columnNumber: 9
     }
   })) : /*#__PURE__*/_react.default.createElement(FocusedStandardBadge, (0, _extends2.default)({
     value: value,
@@ -149,8 +149,8 @@ var FunnelBadge = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
-      columnNumber: 13
+      lineNumber: 113,
+      columnNumber: 9
     }
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Tooltip","_Heading","_Badge","_Focusable","_TooltipCommon","_FunnelBadgeSt","_constants","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StandardBadge","PureComponent","render","value","skin","prefixIcon","className","focusableOnBlur","focusableOnFocus","dataHook","props","createElement","st","classes","badge","tabIndex","onBlur","onFocus","__self","__source","fileName","lineNumber","columnNumber","badgeContent","React","cloneElement","badgeText","size","dataHooks","badgeValue","DarkBadge","darkBadge","type","FocusedStandardBadge","withFocusable","FocusedDarkBadge","FunnelBadge","tooltipContent","tooltipProps","onTooltipShow","differenceBadgeSkin","otherProps","_objectWithoutProperties2","_extends2","badgeTooltip","disabled","content","onShow","moveBy","y","textAlign","exports","propTypes","PropTypes","string","isRequired","node","shape","TooltipCommonProps","oneOf","func"],"sources":["../../../../src/FunnelChart/FunnelBadge/FunnelBadge.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Tooltip from '../../Tooltip';\nimport Heading from '../../Heading';\nimport Badge from '../../Badge';\nimport { withFocusable } from '../../common/Focusable';\nimport { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';\n\nimport { st, classes } from './FunnelBadge.st.css';\nimport { dataHooks } from '../constants';\n\nclass StandardBadge extends PureComponent {\n  render() {\n    const {\n      value,\n      skin,\n      prefixIcon,\n      className,\n      focusableOnBlur,\n      focusableOnFocus,\n      dataHook,\n    } = this.props;\n    return (\n      <div\n        className={st(classes.badge, { skin }, className)}\n        data-hook={dataHook}\n        tabIndex={0}\n        onBlur={focusableOnBlur}\n        onFocus={focusableOnFocus}\n        data-skin={skin}\n      >\n        <div className={classes.badgeContent}>\n          {!!prefixIcon &&\n            React.cloneElement(prefixIcon, {\n              'data-prefix-icon': true,\n            })}\n          <Heading\n            className={classes.badgeText}\n            size=\"extraTiny\"\n            dataHook={dataHooks.badgeValue}\n          >\n            {value}\n          </Heading>\n        </div>\n      </div>\n    );\n  }\n}\n\nclass DarkBadge extends PureComponent {\n  render() {\n    const {\n      value,\n      className,\n      focusableOnBlur,\n      focusableOnFocus,\n      dataHook,\n      prefixIcon,\n    } = this.props;\n    return (\n      <div\n        className={st(classes.darkBadge, className)}\n        data-hook={dataHook}\n        tabIndex={0}\n        onBlur={focusableOnBlur}\n        onFocus={focusableOnFocus}\n        data-skin=\"dark\"\n      >\n        <Badge\n          type=\"transparent\"\n          dataHook={dataHooks.badgeValue}\n          prefixIcon={prefixIcon}\n        >\n          {value}\n        </Badge>\n      </div>\n    );\n  }\n}\n\nconst FocusedStandardBadge = withFocusable(StandardBadge);\nconst FocusedDarkBadge = withFocusable(DarkBadge);\n\nexport const FunnelBadge = props => {\n  const {\n    tooltipContent,\n    tooltipProps,\n    onTooltipShow,\n    value,\n    differenceBadgeSkin,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tooltip\n      dataHook={dataHooks.badgeTooltip}\n      disabled={!tooltipContent}\n      content={tooltipContent}\n      onShow={onTooltipShow}\n      moveBy={{ y: 2 }}\n      textAlign=\"start\"\n      size=\"small\"\n      {...tooltipProps}\n    >\n      {\n        differenceBadgeSkin === 'dark'\n          ? <FocusedDarkBadge value={value} dataHook={dataHooks.badge} {...otherProps} />\n          : <FocusedStandardBadge value={value} dataHook={dataHooks.badge} skin={differenceBadgeSkin} {...otherProps} />\n      }\n    </Tooltip>\n  );\n};\n\nFunnelBadge.propTypes = {\n  /** Badge's value */\n  value: PropTypes.string.isRequired,\n\n  /** Tooltip content. Can be either string or renderable node */\n  tooltipContent: PropTypes.node,\n\n  /** Tooltip properties */\n  tooltipProps: PropTypes.shape(TooltipCommonProps),\n\n  /** Prefix icon. Can be React.ReactNode */\n  prefixIcon: PropTypes.node,\n\n  /** When provided, changes badge skin */\n  differenceBadgeSkin: PropTypes.oneOf([\n    'standard',\n    'dark',\n    'success',\n    'general',\n  ]),\n\n  /** Callback on tooltip content show event */\n  onTooltipShow: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Tooltip","_Heading","_Badge","_Focusable","_TooltipCommon","_FunnelBadgeSt","_constants","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StandardBadge","PureComponent","render","value","skin","prefixIcon","className","focusableOnBlur","focusableOnFocus","dataHook","props","createElement","st","classes","badge","tabIndex","onBlur","onFocus","__self","__source","fileName","lineNumber","columnNumber","badgeContent","React","cloneElement","badgeText","size","dataHooks","badgeValue","DarkBadge","darkBadge","type","FocusedStandardBadge","withFocusable","FocusedDarkBadge","FunnelBadge","tooltipContent","tooltipProps","onTooltipShow","differenceBadgeSkin","otherProps","_objectWithoutProperties2","_extends2","badgeTooltip","disabled","content","onShow","moveBy","y","textAlign","exports","propTypes","PropTypes","string","isRequired","node","shape","TooltipCommonProps","oneOf","func"],"sources":["../../../../src/FunnelChart/FunnelBadge/FunnelBadge.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Tooltip from '../../Tooltip';\nimport Heading from '../../Heading';\nimport Badge from '../../Badge';\nimport { withFocusable } from '../../common/Focusable';\nimport { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';\n\nimport { st, classes } from './FunnelBadge.st.css';\nimport { dataHooks } from '../constants';\n\nclass StandardBadge extends PureComponent {\n  render() {\n    const {\n      value,\n      skin,\n      prefixIcon,\n      className,\n      focusableOnBlur,\n      focusableOnFocus,\n      dataHook,\n    } = this.props;\n    return (\n      <div\n        className={st(classes.badge, { skin }, className)}\n        data-hook={dataHook}\n        tabIndex={0}\n        onBlur={focusableOnBlur}\n        onFocus={focusableOnFocus}\n        data-skin={skin}\n      >\n        <div className={classes.badgeContent}>\n          {!!prefixIcon &&\n            React.cloneElement(prefixIcon, {\n              'data-prefix-icon': true,\n            })}\n          <Heading\n            className={classes.badgeText}\n            size=\"extraTiny\"\n            dataHook={dataHooks.badgeValue}\n          >\n            {value}\n          </Heading>\n        </div>\n      </div>\n    );\n  }\n}\n\nclass DarkBadge extends PureComponent {\n  render() {\n    const {\n      value,\n      className,\n      focusableOnBlur,\n      focusableOnFocus,\n      dataHook,\n      prefixIcon,\n    } = this.props;\n    return (\n      <div\n        className={st(classes.darkBadge, className)}\n        data-hook={dataHook}\n        tabIndex={0}\n        onBlur={focusableOnBlur}\n        onFocus={focusableOnFocus}\n        data-skin=\"dark\"\n      >\n        <Badge\n          type=\"transparent\"\n          dataHook={dataHooks.badgeValue}\n          prefixIcon={prefixIcon}\n        >\n          {value}\n        </Badge>\n      </div>\n    );\n  }\n}\n\nconst FocusedStandardBadge = withFocusable(StandardBadge);\nconst FocusedDarkBadge = withFocusable(DarkBadge);\n\nexport const FunnelBadge = props => {\n  const {\n    tooltipContent,\n    tooltipProps,\n    onTooltipShow,\n    value,\n    differenceBadgeSkin,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tooltip\n      dataHook={dataHooks.badgeTooltip}\n      disabled={!tooltipContent}\n      content={tooltipContent}\n      onShow={onTooltipShow}\n      moveBy={{ y: 2 }}\n      textAlign=\"start\"\n      size=\"small\"\n      {...tooltipProps}\n    >\n      {differenceBadgeSkin === 'dark' ? (\n        <FocusedDarkBadge\n          value={value}\n          dataHook={dataHooks.badge}\n          {...otherProps}\n        />\n      ) : (\n        <FocusedStandardBadge\n          value={value}\n          dataHook={dataHooks.badge}\n          skin={differenceBadgeSkin}\n          {...otherProps}\n        />\n      )}\n    </Tooltip>\n  );\n};\n\nFunnelBadge.propTypes = {\n  /** Badge's value */\n  value: PropTypes.string.isRequired,\n\n  /** Tooltip content. Can be either string or renderable node */\n  tooltipContent: PropTypes.node,\n\n  /** Tooltip properties */\n  tooltipProps: PropTypes.shape(TooltipCommonProps),\n\n  /** Prefix icon. Can be React.ReactNode */\n  prefixIcon: PropTypes.node,\n\n  /** When provided, changes badge skin */\n  differenceBadgeSkin: PropTypes.oneOf([\n    'standard',\n    'dark',\n    'success',\n    'general',\n  ]),\n\n  /** Callback on tooltip content show event */\n  onTooltipShow: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_FunnelBadge";
+var _namespace_ = "wds_1_170_0_FunnelBadge";
 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_168_0_FunnelBadge__root","badge":"wds_1_168_0_FunnelBadge__badge","badgeText":"wds_1_168_0_FunnelBadge__badgeText","badgeContent":"wds_1_168_0_FunnelBadge__badgeContent","darkBadge":"wds_1_168_0_FunnelBadge__darkBadge"};
+module.exports.classes = {"root":"wds_1_170_0_FunnelBadge__root","badge":"wds_1_170_0_FunnelBadge__badge","badgeText":"wds_1_170_0_FunnelBadge__badgeText","badgeContent":"wds_1_170_0_FunnelBadge__badgeContent","darkBadge":"wds_1_170_0_FunnelBadge__darkBadge"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_FunnelBar";
+var _namespace_ = "wds_1_170_0_FunnelBar";
 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_168_0_FunnelBar__root","filledBar":"wds_1_168_0_FunnelBar__filledBar"};
+module.exports.classes = {"root":"wds_1_170_0_FunnelBar__root","filledBar":"wds_1_170_0_FunnelBar__filledBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_FunnelChart";
+var _namespace_ = "wds_1_170_0_FunnelChart";
 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_168_0_FunnelChart__root","funnel":"wds_1_168_0_FunnelChart__funnel","labels":"wds_1_168_0_FunnelChart__labels","labelWrapper":"wds_1_168_0_FunnelChart__labelWrapper"};
+module.exports.classes = {"root":"wds_1_170_0_FunnelChart__root","funnel":"wds_1_170_0_FunnelChart__funnel","labels":"wds_1_170_0_FunnelChart__labels","labelWrapper":"wds_1_170_0_FunnelChart__labelWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_FunnelLabel";
+var _namespace_ = "wds_1_170_0_FunnelLabel";
 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_168_0_FunnelLabel__root"};
+module.exports.classes = {"root":"wds_1_170_0_FunnelLabel__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.js

@@ -68,7 +68,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -79,7 +79,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 93,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -90,7 +90,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 99,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -102,7 +102,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 103,
       columnNumber: 7
     }
   }), hideDifferenceBadge ? null : /*#__PURE__*/_react.default.createElement("div", {
@@ -115,7 +115,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 112,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_FunnelBadge.FunnelBadge, (0, _extends2.default)({
@@ -128,7 +128,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 116,
       columnNumber: 11
     }
   }))));
@@ -141,7 +141,7 @@ var EmptyFunnelStep = () => /*#__PURE__*/_react.default.createElement("div", {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 123,
+    lineNumber: 131,
     columnNumber: 38
   }
 });

package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FunnelStepSt","_FunnelBadge","_numberFormatters","_constants","_excluded","_jsxFileName","BADGE_STANDARD_FIXED_PERCENT_POSITION","BADGE_DARK_FIXED_PERCENT_POSITION","BADGE_STANDARD_MAX_TOP_POSITION","BADGE_DARK_MAX_TOP_POSITION","BADGE_OVERFLOWED_TOP_POSITION","calculateBadgeTopPosition","currentDeltaHeight","nextDeltaHeight","differenceBadgeSkin","isDarkBadge","badgeFixedPercentPosition","badgeMaxTopPosition","calculatedBadgePosition","Math","max","FunnelStep","_ref","currentBarIndex","currentBarData","nextBarData","currentBarHeight","nextBarHeight","hideDifferenceBadge","getDifferenceBadgeProps","getDifferenceStepSkin","getTooltipContent","getTooltipProps","onTooltipShow","badgeTopPosition","difference","countPercentageFromBase","value","differenceInPercentage","formatToPercent","dataForDifferenceBadge","currentIndex","differenceValue","_getDifferenceBadgePr","skin","otherDifferenceBadgeProps","_objectWithoutProperties2","default","chosenBadgeSkin","styleAttributes","nextBarIsFlat","createElement","className","st","classes","root","dataHooks","step","__self","__source","fileName","lineNumber","columnNumber","funnelStepRotated","style","height","concat","funnelStep","funnelStepPlaceholder","top","badgeWrapper","FunnelBadge","_extends2","tooltipContent","tooltipProps","exports","EmptyFunnelStep"],"sources":["../../../../src/FunnelChart/FunnelStep/FunnelStep.js"],"sourcesContent":["import React from 'react';\nimport { st, classes } from './FunnelStep.st.css';\nimport { FunnelBadge } from '../FunnelBadge';\n\nimport {\n  countPercentageFromBase,\n  formatToPercent,\n} from '../../utils/numberFormatters';\nimport { dataHooks } from '../constants'\n\nconst BADGE_STANDARD_FIXED_PERCENT_POSITION = 0.6;\nconst BADGE_DARK_FIXED_PERCENT_POSITION = 0.45;\nconst BADGE_STANDARD_MAX_TOP_POSITION = 86;\nconst BADGE_DARK_MAX_TOP_POSITION = 90;\nconst BADGE_OVERFLOWED_TOP_POSITION = 10;\n\nfunction calculateBadgeTopPosition(currentDeltaHeight, nextDeltaHeight, differenceBadgeSkin) {\n  const isDarkBadge = differenceBadgeSkin === 'dark';\n  const badgeFixedPercentPosition = isDarkBadge ? BADGE_DARK_FIXED_PERCENT_POSITION : BADGE_STANDARD_FIXED_PERCENT_POSITION;\n  const badgeMaxTopPosition = isDarkBadge ? BADGE_DARK_MAX_TOP_POSITION : BADGE_STANDARD_MAX_TOP_POSITION;\n  const calculatedBadgePosition = Math.max(\n    currentDeltaHeight + nextDeltaHeight * badgeFixedPercentPosition,\n    100 - badgeMaxTopPosition,\n  );\n\n  return calculatedBadgePosition < 0\n    ? BADGE_OVERFLOWED_TOP_POSITION\n    : calculatedBadgePosition;\n}\n\nexport const FunnelStep = ({\n  currentBarIndex,\n  currentBarData,\n  nextBarData,\n  currentBarHeight,\n  nextBarHeight,\n  hideDifferenceBadge,\n  differenceBadgeSkin, // remove\n  getDifferenceBadgeProps,\n  getDifferenceStepSkin,\n  getTooltipContent,\n  getTooltipProps,\n  onTooltipShow,\n}) => {\n  const nextDeltaHeight = currentBarHeight - nextBarHeight;\n  const currentDeltaHeight = 100 - currentBarHeight;\n  const badgeTopPosition = calculateBadgeTopPosition(\n    currentDeltaHeight,\n    nextDeltaHeight,\n    differenceBadgeSkin,\n  );\n\n  const difference = countPercentageFromBase(\n    +currentBarData.value,\n    +nextBarData.value,\n    0,\n  );\n\n  const differenceInPercentage = formatToPercent(difference);\n\n  const dataForDifferenceBadge = {\n    currentIndex: currentBarIndex,\n    differenceValue: difference / 100,\n    difference: differenceInPercentage,\n  };\n\n  const { skin, ...otherDifferenceBadgeProps } = getDifferenceBadgeProps(\n    dataForDifferenceBadge,\n  );\n\n  const chosenBadgeSkin = skin ?? differenceBadgeSkin;\n  const isDarkBadge = chosenBadgeSkin === 'dark';\n\n  const styleAttributes = {\n    nextBarIsFlat: nextBarHeight === 0,\n    skin: getDifferenceStepSkin(dataForDifferenceBadge),\n  };\n\n  return (\n    <div\n      className={st(classes.root, styleAttributes)}\n      data-hook={dataHooks.step}\n      data-skin={styleAttributes.skin}\n    >\n      <div\n        className={classes.funnelStepRotated}\n        style={{\n          height: `${nextDeltaHeight}%`,\n        }}\n      />\n      <div\n        className={classes.funnelStep}\n        style={{ height: `${nextBarHeight}%` }}\n      />\n      <div\n        className={classes.funnelStepPlaceholder}\n        style={{\n          top: `${currentDeltaHeight}%`,\n          height: `${nextDeltaHeight}%`,\n        }}\n      />\n\n      {hideDifferenceBadge ? null : (\n        <div\n          className={st(classes.badgeWrapper, { top: isDarkBadge })}\n          style={{ top: `${badgeTopPosition}%` }}\n        >\n          <FunnelBadge\n            value={differenceInPercentage}\n            tooltipContent={getTooltipContent(dataForDifferenceBadge)}\n            tooltipProps={getTooltipProps(dataForDifferenceBadge)}\n            differenceBadgeSkin={chosenBadgeSkin}\n            onTooltipShow={() => onTooltipShow(dataForDifferenceBadge)}\n            {...otherDifferenceBadgeProps}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\n/** It just takes place but doesn't display or calculate anything */\nexport const EmptyFunnelStep = () => <div className={st(classes.root)} />;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FunnelStepSt","_FunnelBadge","_numberFormatters","_constants","_excluded","_jsxFileName","BADGE_STANDARD_FIXED_PERCENT_POSITION","BADGE_DARK_FIXED_PERCENT_POSITION","BADGE_STANDARD_MAX_TOP_POSITION","BADGE_DARK_MAX_TOP_POSITION","BADGE_OVERFLOWED_TOP_POSITION","calculateBadgeTopPosition","currentDeltaHeight","nextDeltaHeight","differenceBadgeSkin","isDarkBadge","badgeFixedPercentPosition","badgeMaxTopPosition","calculatedBadgePosition","Math","max","FunnelStep","_ref","currentBarIndex","currentBarData","nextBarData","currentBarHeight","nextBarHeight","hideDifferenceBadge","getDifferenceBadgeProps","getDifferenceStepSkin","getTooltipContent","getTooltipProps","onTooltipShow","badgeTopPosition","difference","countPercentageFromBase","value","differenceInPercentage","formatToPercent","dataForDifferenceBadge","currentIndex","differenceValue","_getDifferenceBadgePr","skin","otherDifferenceBadgeProps","_objectWithoutProperties2","default","chosenBadgeSkin","styleAttributes","nextBarIsFlat","createElement","className","st","classes","root","dataHooks","step","__self","__source","fileName","lineNumber","columnNumber","funnelStepRotated","style","height","concat","funnelStep","funnelStepPlaceholder","top","badgeWrapper","FunnelBadge","_extends2","tooltipContent","tooltipProps","exports","EmptyFunnelStep"],"sources":["../../../../src/FunnelChart/FunnelStep/FunnelStep.js"],"sourcesContent":["import React from 'react';\nimport { st, classes } from './FunnelStep.st.css';\nimport { FunnelBadge } from '../FunnelBadge';\n\nimport {\n  countPercentageFromBase,\n  formatToPercent,\n} from '../../utils/numberFormatters';\nimport { dataHooks } from '../constants';\n\nconst BADGE_STANDARD_FIXED_PERCENT_POSITION = 0.6;\nconst BADGE_DARK_FIXED_PERCENT_POSITION = 0.45;\nconst BADGE_STANDARD_MAX_TOP_POSITION = 86;\nconst BADGE_DARK_MAX_TOP_POSITION = 90;\nconst BADGE_OVERFLOWED_TOP_POSITION = 10;\n\nfunction calculateBadgeTopPosition(\n  currentDeltaHeight,\n  nextDeltaHeight,\n  differenceBadgeSkin,\n) {\n  const isDarkBadge = differenceBadgeSkin === 'dark';\n  const badgeFixedPercentPosition = isDarkBadge\n    ? BADGE_DARK_FIXED_PERCENT_POSITION\n    : BADGE_STANDARD_FIXED_PERCENT_POSITION;\n  const badgeMaxTopPosition = isDarkBadge\n    ? BADGE_DARK_MAX_TOP_POSITION\n    : BADGE_STANDARD_MAX_TOP_POSITION;\n  const calculatedBadgePosition = Math.max(\n    currentDeltaHeight + nextDeltaHeight * badgeFixedPercentPosition,\n    100 - badgeMaxTopPosition,\n  );\n\n  return calculatedBadgePosition < 0\n    ? BADGE_OVERFLOWED_TOP_POSITION\n    : calculatedBadgePosition;\n}\n\nexport const FunnelStep = ({\n  currentBarIndex,\n  currentBarData,\n  nextBarData,\n  currentBarHeight,\n  nextBarHeight,\n  hideDifferenceBadge,\n  differenceBadgeSkin, // remove\n  getDifferenceBadgeProps,\n  getDifferenceStepSkin,\n  getTooltipContent,\n  getTooltipProps,\n  onTooltipShow,\n}) => {\n  const nextDeltaHeight = currentBarHeight - nextBarHeight;\n  const currentDeltaHeight = 100 - currentBarHeight;\n  const badgeTopPosition = calculateBadgeTopPosition(\n    currentDeltaHeight,\n    nextDeltaHeight,\n    differenceBadgeSkin,\n  );\n\n  const difference = countPercentageFromBase(\n    +currentBarData.value,\n    +nextBarData.value,\n    0,\n  );\n\n  const differenceInPercentage = formatToPercent(difference);\n\n  const dataForDifferenceBadge = {\n    currentIndex: currentBarIndex,\n    differenceValue: difference / 100,\n    difference: differenceInPercentage,\n  };\n\n  const { skin, ...otherDifferenceBadgeProps } = getDifferenceBadgeProps(\n    dataForDifferenceBadge,\n  );\n\n  const chosenBadgeSkin = skin ?? differenceBadgeSkin;\n  const isDarkBadge = chosenBadgeSkin === 'dark';\n\n  const styleAttributes = {\n    nextBarIsFlat: nextBarHeight === 0,\n    skin: getDifferenceStepSkin(dataForDifferenceBadge),\n  };\n\n  return (\n    <div\n      className={st(classes.root, styleAttributes)}\n      data-hook={dataHooks.step}\n      data-skin={styleAttributes.skin}\n    >\n      <div\n        className={classes.funnelStepRotated}\n        style={{\n          height: `${nextDeltaHeight}%`,\n        }}\n      />\n      <div\n        className={classes.funnelStep}\n        style={{ height: `${nextBarHeight}%` }}\n      />\n      <div\n        className={classes.funnelStepPlaceholder}\n        style={{\n          top: `${currentDeltaHeight}%`,\n          height: `${nextDeltaHeight}%`,\n        }}\n      />\n\n      {hideDifferenceBadge ? null : (\n        <div\n          className={st(classes.badgeWrapper, { top: isDarkBadge })}\n          style={{ top: `${badgeTopPosition}%` }}\n        >\n          <FunnelBadge\n            value={differenceInPercentage}\n            tooltipContent={getTooltipContent(dataForDifferenceBadge)}\n            tooltipProps={getTooltipProps(dataForDifferenceBadge)}\n            differenceBadgeSkin={chosenBadgeSkin}\n            onTooltipShow={() => onTooltipShow(dataForDifferenceBadge)}\n            {...otherDifferenceBadgeProps}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\n/** It just takes place but doesn't display or calculate anything */\nexport const EmptyFunnelStep = () => <div className={st(classes.root)} />;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_FunnelStep";
+var _namespace_ = "wds_1_170_0_FunnelStep";
 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_168_0_FunnelStep__root","funnelStep":"wds_1_168_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_168_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_168_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_168_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_170_0_FunnelStep__root","funnelStep":"wds_1_170_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_170_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_170_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_170_0_FunnelStep__badgeWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FunnelChart/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FunnelChart","PureComponent","exports"],"sources":["../../../src/FunnelChart/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from \"prop-types\";\nimport { TooltipCommonProps } from '../common';\nimport { FunnelBadgeCommonProps } from './FunnelBadge'\n\nexport interface FunnelChartItem {\n  value?: number;\n  label: string;\n  displayValue?: string;\n}\n\ntype percentageDifferenceCbData = {\n  currentIndex: number;\n  difference: string;\n  differenceValue: number;\n};\n\nexport interface FunnelChartProps {\n  dataHook?: string;\n  className?: string;\n  data: FunnelChartItem[];\n  fullHeight?: boolean;\n  hideDifferenceBadge?: boolean;\n  differenceBadgeSkin?: 'standard' | 'dark';\n  differenceBadgeProps?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => FunnelBadgeCommonProps;\n  differenceStepSkin?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => 'standard' | 'success';\n  differenceBadgeTooltipContent?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => React.ReactNode;\n  differenceBadgeTooltipProps?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => TooltipCommonProps;\n  onDifferenceBadgeTooltipShow?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => void;\n}\n\nexport default class FunnelChart extends React.PureComponent<FunnelChartProps> {}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmDhB,MAAMW,WAAW,SAASvB,KAAK,CAACwB,aAAa,CAAmB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,WAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FunnelChart","PureComponent","exports"],"sources":["../../../src/FunnelChart/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TooltipCommonProps } from '../common';\nimport { FunnelBadgeCommonProps } from './FunnelBadge';\n\nexport interface FunnelChartItem {\n  value?: number;\n  label: string;\n  displayValue?: string;\n}\n\ntype percentageDifferenceCbData = {\n  currentIndex: number;\n  difference: string;\n  differenceValue: number;\n};\n\nexport interface FunnelChartProps {\n  dataHook?: string;\n  className?: string;\n  data: FunnelChartItem[];\n  fullHeight?: boolean;\n  hideDifferenceBadge?: boolean;\n  differenceBadgeSkin?: 'standard' | 'dark';\n  differenceBadgeProps?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => FunnelBadgeCommonProps;\n  differenceStepSkin?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => 'standard' | 'success';\n  differenceBadgeTooltipContent?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => React.ReactNode;\n  differenceBadgeTooltipProps?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => TooltipCommonProps;\n  onDifferenceBadgeTooltipShow?: ({\n    currentIndex,\n    difference,\n    differenceValue,\n  }: percentageDifferenceCbData) => void;\n}\n\nexport default class FunnelChart extends React.PureComponent<FunnelChartProps> {}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmDhB,MAAMW,WAAW,SAASvB,KAAK,CAACwB,aAAa,CAAmB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,WAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_GoogleAddressInput";
+var _namespace_ = "wds_1_170_0_GoogleAddressInput";
 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_168_0_GoogleAddressInput__root","googleFooter":"wds_1_168_0_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_170_0_GoogleAddressInput__root","googleFooter":"wds_1_170_0_GoogleAddressInput__googleFooter"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_GooglePreview";
+var _namespace_ = "wds_1_170_0_GooglePreview";
 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_168_0_GooglePreview__root","googlePreviewTitle":"wds_1_168_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_168_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_168_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_168_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_168_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_170_0_GooglePreview__root","googlePreviewTitle":"wds_1_170_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_170_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_170_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_170_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_170_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_170_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_170_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_170_0_GooglePreview__googlePreviewFaviconBox"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Heading";
+var _namespace_ = "wds_1_170_0_Heading";
 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_168_0_Heading__root","heading-h1":"wds_1_168_0_StylableTypography__heading-h1","heading-h2":"wds_1_168_0_StylableTypography__heading-h2","heading-h3":"wds_1_168_0_StylableTypography__heading-h3","heading-h4":"wds_1_168_0_StylableTypography__heading-h4","heading-h5":"wds_1_168_0_StylableTypography__heading-h5","heading-h6":"wds_1_168_0_StylableTypography__heading-h6","heading-xl":"wds_1_168_0_StylableTypography__heading-xl","heading-l":"wds_1_168_0_StylableTypography__heading-l","heading-m":"wds_1_168_0_StylableTypography__heading-m","heading-s":"wds_1_168_0_StylableTypography__heading-s","heading-t":"wds_1_168_0_StylableTypography__heading-t","heading-xt":"wds_1_168_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_170_0_Heading__root","heading-h1":"wds_1_170_0_StylableTypography__heading-h1","heading-h2":"wds_1_170_0_StylableTypography__heading-h2","heading-h3":"wds_1_170_0_StylableTypography__heading-h3","heading-h4":"wds_1_170_0_StylableTypography__heading-h4","heading-h5":"wds_1_170_0_StylableTypography__heading-h5","heading-h6":"wds_1_170_0_StylableTypography__heading-h6","heading-xl":"wds_1_170_0_StylableTypography__heading-xl","heading-l":"wds_1_170_0_StylableTypography__heading-l","heading-m":"wds_1_170_0_StylableTypography__heading-m","heading-s":"wds_1_170_0_StylableTypography__heading-s","heading-t":"wds_1_170_0_StylableTypography__heading-t","heading-xt":"wds_1_170_0_StylableTypography__heading-xt"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};