@wix/design-system 1.167.0 → 1.169.0

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_167_0_FunnelStep";
+var _namespace_ = "wds_1_169_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_167_0_FunnelStep__root","funnelStep":"wds_1_167_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_167_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_167_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_167_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_169_0_FunnelStep__root","funnelStep":"wds_1_169_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_169_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_169_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_169_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_167_0_GoogleAddressInput";
+var _namespace_ = "wds_1_169_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_167_0_GoogleAddressInput__root","googleFooter":"wds_1_167_0_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_169_0_GoogleAddressInput__root","googleFooter":"wds_1_169_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_167_0_GooglePreview";
+var _namespace_ = "wds_1_169_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_167_0_GooglePreview__root","googlePreviewTitle":"wds_1_167_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_167_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_167_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_167_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_167_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_167_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_167_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_167_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_169_0_GooglePreview__root","googlePreviewTitle":"wds_1_169_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_169_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_169_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_169_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_169_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_169_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_169_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_169_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_167_0_Heading";
+var _namespace_ = "wds_1_169_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_167_0_Heading__root","heading-h1":"wds_1_167_0_StylableTypography__heading-h1","heading-h2":"wds_1_167_0_StylableTypography__heading-h2","heading-h3":"wds_1_167_0_StylableTypography__heading-h3","heading-h4":"wds_1_167_0_StylableTypography__heading-h4","heading-h5":"wds_1_167_0_StylableTypography__heading-h5","heading-h6":"wds_1_167_0_StylableTypography__heading-h6","heading-xl":"wds_1_167_0_StylableTypography__heading-xl","heading-l":"wds_1_167_0_StylableTypography__heading-l","heading-m":"wds_1_167_0_StylableTypography__heading-m","heading-s":"wds_1_167_0_StylableTypography__heading-s","heading-t":"wds_1_167_0_StylableTypography__heading-t","heading-xt":"wds_1_167_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_169_0_Heading__root","heading-h1":"wds_1_169_0_StylableTypography__heading-h1","heading-h2":"wds_1_169_0_StylableTypography__heading-h2","heading-h3":"wds_1_169_0_StylableTypography__heading-h3","heading-h4":"wds_1_169_0_StylableTypography__heading-h4","heading-h5":"wds_1_169_0_StylableTypography__heading-h5","heading-h6":"wds_1_169_0_StylableTypography__heading-h6","heading-xl":"wds_1_169_0_StylableTypography__heading-xl","heading-l":"wds_1_169_0_StylableTypography__heading-l","heading-m":"wds_1_169_0_StylableTypography__heading-m","heading-s":"wds_1_169_0_StylableTypography__heading-s","heading-t":"wds_1_169_0_StylableTypography__heading-t","heading-xt":"wds_1_169_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_167_0_Highlighter";
+var _namespace_ = "wds_1_169_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_167_0_Highlighter__root"};
+module.exports.classes = {"root":"wds_1_169_0_Highlighter__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/HorizontalScroll/HorizontalScroll.constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var prefix = 'horizontal-scroll';
+var dataHooks = exports.dataHooks = {
+  leftButton: "".concat(prefix, "-left-button"),
+  rightButton: "".concat(prefix, "-right-button"),
+  scrollContainer: "".concat(prefix, "-scroll-container")
+};
+//# sourceMappingURL=HorizontalScroll.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","exports","leftButton","concat","rightButton","scrollContainer"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.constants.ts"],"sourcesContent":["const prefix = 'horizontal-scroll';\n\nexport const dataHooks = {\n  leftButton: `${prefix}-left-button`,\n  rightButton: `${prefix}-right-button`,\n  scrollContainer: `${prefix}-scroll-container`,\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,mBAAmB;AAE3B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,UAAU,KAAAC,MAAA,CAAKJ,MAAM,iBAAc;EACnCK,WAAW,KAAAD,MAAA,CAAKJ,MAAM,kBAAe;EACrCM,eAAe,KAAAF,MAAA,CAAKJ,MAAM;AAC5B,CAAU","ignoreList":[]}

package/dist/cjs/HorizontalScroll/HorizontalScroll.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HorizontalScrollSt = require("./HorizontalScroll.st.css.js");
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _IconButton2 = require("../IconButton/IconButton.constants");
+var _HorizontalScroll = require("./HorizontalScroll.constants");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/HorizontalScroll/HorizontalScroll.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;
+var DEFAULT_SCROLL_DISTANCE_PX = 150;
+var HorizontalScroll = _ref => {
+  var {
+    children,
+    scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,
+    scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,
+    scrollButtonSkin = _IconButton2.SKINS.standard,
+    gradientColor,
+    dataHook
+  } = _ref;
+  var scrollContainerRef = (0, _react.useRef)(null);
+  var [canScrollLeft, setCanScrollLeft] = (0, _react.useState)(false);
+  var [canScrollRight, setCanScrollRight] = (0, _react.useState)(false);
+  var handleScrollByStep = (0, _react.useCallback)(scrollValue => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    container.scrollLeft += scrollValue;
+  }, []);
+  var checkOverflow = (0, _react.useCallback)(() => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    var {
+      scrollLeft,
+      scrollWidth,
+      clientWidth
+    } = container;
+    setCanScrollLeft(scrollLeft > 0);
+    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);
+  }, []);
+  var debouncedCheckOverflow = (0, _react.useMemo)(() => (0, _debounce.default)(checkOverflow, scrollDebounce), [checkOverflow, scrollDebounce]);
+  (0, _react.useEffect)(() => {
+    var container = scrollContainerRef.current;
+    if (!container) return;
+    var observer = new ResizeObserver(checkOverflow);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [checkOverflow]);
+  (0, _react.useEffect)(() => {
+    checkOverflow();
+    return () => {
+      debouncedCheckOverflow.cancel();
+    };
+  }, [children, checkOverflow, debouncedCheckOverflow]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.root,
+    "data-hook": dataHook,
+    style: {
+      [_HorizontalScrollSt.vars['wds-horizontal-scroll-gradient-color']]: gradientColor
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }, canScrollLeft && /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.startScroll,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.startScrollButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-hidden": true,
+    size: "tiny",
+    priority: "secondary",
+    skin: scrollButtonSkin,
+    onClick: () => handleScrollByStep(-scrollDistance),
+    dataHook: _HorizontalScroll.dataHooks.leftButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 15
+    }
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.scrollContainer,
+    ref: scrollContainerRef,
+    onScroll: debouncedCheckOverflow,
+    "data-hook": _HorizontalScroll.dataHooks.scrollContainer,
+    tabIndex: -1,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 7
+    }
+  }, children), canScrollRight && /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.endScroll,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HorizontalScrollSt.classes.endScrollButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-hidden": true,
+    size: "tiny",
+    priority: "secondary",
+    skin: scrollButtonSkin,
+    onClick: () => handleScrollByStep(scrollDistance),
+    dataHook: _HorizontalScroll.dataHooks.rightButton,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 15
+    }
+  })))));
+};
+HorizontalScroll.displayName = 'HorizontalScroll';
+HorizontalScroll.propTypes = {
+  children: _propTypes.default.any,
+  scrollDistance: _propTypes.default.any,
+  scrollDebounce: _propTypes.default.any,
+  gradientColor: _propTypes.default.any,
+  scrollButtonSkin: _propTypes.default.any,
+  dataHook: _propTypes.default.any
+};
+var _default = exports.default = HorizontalScroll;
+//# sourceMappingURL=HorizontalScroll.js.map

