@wix/design-system 1.168.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_168_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_168_0_FunnelStep__root","funnelStep":"wds_1_168_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_168_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_168_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_168_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_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_168_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_168_0_GoogleAddressInput__root","googleFooter":"wds_1_168_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_168_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_168_0_GooglePreview__root","googlePreviewTitle":"wds_1_168_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_168_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_168_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_168_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_168_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_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_168_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_168_0_Heading__root","heading-h1":"wds_1_168_0_StylableTypography__heading-h1","heading-h2":"wds_1_168_0_StylableTypography__heading-h2","heading-h3":"wds_1_168_0_StylableTypography__heading-h3","heading-h4":"wds_1_168_0_StylableTypography__heading-h4","heading-h5":"wds_1_168_0_StylableTypography__heading-h5","heading-h6":"wds_1_168_0_StylableTypography__heading-h6","heading-xl":"wds_1_168_0_StylableTypography__heading-xl","heading-l":"wds_1_168_0_StylableTypography__heading-l","heading-m":"wds_1_168_0_StylableTypography__heading-m","heading-s":"wds_1_168_0_StylableTypography__heading-s","heading-t":"wds_1_168_0_StylableTypography__heading-t","heading-xt":"wds_1_168_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_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_168_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_168_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.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_HorizontalScroll";
+var _namespace_ = "wds_1_169_0_HorizontalScroll";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_HorizontalScroll__root","scrollContainer":"wds_1_168_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_168_0_HorizontalScroll__startScroll","endScroll":"wds_1_168_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_168_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_168_0_HorizontalScroll__endScrollButton"};
+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 = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_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_168_0_HorizontalTimeline__root","line":"wds_1_168_0_HorizontalTimeline__line","column":"wds_1_168_0_HorizontalTimeline__column","item":"wds_1_168_0_HorizontalTimeline__item","lineIconLine":"wds_1_168_0_HorizontalTimeline__lineIconLine","icon":"wds_1_168_0_HorizontalTimeline__icon","label":"wds_1_168_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_168_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_168_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_168_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_168_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_168_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_168_0_HorizontalTimelineIcons__upcomingIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_168_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_168_0_HorizontalTimelineIcons__activeIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_168_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 = {}; 

