@wix/design-system 1.146.1 → 1.147.0

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_TooltipUni","_TextUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","funnelChartDriverFactory","base","body","getTooltipDriverAtIndex","_ref","_asyncToGenerator2","dataHook","index","tooltip","findByHookAtIndex","tooltipDriverFactory","_x","_x2","getTextDriverAtIndex","_ref2","text","textUniDriverFactory","_x3","_x4","baseUniDriverFactory","getItemsCount","countByHook","dataHooks","funnelChartItem","getValueAt","_getValueAt","labelValue","getText","_x5","getLabelAt","_getLabelAt","labelText","_x6","getDifferenceFromDataAt","_getDifferenceFromDataAt","badgeValue","exists","_x7","getDifferenceTooltipFromDataAt","_getDifferenceTooltipFromDataAt","badgeTooltip","getTooltipText","_x8","isDisplayingBadges","_isDisplayingBadges","$$","concat","badge","count","exports"],"sources":["../../../src/FunnelChart/FunnelChart.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHookAtIndex,\n  countByHook,\n} from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { textUniDriverFactory } from '../Text/Text.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const funnelChartDriverFactory = (base, body) => {\n  const getTooltipDriverAtIndex = async (dataHook, index) => {\n    const tooltip = await findByHookAtIndex(base, dataHook, index);\n    return tooltipDriverFactory(tooltip, body);\n  };\n\n  const getTextDriverAtIndex = async (dataHook, index) => {\n    const text = await findByHookAtIndex(base, dataHook, index);\n\n    return textUniDriverFactory(text, body);\n  };\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets number of items\n     * @return {Promise<number>}\n     */\n    getItemsCount: () => countByHook(base, dataHooks.funnelChartItem),\n\n    /**\n     * Gets item displayed value (after compaction) at index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getValueAt: async index =>\n      (await getTextDriverAtIndex(dataHooks.labelValue, index)).getText(),\n\n    /**\n     * Gets item label at index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getLabelAt: async index =>\n      (await getTextDriverAtIndex(dataHooks.labelText, index)).getText(),\n\n    /**\n     * Gets badge value from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceFromDataAt: async index => {\n      const text = await getTextDriverAtIndex(dataHooks.badgeValue, index);\n      if (!(await text.exists())) {\n        return null;\n      }\n      return text.getText();\n    },\n\n    /**\n     * Gets badge tooltip from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceTooltipFromDataAt: async index => {\n      const tooltip = await getTooltipDriverAtIndex(\n        dataHooks.badgeTooltip,\n        index,\n      );\n      if (!(await tooltip.exists())) {\n        return null;\n      }\n      return tooltip.getTooltipText();\n    },\n\n    /**\n     * Returns true if badges are displayed\n     * @return {Promise<boolean>}\n     */\n    isDisplayingBadges: async () =>\n      base.$$(`[data-hook=\"${dataHooks.badge}\"]`).count() > 0,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_TooltipUni","_TextUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","funnelChartDriverFactory","base","body","getTooltipDriverAtIndex","_ref","_asyncToGenerator2","dataHook","index","tooltip","findByHookAtIndex","tooltipDriverFactory","_x","_x2","getTextDriverAtIndex","_ref2","text","textUniDriverFactory","_x3","_x4","baseUniDriverFactory","getItemsCount","countByHook","dataHooks","funnelChartItem","getValueAt","_getValueAt","labelValue","getText","_x5","getLabelAt","_getLabelAt","labelText","_x6","getDifferenceFromDataAt","_getDifferenceFromDataAt","badgeValue","exists","_x7","getDifferenceTooltipFromDataAt","_getDifferenceTooltipFromDataAt","badgeTooltip","getTooltipText","_x8","isDisplayingBadges","_isDisplayingBadges","$$","concat","badge","count","getDifferenceTooltipSizeAt","_getDifferenceTooltipSizeAt","element","getAttribute","_x9","getDifferenceStepSkinAt","_getDifferenceStepSkinAt","step","attr","_x10","getDifferenceBadgeSkinAt","_getDifferenceBadgeSkinAt","_x11","differenceBadgeHasIconAt","_differenceBadgeHasIconAt","$","_x12","exports"],"sources":["../../../src/FunnelChart/FunnelChart.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHookAtIndex,\n  countByHook,\n} from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { textUniDriverFactory } from '../Text/Text.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const funnelChartDriverFactory = (base, body) => {\n  const getTooltipDriverAtIndex = async (dataHook, index) => {\n    const tooltip = await findByHookAtIndex(base, dataHook, index);\n    return tooltipDriverFactory(tooltip, body);\n  };\n\n  const getTextDriverAtIndex = async (dataHook, index) => {\n    const text = await findByHookAtIndex(base, dataHook, index);\n\n    return textUniDriverFactory(text, body);\n  };\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets number of items\n     * @return {Promise<number>}\n     */\n    getItemsCount: () => countByHook(base, dataHooks.funnelChartItem),\n\n    /**\n     * Gets item displayed value (after compaction) at index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getValueAt: async index =>\n      (await getTextDriverAtIndex(dataHooks.labelValue, index)).getText(),\n\n    /**\n     * Gets item label at index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getLabelAt: async index =>\n      (await getTextDriverAtIndex(dataHooks.labelText, index)).getText(),\n\n    /**\n     * Gets badge value from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceFromDataAt: async index => {\n      const text = await getTextDriverAtIndex(dataHooks.badgeValue, index);\n      if (!(await text.exists())) {\n        return null;\n      }\n      return text.getText();\n    },\n\n    /**\n     * Gets badge tooltip from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceTooltipFromDataAt: async index => {\n      const tooltip = await getTooltipDriverAtIndex(\n        dataHooks.badgeTooltip,\n        index,\n      );\n      if (!(await tooltip.exists())) {\n        return null;\n      }\n      return tooltip.getTooltipText();\n    },\n\n    /**\n     * Returns true if badges are displayed\n     * @return {Promise<boolean>}\n     */\n    isDisplayingBadges: async () =>\n      base.$$(`[data-hook=\"${dataHooks.badge}\"]`).count() > 0,\n\n    /**\n     * Get tooltip size from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceTooltipSizeAt: async index => {\n      const tooltip = await getTooltipDriverAtIndex(\n        dataHooks.badgeTooltip,\n        index,\n      );\n      if (!(await tooltip.exists())) {\n        return null;\n      }\n      return (await tooltip.element()).getAttribute('data-size');\n    },\n\n    /**\n     * Get step skin from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceStepSkinAt: async index => {\n      const step = await findByHookAtIndex(base, dataHooks.step, index);\n      if (!(await step.exists())) {\n        return null;\n      }\n      return step.attr('data-skin');\n    },\n\n    /**\n     * Get badge skin from index\n     * @param {number} index Item index\n     * @return {Promise<string>}\n     */\n    getDifferenceBadgeSkinAt: async index => {\n      const badge = await findByHookAtIndex(base, dataHooks.badge, index);\n      if (!(await badge.exists())) {\n        return null;\n      }\n      return badge.attr('data-skin');\n    },\n\n    /**\n     * Checks whether badge from index has an icon\n     * @param {number} index Item index\n     * @return {Promise<boolean>}\n     */\n    differenceBadgeHasIconAt: async index => {\n      const badge = await findByHookAtIndex(base, dataHooks.badge, index);\n      if (!(await badge.exists())) {\n        return null;\n      }\n      return badge.$('[data-prefix-icon]').exists();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -3,10 +3,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.FunnelStep = exports.EmptyFunnelStep = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _FunnelStepSt = require("./FunnelStep.st.css.js");
 var _FunnelBadge = require("../FunnelBadge");
 var _numberFormatters = require("../../utils/numberFormatters");
+var _constants = require("../constants");
+var _excluded = ["skin"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/FunnelChart/FunnelStep/FunnelStep.js";
 var BADGE_STANDARD_FIXED_PERCENT_POSITION = 0.6;
 var BADGE_DARK_FIXED_PERCENT_POSITION = 0.45;
@@ -29,26 +33,42 @@ var FunnelStep = _ref => {
     nextBarHeight,
     hideDifferenceBadge,
     differenceBadgeSkin,
+    // remove
+    getDifferenceBadgeProps,
+    getDifferenceStepSkin,
     getTooltipContent,
+    getTooltipProps,
     onTooltipShow: _onTooltipShow
   } = _ref;
   var nextDeltaHeight = currentBarHeight - nextBarHeight;
   var currentDeltaHeight = 100 - currentBarHeight;
   var badgeTopPosition = calculateBadgeTopPosition(currentDeltaHeight, nextDeltaHeight, differenceBadgeSkin);
-  var differenceInPercentage = (0, _numberFormatters.formatToPercent)((0, _numberFormatters.countPercentageFromBase)(+currentBarData.value, +nextBarData.value, 0));
+  var difference = (0, _numberFormatters.countPercentageFromBase)(+currentBarData.value, +nextBarData.value, 0);
+  var differenceInPercentage = (0, _numberFormatters.formatToPercent)(difference);
   var dataForDifferenceBadge = {
     currentIndex: currentBarIndex,
+    differenceValue: difference / 100,
     difference: differenceInPercentage
   };
-  var isDarkBadge = differenceBadgeSkin === 'dark';
+  var _getDifferenceBadgePr = getDifferenceBadgeProps(dataForDifferenceBadge),
+    {
+      skin
+    } = _getDifferenceBadgePr,
+    otherDifferenceBadgeProps = (0, _objectWithoutProperties2.default)(_getDifferenceBadgePr, _excluded);
+  var chosenBadgeSkin = skin !== null && skin !== void 0 ? skin : differenceBadgeSkin;
+  var isDarkBadge = chosenBadgeSkin === 'dark';
+  var styleAttributes = {
+    nextBarIsFlat: nextBarHeight === 0,
+    skin: getDifferenceStepSkin(dataForDifferenceBadge)
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _FunnelStepSt.st)(_FunnelStepSt.classes.root, {
-      nextBarIsFlat: nextBarHeight === 0
-    }),
+    className: (0, _FunnelStepSt.st)(_FunnelStepSt.classes.root, styleAttributes),
+    "data-hook": _constants.dataHooks.step,
+    "data-skin": styleAttributes.skin,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 80,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -59,7 +79,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 85,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -70,7 +90,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 91,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -82,7 +102,7 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 95,
       columnNumber: 7
     }
   }), hideDifferenceBadge ? null : /*#__PURE__*/_react.default.createElement("div", {
@@ -95,21 +115,23 @@ var FunnelStep = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 104,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_FunnelBadge.FunnelBadge, {
+  }, /*#__PURE__*/_react.default.createElement(_FunnelBadge.FunnelBadge, (0, _extends2.default)({
     value: differenceInPercentage,
     tooltipContent: getTooltipContent(dataForDifferenceBadge),
-    differenceBadgeSkin: differenceBadgeSkin,
-    onTooltipShow: () => _onTooltipShow(dataForDifferenceBadge),
+    tooltipProps: getTooltipProps(dataForDifferenceBadge),
+    differenceBadgeSkin: chosenBadgeSkin,
+    onTooltipShow: () => _onTooltipShow(dataForDifferenceBadge)
+  }, otherDifferenceBadgeProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 108,
       columnNumber: 11
     }
-  })));
+  }))));
 };
 
 /** It just takes place but doesn't display or calculate anything */