package/dist/cjs/HorizontalScroll/HorizontalScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_HorizontalScrollSt","_IconButton","_IconButton2","_HorizontalScroll","_debounce","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_DEBOUNCE_TIMEOUT_MS","DEFAULT_SCROLL_DISTANCE_PX","HorizontalScroll","_ref","children","scrollDistance","scrollDebounce","scrollButtonSkin","SKINS","standard","gradientColor","dataHook","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollByStep","useCallback","scrollValue","container","current","scrollLeft","checkOverflow","scrollWidth","clientWidth","Math","round","debouncedCheckOverflow","useMemo","debounce","useEffect","observer","ResizeObserver","observe","disconnect","cancel","createElement","className","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","startScroll","startScrollButton","size","priority","skin","onClick","dataHooks","leftButton","ChevronLeftSmall","scrollContainer","ref","onScroll","tabIndex","endScroll","endScrollButton","rightButton","ChevronRightSmall","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { classes, vars } from './HorizontalScroll.st.css';\nimport { HorizontalScrollProps } from './HorizontalScroll.types';\nimport IconButton from '../IconButton';\nimport { SKINS } from '../IconButton/IconButton.constants';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport debounce from 'lodash/debounce';\n\nconst DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;\nconst DEFAULT_SCROLL_DISTANCE_PX = 150;\n\nconst HorizontalScroll = ({\n  children,\n  scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,\n  scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,\n  scrollButtonSkin = SKINS.standard,\n  gradientColor,\n  dataHook,\n}: HorizontalScrollProps) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollByStep = useCallback((scrollValue: number) => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    container.scrollLeft += scrollValue;\n  }, []);\n\n  const checkOverflow = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = container;\n    setCanScrollLeft(scrollLeft > 0);\n    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);\n  }, []);\n\n  const debouncedCheckOverflow = useMemo(\n    () => debounce(checkOverflow, scrollDebounce),\n    [checkOverflow, scrollDebounce],\n  );\n\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const observer = new ResizeObserver(checkOverflow);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [checkOverflow]);\n\n  useEffect(() => {\n    checkOverflow();\n    return () => {\n      debouncedCheckOverflow.cancel();\n    };\n  }, [children, checkOverflow, debouncedCheckOverflow]);\n\n  return (\n    <div\n      className={classes.root}\n      data-hook={dataHook}\n      style={{ [vars['wds-horizontal-scroll-gradient-color']]: gradientColor }}\n    >\n      {canScrollLeft && (\n        <div className={classes.startScroll}>\n          <div className={classes.startScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(-scrollDistance)}\n              dataHook={dataHooks.leftButton}\n            >\n              <ChevronLeftSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n\n      <div\n        className={classes.scrollContainer}\n        ref={scrollContainerRef}\n        onScroll={debouncedCheckOverflow}\n        data-hook={dataHooks.scrollContainer}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n\n      {canScrollRight && (\n        <div className={classes.endScroll}>\n          <div className={classes.endScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(scrollDistance)}\n              dataHook={dataHooks.rightButton}\n            >\n              <ChevronRightSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHorizontalScroll.displayName = 'HorizontalScroll';\n\nHorizontalScroll.propTypes = {\n  children: PropTypes.any,\n  scrollDistance: PropTypes.any,\n  scrollDebounce: PropTypes.any,\n  gradientColor: PropTypes.any,\n  scrollButtonSkin: PropTypes.any,\n  dataHook: PropTypes.any,\n};\n\nexport default HorizontalScroll;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAuC,IAAAS,YAAA;AAAA,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,SAAAZ,wBAAAY,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;AAEvC,IAAMW,2BAA2B,GAAG,EAAE;AACtC,IAAMC,0BAA0B,GAAG,GAAG;AAEtC,IAAMC,gBAAgB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACxBC,QAAQ;IACRC,cAAc,GAAGJ,0BAA0B;IAC3CK,cAAc,GAAGN,2BAA2B;IAC5CO,gBAAgB,GAAGC,kBAAK,CAACC,QAAQ;IACjCC,aAAa;IACbC;EACqB,CAAC,GAAAR,IAAA;EACtB,IAAMS,kBAAkB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEvD,IAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACzD,IAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE3D,IAAMG,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,WAAmB,IAAK;IAC9D,IAAMC,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhBA,SAAS,CAACE,UAAU,IAAIH,WAAW;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,aAAa,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACtC,IAAME,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhB,IAAM;MAAEE,UAAU;MAAEE,WAAW;MAAEC;IAAY,CAAC,GAAGL,SAAS;IAC1DP,gBAAgB,CAACS,UAAU,GAAG,CAAC,CAAC;IAChCN,iBAAiB,CAACU,IAAI,CAACC,KAAK,CAACL,UAAU,CAAC,GAAGE,WAAW,GAAGC,WAAW,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,sBAAsB,GAAG,IAAAC,cAAO,EACpC,MAAM,IAAAC,iBAAQ,EAACP,aAAa,EAAEnB,cAAc,CAAC,EAC7C,CAACmB,aAAa,EAAEnB,cAAc,CAChC,CAAC;EAED,IAAA2B,gBAAS,EAAC,MAAM;IACd,IAAMX,SAAS,GAAGV,kBAAkB,CAACW,OAAO;IAC5C,IAAI,CAACD,SAAS,EAAE;IAEhB,IAAMY,QAAQ,GAAG,IAAIC,cAAc,CAACV,aAAa,CAAC;IAClDS,QAAQ,CAACE,OAAO,CAACd,SAAS,CAAC;IAE3B,OAAO,MAAMY,QAAQ,CAACG,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAACZ,aAAa,CAAC,CAAC;EAEnB,IAAAQ,gBAAS,EAAC,MAAM;IACdR,aAAa,CAAC,CAAC;IACf,OAAO,MAAM;MACXK,sBAAsB,CAACQ,MAAM,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,CAAClC,QAAQ,EAAEqB,aAAa,EAAEK,sBAAsB,CAAC,CAAC;EAErD,oBACE9D,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IACEC,SAAS,EAAEC,2BAAO,CAACC,IAAK;IACxB,aAAW/B,QAAS;IACpBgC,KAAK,EAAE;MAAE,CAACC,wBAAI,CAAC,sCAAsC,CAAC,GAAGlC;IAAc,CAAE;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExEnC,aAAa,iBACZ9C,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACS,WAAY;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACU,iBAAkB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAChE,WAAA,CAAAW,OAAU;IACT,mBAAW;IACXkE,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAE/C,gBAAiB;IACvBgD,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAAC,CAACd,cAAc,CAAE;IACnDM,QAAQ,EAAE6C,2BAAS,CAACC,UAAW;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/BjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAClE,iBAAA,CAAAqF,gBAAgB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACT,CACT,CACF,CACN,eAEDjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IACEC,SAAS,EAAEC,2BAAO,CAACkB,eAAgB;IACnCC,GAAG,EAAEhD,kBAAmB;IACxBiD,QAAQ,EAAE/B,sBAAuB;IACjC,aAAW0B,2BAAS,CAACG,eAAgB;IACrCG,QAAQ,EAAE,CAAC,CAAE;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEZ7C,QACE,CAAC,EAELa,cAAc,iBACbjD,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACsB,SAAU;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA;IAAKC,SAAS,EAAEC,2BAAO,CAACuB,eAAgB;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAChE,WAAA,CAAAW,OAAU;IACT,mBAAW;IACXkE,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAE/C,gBAAiB;IACvBgD,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAACd,cAAc,CAAE;IAClDM,QAAQ,EAAE6C,2BAAS,CAACS,WAAY;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhCjF,MAAA,CAAAkB,OAAA,CAAAqD,aAAA,CAAClE,iBAAA,CAAA6F,iBAAiB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACV,CACT,CACF,CAEJ,CAAC;AAEV,CAAC;AAED/C,gBAAgB,CAACiE,WAAW,GAAG,kBAAkB;AAEjDjE,gBAAgB,CAACkE,SAAS,GAAG;EAC3BhE,QAAQ,EAAEiE,kBAAS,CAACC,GAAG;EACvBjE,cAAc,EAAEgE,kBAAS,CAACC,GAAG;EAC7BhE,cAAc,EAAE+D,kBAAS,CAACC,GAAG;EAC7B5D,aAAa,EAAE2D,kBAAS,CAACC,GAAG;EAC5B/D,gBAAgB,EAAE8D,kBAAS,CAACC,GAAG;EAC/B3D,QAAQ,EAAE0D,kBAAS,CAACC;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtF,OAAA,GAEagB,gBAAgB","ignoreList":[]}

package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = exports.requiredProps = {
+  children: 'children'
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = exports.testkitTests = [...sharedTests];
+var ssrTests = exports.ssrTests = [...sharedTests];
+var a11yTests = exports.a11yTests = [...sharedTests];
+//# sourceMappingURL=HorizontalScroll.meta.js.map

package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","exports","children","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.meta.tsx"],"sourcesContent":["import { HorizontalScrollProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: HorizontalScrollProps = {\n  children: 'children',\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as HorizontalScrollProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAoC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAClDE,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAN,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMO,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAP,OAAA,CAAAO,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_169_0_HorizontalScroll";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = statesRuntime.bind(null, _namespace_);
+module.exports.style = _style_;
+module.exports.st = _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_169_0_HorizontalScroll__root","scrollContainer":"wds_1_169_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_169_0_HorizontalScroll__startScroll","endScroll":"wds_1_169_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_169_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_169_0_HorizontalScroll__endScrollButton"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-600":"--wds-space-600","wds-horizontal-scroll-gradient-color":"--wds-horizontal-scroll-gradient-color"}; 
+
+
+
+

package/dist/cjs/HorizontalScroll/HorizontalScroll.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=HorizontalScroll.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/HorizontalScroll/HorizontalScroll.types.ts"],"sourcesContent":["import { IconButtonSkin } from '../IconButton';\n\nexport type HorizontalScrollProps = {\n  /** The content that will be rendered inside the scrollable window. */\n  children: React.ReactNode;\n  /** The number of pixels the scrollable content moves per button press.\n   * @default 150\n   */\n  scrollDistance?: number;\n  /** The debounce time (in milliseconds) to limit the scroll event rate.\n   * @default 20\n   */\n  scrollDebounce?: number;\n  /** The color of the gradient behind the scroll buttons. */\n  gradientColor?: string;\n  /** Skin of the scroll buttons.\n   * @default standard\n   */\n  scrollButtonSkin?: IconButtonSkin;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n};\n\nexport type ScrollButtonSkin = Extract<\n  IconButtonSkin,\n  'standard' | 'light' | 'transparent'\n>;\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.horizontalScrollDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../utils/test-utils/unidriver");
+var _HorizontalScroll = require("./HorizontalScroll.constants");
+var _react = require("@testing-library/react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var horizontalScrollDriverFactory = base => {
+  var getElementByHook = hook => base.$("[data-hook=\"".concat(hook, "\"]"));
+  var leftButton = getElementByHook(_HorizontalScroll.dataHooks.leftButton);
+  var rightButton = getElementByHook(_HorizontalScroll.dataHooks.rightButton);
+  var scrollContainer = getElementByHook(_HorizontalScroll.dataHooks.scrollContainer);
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /**
+     * Checks if left button exists.
+     */
+    leftButtonExists: () => leftButton.exists(),
+    /**
+     * Checks if right button exists.
+     */
+    rightButtonExists: () => rightButton.exists(),
+    /**
+     * Clicks left button.
+     */
+    clickLeftButton: () => leftButton.click(),
+    /**
+     * Clicks right button.
+     */
+    clickRightButton: () => rightButton.click(),
+    /**
+     * Retrieves scrollLeft property of the scrollable container.
+     */
+    getScrollPosition: function () {
+      var _getScrollPosition = (0, _asyncToGenerator2.default)(function* () {
+        var nativeElement = yield scrollContainer.getNative();
+        return nativeElement.scrollLeft;
+      });
+      function getScrollPosition() {
+        return _getScrollPosition.apply(this, arguments);
+      }
+      return getScrollPosition;
+    }(),
+    /**
+     * Sets scrollLeft property of the scrollable container.
+     */
+    setScrollPosition: function () {
+      var _setScrollPosition = (0, _asyncToGenerator2.default)(function* (size) {
+        var nativeElement = yield scrollContainer.getNative();
+        _react.fireEvent.scroll(nativeElement, {
+          target: {
+            scrollLeft: size
+          }
+        });
+      });
+      function setScrollPosition(_x) {
+        return _setScrollPosition.apply(this, arguments);
+      }
+      return setScrollPosition;
+    }()
+  });
+};
+exports.horizontalScrollDriverFactory = horizontalScrollDriverFactory;
+//# sourceMappingURL=HorizontalScroll.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_HorizontalScroll","_react","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","horizontalScrollDriverFactory","base","getElementByHook","hook","$","concat","leftButton","dataHooks","rightButton","scrollContainer","baseUniDriverFactory","leftButtonExists","exists","rightButtonExists","clickLeftButton","click","clickRightButton","getScrollPosition","_getScrollPosition","_asyncToGenerator2","nativeElement","getNative","scrollLeft","setScrollPosition","_setScrollPosition","size","fireEvent","scroll","target","_x","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.uni.driver.ts"],"sourcesContent":["import {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport { fireEvent } from '@testing-library/react';\n\nexport interface HorizontalScrollUniDriver extends BaseUniDriver {\n  leftButtonExists(): Promise<boolean>;\n  rightButtonExists(): Promise<boolean>;\n  clickLeftButton(): Promise<void>;\n  clickRightButton(): Promise<void>;\n  getScrollPosition(): Promise<number>;\n  setScrollPosition(size: number): Promise<void>;\n}\n\nexport const horizontalScrollDriverFactory = (\n  base: UniDriver,\n): HorizontalScrollUniDriver => {\n  const getElementByHook = (hook: string) => base.$(`[data-hook=\"${hook}\"]`);\n\n  const leftButton = getElementByHook(dataHooks.leftButton);\n  const rightButton = getElementByHook(dataHooks.rightButton);\n  const scrollContainer = getElementByHook(dataHooks.scrollContainer);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks if left button exists.\n     */\n    leftButtonExists: () => leftButton.exists(),\n\n    /**\n     * Checks if right button exists.\n     */\n    rightButtonExists: () => rightButton.exists(),\n\n    /**\n     * Clicks left button.\n     */\n    clickLeftButton: () => leftButton.click(),\n\n    /**\n     * Clicks right button.\n     */\n    clickRightButton: () => rightButton.click(),\n\n    /**\n     * Retrieves scrollLeft property of the scrollable container.\n     */\n    getScrollPosition: async () => {\n      const nativeElement = await scrollContainer.getNative();\n      return nativeElement.scrollLeft;\n    },\n\n    /**\n     * Sets scrollLeft property of the scrollable container.\n     */\n    setScrollPosition: async (size: number) => {\n      const nativeElement = await scrollContainer.getNative();\n\n      fireEvent.scroll(nativeElement, { target: { scrollLeft: size } });\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/HorizontalScroll/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.HorizontalScrollProps = void 0;
+var _HorizontalScroll = _interopRequireDefault(require("./HorizontalScroll"));
+exports.default = _HorizontalScroll.default;
+var _HorizontalScroll2 = require("./HorizontalScroll.types");
+exports.HorizontalScrollProps = _HorizontalScroll2.HorizontalScrollProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/HorizontalScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_HorizontalScroll","_interopRequireDefault","require","exports","default","_HorizontalScroll2","HorizontalScrollProps"],"sources":["../../../src/HorizontalScroll/index.ts"],"sourcesContent":["export { default } from './HorizontalScroll';\nexport { HorizontalScrollProps } from './HorizontalScroll.types';\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAC,OAAA,GAAAJ,iBAAA,CAAAI,OAAA;AAC7C,IAAAC,kBAAA,GAAAH,OAAA;AAAiEC,OAAA,CAAAG,qBAAA,GAAAD,kBAAA,CAAAC,qBAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_HorizontalTimeline";
+var _namespace_ = "wds_1_169_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_167_0_HorizontalTimeline__root","line":"wds_1_167_0_HorizontalTimeline__line","column":"wds_1_167_0_HorizontalTimeline__column","item":"wds_1_167_0_HorizontalTimeline__item","lineIconLine":"wds_1_167_0_HorizontalTimeline__lineIconLine","icon":"wds_1_167_0_HorizontalTimeline__icon","label":"wds_1_167_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_169_0_HorizontalTimeline__root","line":"wds_1_169_0_HorizontalTimeline__line","column":"wds_1_169_0_HorizontalTimeline__column","item":"wds_1_169_0_HorizontalTimeline__item","lineIconLine":"wds_1_169_0_HorizontalTimeline__lineIconLine","icon":"wds_1_169_0_HorizontalTimeline__icon","label":"wds_1_169_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_167_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_169_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_167_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_167_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_167_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_167_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_167_0_HorizontalTimelineIcons__upcomingIcon wds_1_167_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_167_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_167_0_HorizontalTimelineIcons__activeIcon wds_1_167_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_167_0_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_169_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_169_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_169_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_169_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_169_0_HorizontalTimelineIcons__upcomingIcon wds_1_169_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_169_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_169_0_HorizontalTimelineIcons__activeIcon wds_1_169_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_169_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};