package/dist/cjs/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_IconButton","_generateDataAttr","_IconButtonSt","_WixStyleReactDefaultsOverrideProvider","_context","_deprecationLog","_ButtonCore","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","IconButton","exports","forwardRef","props","ref","skin","deprecationLog","defaultOverrides","React","useContext","WixStyleReactDefaultsOverrideContext","buttonRef","useRef","useImperativeHandle","focus","current","button","buttonPropsDefaults","className","priority","size","children","disabled","dataHook","ariaLabel","ariaLabelledBy","rest","_objectWithoutProperties2","childSize","ICON_CHILD_SIZE","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","generateDataAttr","cloneElement","width","height","displayName","propTypes","as","PropTypes","oneOfType","func","object","string","any","oneOf","onClick","bool","_default"],"sources":["../../../src/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { ICON_CHILD_SIZE } from './IconButton.constants';\n\nimport { generateDataAttr } from '../utils/generateDataAttr';\nimport { st, classes } from './IconButton.st.css';\nimport { WixStyleReactDefaultsOverrideContext } from '../WixStyleReactDefaultsOverrideProvider';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport deprecationLog from '../utils/deprecationLog';\nimport ButtonCore from '../Button/ButtonCore';\nimport { IconButtonHandle, IconButtonProps } from './IconButton.types';\n\nexport const IconButton = forwardRef<IconButtonHandle, IconButtonProps>(\n  (props: IconButtonProps, ref) => {\n    if (props.skin === 'inverted') {\n      deprecationLog(\n        '<IconButton/> - skin=\"inverted\" is deprecated and will be removed in next major version, please use skin=\"standard\" and priority=\"secondary\" instead',\n      );\n    }\n\n    const defaultOverrides = React.useContext(\n      WixStyleReactDefaultsOverrideContext,\n    );\n    const buttonRef = React.useRef<HTMLElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          focus() {\n            buttonRef.current && buttonRef.current.focus();\n          },\n        };\n      },\n      [buttonRef],\n    );\n\n    const { button: buttonPropsDefaults } = defaultOverrides;\n\n    const {\n      skin = 'standard',\n      className,\n      priority = 'primary',\n      size = buttonPropsDefaults.size,\n      children,\n      disabled = false,\n      dataHook,\n      ariaLabel,\n      ariaLabelledBy,\n      ...rest\n    } = props;\n\n    const childSize = ICON_CHILD_SIZE[size];\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <ButtonCore\n            {...rest}\n            disabled={disabled}\n            ref={buttonRef}\n            className={st(\n              classes.root,\n              { skin, priority, size, newColorsBranding },\n              className,\n            )}\n            {...generateDataAttr(\n              {\n                ...props,\n                size,\n              },\n              ['skin', 'size', 'priority'],\n            )}\n            data-hook={dataHook}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children &&\n              React.cloneElement(children, {\n                size: childSize,\n                width: childSize,\n                height: childSize,\n                'aria-hidden': true,\n              })}\n          </ButtonCore>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  },\n);\n\nIconButton.displayName = 'IconButton';\n\nIconButton.propTypes = {\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  className: PropTypes.string,\n  children: PropTypes.any,\n  skin: PropTypes.oneOf([\n    'standard',\n    'inverted',\n    'premium',\n    'dark',\n    'light',\n    'transparent',\n    'ai',\n  ]),\n  priority: PropTypes.oneOf([\n    'primary',\n    'secondary',\n    'tertiary',\n  ]),\n  size: PropTypes.oneOf([\n    'tiny',\n    'small',\n    'medium',\n    'large',\n  ]),\n  onClick: PropTypes.func,\n  disabled: PropTypes.bool,\n  dataHook: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  ariaLabelledBy: PropTypes.string,\n};\n\nexport default IconButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_IconButton","_generateDataAttr","_IconButtonSt","_WixStyleReactDefaultsOverrideProvider","_context","_deprecationLog","_ButtonCore","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","IconButton","exports","forwardRef","props","ref","skin","deprecationLog","defaultOverrides","React","useContext","WixStyleReactDefaultsOverrideContext","buttonRef","useRef","useImperativeHandle","focus","current","button","buttonPropsDefaults","className","priority","size","children","disabled","dataHook","ariaLabel","ariaLabelledBy","rest","_objectWithoutProperties2","childSize","ICON_CHILD_SIZE","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","generateDataAttr","cloneElement","width","height","displayName","propTypes","as","PropTypes","oneOfType","func","object","string","any","oneOf","onClick","bool","_default"],"sources":["../../../src/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { ICON_CHILD_SIZE } from './IconButton.constants';\n\nimport { generateDataAttr } from '../utils/generateDataAttr';\nimport { st, classes } from './IconButton.st.css';\nimport { WixStyleReactDefaultsOverrideContext } from '../WixStyleReactDefaultsOverrideProvider';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport deprecationLog from '../utils/deprecationLog';\nimport ButtonCore from '../Button/ButtonCore';\nimport { IconButtonHandle, IconButtonProps } from './IconButton.types';\n\nexport const IconButton = forwardRef<IconButtonHandle, IconButtonProps>(\n  (props: IconButtonProps, ref) => {\n    if (props.skin === 'inverted') {\n      deprecationLog(\n        '<IconButton/> - skin=\"inverted\" is deprecated and will be removed in next major version, please use skin=\"standard\" and priority=\"secondary\" instead',\n      );\n    }\n\n    const defaultOverrides = React.useContext(\n      WixStyleReactDefaultsOverrideContext,\n    );\n    const buttonRef = React.useRef<HTMLElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          focus() {\n            buttonRef.current && buttonRef.current.focus();\n          },\n        };\n      },\n      [buttonRef],\n    );\n\n    const { button: buttonPropsDefaults } = defaultOverrides;\n\n    const {\n      skin = 'standard',\n      className,\n      priority = 'primary',\n      size = buttonPropsDefaults.size,\n      children,\n      disabled = false,\n      dataHook,\n      ariaLabel,\n      ariaLabelledBy,\n      ...rest\n    } = props;\n\n    const childSize = ICON_CHILD_SIZE[size];\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <ButtonCore\n            {...rest}\n            disabled={disabled}\n            ref={buttonRef}\n            className={st(\n              classes.root,\n              { skin, priority, size, newColorsBranding },\n              className,\n            )}\n            {...generateDataAttr(\n              {\n                ...props,\n                size,\n              },\n              ['skin', 'size', 'priority'],\n            )}\n            data-hook={dataHook}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children &&\n              React.cloneElement(children, {\n                size: childSize,\n                width: childSize,\n                height: childSize,\n                'aria-hidden': true,\n              })}\n          </ButtonCore>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  },\n);\n\nIconButton.displayName = 'IconButton';\n\nIconButton.propTypes = {\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  className: PropTypes.string,\n  children: PropTypes.any,\n  skin: PropTypes.oneOf([\n    'standard',\n    'inverted',\n    'premium',\n    'dark',\n    'light',\n    'transparent',\n    'ai',\n  ]),\n  priority: PropTypes.oneOf(['primary', 'secondary', 'tertiary']),\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  onClick: PropTypes.func,\n  disabled: PropTypes.bool,\n  dataHook: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  ariaLabelledBy: PropTypes.string,\n};\n\nexport default IconButton;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_IconButton";
+var _namespace_ = "wds_1_169_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_168_0_IconButton__root","mobile":"wds_1_168_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_169_0_IconButton__root","mobile":"wds_1_169_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_168_0_Image";
+var _namespace_ = "wds_1_169_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_168_0_Image__root"};
+module.exports.classes = {"root":"wds_1_169_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_168_0_ImageViewer";
+var _namespace_ = "wds_1_169_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_168_0_ImageViewer__root","buttons":"wds_1_168_0_ImageViewer__buttons","imageContainer":"wds_1_168_0_ImageViewer__imageContainer","overlay":"wds_1_168_0_ImageViewer__overlay","image":"wds_1_168_0_ImageViewer__image","statusContainer":"wds_1_168_0_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_169_0_ImageViewer__root","buttons":"wds_1_169_0_ImageViewer__buttons","imageContainer":"wds_1_169_0_ImageViewer__imageContainer","overlay":"wds_1_169_0_ImageViewer__overlay","image":"wds_1_169_0_ImageViewer__image","statusContainer":"wds_1_169_0_ImageViewer__statusContainer"};
 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_168_0_InfoIcon";