@@ -119,7 +141,7 @@ var EmptyFunnelStep = () => /*#__PURE__*/_react.default.createElement("div", {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 98,
+    lineNumber: 123,
     columnNumber: 38
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FunnelStepSt","_FunnelBadge","_numberFormatters","_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","getTooltipContent","onTooltipShow","badgeTopPosition","differenceInPercentage","formatToPercent","countPercentageFromBase","value","dataForDifferenceBadge","currentIndex","difference","default","createElement","className","st","classes","root","nextBarIsFlat","__self","__source","fileName","lineNumber","columnNumber","funnelStepRotated","style","height","concat","funnelStep","funnelStepPlaceholder","top","badgeWrapper","FunnelBadge","tooltipContent","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';\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,\n  getTooltipContent,\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 differenceInPercentage = formatToPercent(\n    countPercentageFromBase(+currentBarData.value, +nextBarData.value, 0),\n  );\n\n  const dataForDifferenceBadge = {\n    currentIndex: currentBarIndex,\n    difference: differenceInPercentage,\n  };\n\n  const isDarkBadge = differenceBadgeSkin === 'dark';\n\n  return (\n    <div className={st(classes.root, { nextBarIsFlat: nextBarHeight === 0 })}>\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            differenceBadgeSkin={differenceBadgeSkin}\n            onTooltipShow={() => onTooltipShow(dataForDifferenceBadge)}\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(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":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_146_1_FunnelStep";
+var _namespace_ = "wds_1_147_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_146_1_FunnelStep__root","funnelStepRotated":"wds_1_146_1_FunnelStep__funnelStepRotated","funnelStep":"wds_1_146_1_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_146_1_FunnelStep__funnelStepPlaceholder","badgeWrapper":"wds_1_146_1_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_147_0_FunnelStep__root","funnelStep":"wds_1_147_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_147_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_147_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_147_0_FunnelStep__badgeWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FunnelChart/constants.js

@@ -8,6 +8,7 @@ var dataHooks = exports.dataHooks = {
   labelText: 'funnel-chart-item-label-text',
   badge: 'funnel-chart-item-badge',
   badgeValue: 'funnel-chart-item-badge-value',
-  badgeTooltip: 'funnel-chart-item-badge-tooltip'
+  badgeTooltip: 'funnel-chart-item-badge-tooltip',
+  step: 'funnel-chart-step'
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","funnelChartItem","labelValue","labelText","badge","badgeValue","badgeTooltip"],"sources":["../../../src/FunnelChart/constants.js"],"sourcesContent":["export const dataHooks = {\n  funnelChartItem: 'funnel-chart-item',\n  labelValue: 'funnel-chart-item-label-value',\n  labelText: 'funnel-chart-item-label-text',\n  badge: 'funnel-chart-item-badge',\n  badgeValue: 'funnel-chart-item-badge-value',\n  badgeTooltip: 'funnel-chart-item-badge-tooltip',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,eAAe,EAAE,mBAAmB;EACpCC,UAAU,EAAE,+BAA+B;EAC3CC,SAAS,EAAE,8BAA8B;EACzCC,KAAK,EAAE,yBAAyB;EAChCC,UAAU,EAAE,+BAA+B;EAC3CC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","funnelChartItem","labelValue","labelText","badge","badgeValue","badgeTooltip","step"],"sources":["../../../src/FunnelChart/constants.js"],"sourcesContent":["export const dataHooks = {\n  funnelChartItem: 'funnel-chart-item',\n  labelValue: 'funnel-chart-item-label-value',\n  labelText: 'funnel-chart-item-label-text',\n  badge: 'funnel-chart-item-badge',\n  badgeValue: 'funnel-chart-item-badge-value',\n  badgeTooltip: 'funnel-chart-item-badge-tooltip',\n  step: 'funnel-chart-step',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,eAAe,EAAE,mBAAmB;EACpCC,UAAU,EAAE,+BAA+B;EAC3CC,SAAS,EAAE,8BAA8B;EACzCC,KAAK,EAAE,yBAAyB;EAChCC,UAAU,EAAE,+BAA+B;EAC3CC,YAAY,EAAE,iCAAiC;EAC/CC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

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\";\n\nexport interface FunnelChartItem {\n  value?: number;\n  label: string;\n  displayValue?: string;\n}\n\ntype percentageDifferenceCbData = {\n  currentIndex: number;\n  difference: string;\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  differenceBadgeTooltipContent?: ({\n    currentIndex,\n    difference,\n  }: percentageDifferenceCbData) => string;\n  onDifferenceBadgeTooltipShow?: ({\n    currentIndex,\n    difference,\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;AA+BhB,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_146_1_GoogleAddressInput";
+var _namespace_ = "wds_1_147_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_146_1_GoogleAddressInput__root","googleFooter":"wds_1_146_1_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_147_0_GoogleAddressInput__root","googleFooter":"wds_1_147_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_146_1_GooglePreview";
+var _namespace_ = "wds_1_147_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_146_1_GooglePreview__root","googlePreviewTitle":"wds_1_146_1_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_146_1_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_146_1_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_146_1_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_146_1_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_146_1_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_146_1_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_146_1_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_147_0_GooglePreview__root","googlePreviewTitle":"wds_1_147_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_147_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_147_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_147_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_147_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_147_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_147_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_147_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_146_1_Heading";
+var _namespace_ = "wds_1_147_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_146_1_Heading__root","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"};
+module.exports.classes = {"root":"wds_1_147_0_Heading__root","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"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_1_HorizontalTimeline";
+var _namespace_ = "wds_1_147_0_HorizontalTimeline";
 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_146_1_HorizontalTimeline__root","line":"wds_1_146_1_HorizontalTimeline__line","column":"wds_1_146_1_HorizontalTimeline__column","item":"wds_1_146_1_HorizontalTimeline__item","lineIconLine":"wds_1_146_1_HorizontalTimeline__lineIconLine","icon":"wds_1_146_1_HorizontalTimeline__icon","label":"wds_1_146_1_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_147_0_HorizontalTimeline__root","line":"wds_1_147_0_HorizontalTimeline__line","column":"wds_1_147_0_HorizontalTimeline__column","item":"wds_1_147_0_HorizontalTimeline__item","lineIconLine":"wds_1_147_0_HorizontalTimeline__lineIconLine","icon":"wds_1_147_0_HorizontalTimeline__icon","label":"wds_1_147_0_HorizontalTimeline__label"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_1_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_147_0_HorizontalTimelineIcons";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_1_HorizontalTimelineIcons__root","baseIcon":"wds_1_146_1_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_146_1_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_146_1_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_146_1_HorizontalTimelineIcons__upcomingIcon wds_1_146_1_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_146_1_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_146_1_HorizontalTimelineIcons__activeIcon wds_1_146_1_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_146_1_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_147_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_147_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_147_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_147_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_147_0_HorizontalTimelineIcons__upcomingIcon wds_1_147_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_147_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_147_0_HorizontalTimelineIcons__activeIcon wds_1_147_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_147_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_1_IconButton";
+var _namespace_ = "wds_1_147_0_IconButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_1_IconButton__root","mobile":"wds_1_146_1_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_147_0_IconButton__root","mobile":"wds_1_147_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_1_ImageViewer";
+var _namespace_ = "wds_1_147_0_ImageViewer";
 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_146_1_ImageViewer__root","buttons":"wds_1_146_1_ImageViewer__buttons","imageContainer":"wds_1_146_1_ImageViewer__imageContainer","overlay":"wds_1_146_1_ImageViewer__overlay","image":"wds_1_146_1_ImageViewer__image","imageVisible":"wds_1_146_1_ImageViewer__imageVisible","statusContainer":"wds_1_146_1_ImageViewer__statusContainer","stretch":"wds_1_146_1_ImageViewer__stretch"};
+module.exports.classes = {"root":"wds_1_147_0_ImageViewer__root","buttons":"wds_1_147_0_ImageViewer__buttons","imageContainer":"wds_1_147_0_ImageViewer__imageContainer","overlay":"wds_1_147_0_ImageViewer__overlay","image":"wds_1_147_0_ImageViewer__image","imageVisible":"wds_1_147_0_ImageViewer__imageVisible","statusContainer":"wds_1_147_0_ImageViewer__statusContainer","stretch":"wds_1_147_0_ImageViewer__stretch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_1_InfoIcon";
+var _namespace_ = "wds_1_147_0_InfoIcon";
 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_146_1_InfoIcon__root","icon":"wds_1_146_1_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_147_0_InfoIcon__root","icon":"wds_1_147_0_InfoIcon__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Affix/Affix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_146_1_Affix";
+var _namespace_ = "wds_1_147_0_Affix";
 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_146_1_Affix__root","text-tiny-thin":"wds_1_146_1_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_146_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_146_1_StylableTypography__text-small-thin","text-medium-normal":"wds_1_146_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_146_1_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_147_0_Affix__root","text-tiny-thin":"wds_1_147_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_147_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_147_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_147_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_147_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Group/Group.st.css.js

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

package/dist/cjs/Input/IconAffix/IconAffix.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_146_1_IconAffix";
+var _namespace_ = "wds_1_147_0_IconAffix";
 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_146_1_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_147_0_IconAffix__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Input.constants.js

@@ -1,13 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = exports.STATUS = exports.SIZES = exports.BORDER = void 0;
+exports.dataHooks = exports.SIZES = exports.DATA_ATTR = void 0;
 var dataHooks = exports.dataHooks = {
   menuArrow: 'input-menu-arrow',
   status: 'input-status',
   statusIndicatorTooltip: 'status-indicator-tooltip',
   suffixes: 'input-suffixes',
-  tooltip: 'input-suffix-tooltip'
+  tooltip: 'input-suffix-tooltip',
+  clearButton: 'input-clear-button'
 };
 var SIZES = exports.SIZES = {
   tiny: 'tiny',
@@ -15,15 +16,14 @@ var SIZES = exports.SIZES = {
   medium: 'medium',
   large: 'large'
 };
-var STATUS = exports.STATUS = {
-  error: 'error',
-  warning: 'warning',
-  loading: 'loading'
-};
-var BORDER = exports.BORDER = {
-  standard: 'standard',
-  round: 'round',
-  bottomLine: 'bottomLine',
-  none: 'none'
+var DATA_ATTR = exports.DATA_ATTR = {
+  SIZE: 'data-size',
+  STATUS: 'data-status',
+  PREFIX: 'data-prefix',
+  DISABLED: 'data-disabled',
+  HOVER: 'data-hover',
+  FOCUS: 'data-focus',
+  LEFTBORDERRADIUS: 'data-left-border-radius',
+  RIGHTBORDERRADIUS: 'data-right-border-radius'
 };
 //# sourceMappingURL=Input.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","menuArrow","status","statusIndicatorTooltip","suffixes","tooltip","SIZES","tiny","small","medium","large","STATUS","error","warning","loading","BORDER","standard","round","bottomLine","none"],"sources":["../../../src/Input/Input.constants.ts"],"sourcesContent":["export const dataHooks = {\n  menuArrow: 'input-menu-arrow',\n  status: 'input-status',\n  statusIndicatorTooltip: 'status-indicator-tooltip',\n  suffixes: 'input-suffixes',\n  tooltip: 'input-suffix-tooltip',\n};\n\nexport const SIZES = {\n  tiny: 'tiny',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nexport const STATUS = {\n  error: 'error',\n  warning: 'warning',\n  loading: 'loading',\n} as const;\n\nexport const BORDER = {\n  standard: 'standard',\n  round: 'round',\n  bottomLine: 'bottomLine',\n  none: 'none',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE,cAAc;EACtBC,sBAAsB,EAAE,0BAA0B;EAClDC,QAAQ,EAAE,gBAAgB;EAC1BC,OAAO,EAAE;AACX,CAAC;AAEM,IAAMC,KAAK,GAAAN,OAAA,CAAAM,KAAA,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU;AAEH,IAAMC,MAAM,GAAAX,OAAA,CAAAW,MAAA,GAAG;EACpBC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAU;AAEH,IAAMC,MAAM,GAAAf,OAAA,CAAAe,MAAA,GAAG;EACpBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAU","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","menuArrow","status","statusIndicatorTooltip","suffixes","tooltip","clearButton","SIZES","tiny","small","medium","large","DATA_ATTR","SIZE","STATUS","PREFIX","DISABLED","HOVER","FOCUS","LEFTBORDERRADIUS","RIGHTBORDERRADIUS"],"sources":["../../../src/Input/Input.constants.ts"],"sourcesContent":["export const dataHooks = {\n  menuArrow: 'input-menu-arrow',\n  status: 'input-status',\n  statusIndicatorTooltip: 'status-indicator-tooltip',\n  suffixes: 'input-suffixes',\n  tooltip: 'input-suffix-tooltip',\n  clearButton: 'input-clear-button',\n};\n\nexport const SIZES = {\n  tiny: 'tiny',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nexport const DATA_ATTR = {\n  SIZE: 'data-size',\n  STATUS: 'data-status',\n  PREFIX: 'data-prefix',\n  DISABLED: 'data-disabled',\n  HOVER: 'data-hover',\n  FOCUS: 'data-focus',\n  LEFTBORDERRADIUS: 'data-left-border-radius',\n  RIGHTBORDERRADIUS: 'data-right-border-radius',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE,cAAc;EACtBC,sBAAsB,EAAE,0BAA0B;EAClDC,QAAQ,EAAE,gBAAgB;EAC1BC,OAAO,EAAE,sBAAsB;EAC/BC,WAAW,EAAE;AACf,CAAC;AAEM,IAAMC,KAAK,GAAAP,OAAA,CAAAO,KAAA,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU;AAEH,IAAMC,SAAS,GAAAZ,OAAA,CAAAY,SAAA,GAAG;EACvBC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE,aAAa;EACrBC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE,eAAe;EACzBC,KAAK,EAAE,YAAY;EACnBC,KAAK,EAAE,YAAY;EACnBC,gBAAgB,EAAE,yBAAyB;EAC3CC,iBAAiB,EAAE;AACrB,CAAU","ignoreList":[]}