+var _namespace_ = "wds_1_169_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_168_0_InfoIcon__root","icon":"wds_1_168_0_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_169_0_InfoIcon__root","icon":"wds_1_169_0_InfoIcon__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Input";
+var _namespace_ = "wds_1_169_0_Input";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,12 +17,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_Input__root","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","wrapper":"wds_1_168_0_Input__wrapper","input":"wds_1_168_0_Input__input","disabled":"wds_1_168_0_Input__disabled","readOnly":"wds_1_168_0_Input__readOnly","suffixes":"wds_1_168_0_Input__suffixes","suffix":"wds_1_168_0_Input__suffix","statusWrapper":"wds_1_168_0_Input__statusWrapper","clearButtonWrapper":"wds_1_168_0_Input__clearButtonWrapper","menuArrow":"wds_1_168_0_Input__menuArrow","clearButton":"wds_1_168_0_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_169_0_Input__root","text-tiny-thin":"wds_1_169_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_169_0_StylableTypography__text-medium-thin","wrapper":"wds_1_169_0_Input__wrapper","input":"wds_1_169_0_Input__input","disabled":"wds_1_169_0_Input__disabled","readOnly":"wds_1_169_0_Input__readOnly","suffixes":"wds_1_169_0_Input__suffixes","suffix":"wds_1_169_0_Input__suffix","statusWrapper":"wds_1_169_0_Input__statusWrapper","clearButtonWrapper":"wds_1_169_0_Input__clearButtonWrapper","menuArrow":"wds_1_169_0_Input__menuArrow","clearButton":"wds_1_169_0_Input__clearButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","border-color-hover":"--wds_1_168_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_168_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_168_0_Input-border-color-hover-warning"}; 
+module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","border-color-hover":"--wds_1_169_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_169_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_169_0_Input-border-color-hover-warning"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_168_0_Affix";
+var _namespace_ = "wds_1_169_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_168_0_Affix__root","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_169_0_Affix__root","text-tiny-thin":"wds_1_169_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_169_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_169_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_169_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_168_0_Group";
+var _namespace_ = "wds_1_169_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_168_0_Group__root"};
+module.exports.classes = {"root":"wds_1_169_0_Group__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_168_0_IconAffix";
+var _namespace_ = "wds_1_169_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_168_0_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_169_0_IconAffix__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Ticker/Ticker.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_168_0_Ticker";
+var _namespace_ = "wds_1_169_0_Ticker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_Ticker__root","up":"wds_1_168_0_Ticker__up","down":"wds_1_168_0_Ticker__down"};
+module.exports.classes = {"root":"wds_1_169_0_Ticker__root","up":"wds_1_169_0_Ticker__up","down":"wds_1_169_0_Ticker__down"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_InputArea";
+var _namespace_ = "wds_1_169_0_InputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_InputArea__root","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_168_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_168_0_InputArea__inputArea","counter":"wds_1_168_0_InputArea__counter","status":"wds_1_168_0_InputArea__status","disabled":"wds_1_168_0_InputArea__disabled","readOnly":"wds_1_168_0_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_169_0_InputArea__root","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_169_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_169_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_169_0_InputArea__inputArea","counter":"wds_1_169_0_InputArea__counter","status":"wds_1_169_0_InputArea__status","disabled":"wds_1_169_0_InputArea__disabled","readOnly":"wds_1_169_0_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_168_0_InputArea-border-color","border-color-destructive":"--wds_1_168_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_168_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_168_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_168_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_168_0_InputArea-wds-input-area-height-medium-adjusted"}; 
+module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_169_0_InputArea-border-color","border-color-destructive":"--wds_1_169_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_169_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_169_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_169_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_169_0_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

package/dist/cjs/InputShell/InputShell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_context","_InputShell","_InputShellSt","_Box","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputShell","props","newColorsBranding","useContext","WixDesignSystemContext","as","Component","children","menuArrow","dataHook","focused","onClick","rest","_objectWithoutProperties2","createElement","_extends2","className","st","classes","root","disabled","String","__self","__source","fileName","lineNumber","columnNumber","content","dataHooks","suffix","DropDownArrow","displayName","propTypes","PropTypes","string","oneOf","bool","node","oneOfType","tabIndex","number","func","_default","exports"],"sources":["../../../src/InputShell/InputShell.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { DropDownArrow } from '@wix/wix-ui-icons-common/system';\n\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { dataHooks } from './InputShell.constants';\nimport { st, classes } from './InputShell.st.css';\nimport Box from '../Box';\n\nimport type { InputShellProps } from './InputShell.types';\n\n/** A wrapper component that has a style of an input component */\nconst InputShell: FC<InputShellProps> = (props) => {\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n\n  const {\n    as: Component = 'div',\n    children,\n    menuArrow,\n    dataHook,\n    focused = 'auto',\n    onClick,\n    ...rest\n  } = props;\n\n  return (\n    <Component\n      {...rest}\n      data-hook={dataHook}\n      className={st(classes.root, {\n        newColorsBranding,\n        menuArrow: props.menuArrow,\n        disabled: props.as === 'button' ? props.disabled : false,\n        focused: String(focused),\n      })}\n      onClick={onClick as React.MouseEventHandler<HTMLElement>}\n    >\n      <div className={st(classes.content)}>{children}</div>\n      {menuArrow && (\n        <Box dataHook={dataHooks.menuArrow} className={st(classes.suffix)}>\n          <DropDownArrow />\n        </Box>\n      )}\n    </Component>\n  );\n};\n\nInputShell.displayName = 'InputShell';\n\nInputShell.propTypes = {\n  dataHook: PropTypes.string,\n  as: PropTypes.oneOf(['div', 'button']),\n  menuArrow: PropTypes.bool,\n  children: PropTypes.node,\n  focused: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['auto'])]),\n  disabled: PropTypes.bool,\n  tabIndex: PropTypes.number,\n  'aria-haspopup': PropTypes.oneOf([\n    'menu',\n    'listbox',\n    'tree',\n    'grid',\n    'dialog',\n    'true',\n    'false',\n    PropTypes.bool,\n  ]),\n  'aria-controls': PropTypes.string,\n  onClick: PropTypes.func,\n} as any;\n\nexport default InputShell;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_context","_InputShell","_InputShellSt","_Box","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputShell","props","newColorsBranding","useContext","WixDesignSystemContext","as","Component","children","menuArrow","dataHook","focused","onClick","rest","_objectWithoutProperties2","createElement","_extends2","className","st","classes","root","disabled","String","__self","__source","fileName","lineNumber","columnNumber","content","dataHooks","suffix","DropDownArrow","displayName","propTypes","PropTypes","string","oneOf","bool","node","oneOfType","tabIndex","number","func","_default","exports"],"sources":["../../../src/InputShell/InputShell.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { DropDownArrow } from '@wix/wix-ui-icons-common/system';\n\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { dataHooks } from './InputShell.constants';\nimport { st, classes } from './InputShell.st.css';\nimport Box from '../Box';\n\nimport type { InputShellProps } from './InputShell.types';\n\n/** A wrapper component that has a style of an input component */\nconst InputShell: FC<InputShellProps> = props => {\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n\n  const {\n    as: Component = 'div',\n    children,\n    menuArrow,\n    dataHook,\n    focused = 'auto',\n    onClick,\n    ...rest\n  } = props;\n\n  return (\n    <Component\n      {...rest}\n      data-hook={dataHook}\n      className={st(classes.root, {\n        newColorsBranding,\n        menuArrow: props.menuArrow,\n        disabled: props.as === 'button' ? props.disabled : false,\n        focused: String(focused),\n      })}\n      onClick={onClick as React.MouseEventHandler<HTMLElement>}\n    >\n      <div className={st(classes.content)}>{children}</div>\n      {menuArrow && (\n        <Box dataHook={dataHooks.menuArrow} className={st(classes.suffix)}>\n          <DropDownArrow />\n        </Box>\n      )}\n    </Component>\n  );\n};\n\nInputShell.displayName = 'InputShell';\n\nInputShell.propTypes = {\n  dataHook: PropTypes.string,\n  as: PropTypes.oneOf(['div', 'button']),\n  menuArrow: PropTypes.bool,\n  children: PropTypes.node,\n  focused: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['auto'])]),\n  disabled: PropTypes.bool,\n  tabIndex: PropTypes.number,\n  'aria-haspopup': PropTypes.oneOf([\n    'menu',\n    'listbox',\n    'tree',\n    'grid',\n    'dialog',\n    'true',\n    'false',\n    PropTypes.bool,\n  ]),\n  'aria-controls': PropTypes.string,\n  onClick: PropTypes.func,\n} as any;\n\nexport default InputShell;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_InputShell";
+var _namespace_ = "wds_1_169_0_InputShell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_InputShell__root","content":"wds_1_168_0_InputShell__content","suffix":"wds_1_168_0_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_169_0_InputShell__root","content":"wds_1_169_0_InputShell__content","suffix":"wds_1_169_0_InputShell__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_168_0_InputShell-border-color-hover"}; 
+module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_169_0_InputShell-border-color-hover"};