@wix/design-system 1.153.0 → 1.155.0

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

@@ -1 +1 @@
-{"version":3,"names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_InfoIcon","_uniqueId","_Text","_FormField2","_FormFieldSt","_wixUiIconsCommon","_system","_StatusContext","_FieldSet","_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","asterisk","createElement","DATA_HOOKS","className","classes","__self","__source","fileName","lineNumber","columnNumber","Asterisk","FormField","Component","constructor","props","labelId","statusId","state","lengthLeft","undefined","childrenRenderPropInterface","setCharactersLeft","setState","_hasCharCounter","charCount","charactersLeft","labelSize","colorProps","light","secondary","skin","SKINS","error","_extends2","st","size","SIZES","small","weight","WEIGHTS","normal","dataHook","counter","children","_renderCharCounter","_renderInfoIcon","infoContent","infoTooltipProps","infoIcon","content","tooltipProps","InfoCircle","_renderSuffix","suffix","noLabel","label","labelPlacement","PLACEMENT","top","_hasInlineElements","hasInlineLabel","left","right","hasInlineIndicator","required","_renderLabel","_ref","trimLongText","id","ellipsis","maxLines","hasSuffix","htmlFor","tagName","style","display","Fragment","_renderStatusIcon","status","iconByStatus","STATUS","StatusAlertFilledSmall","warning","StatusWarningFilledSmall","Icon","statusIcon","_renderStatusMessage","statusMessage","_getCustomColumns","labelWidth","inputWidth","labelColumn","inputColumn","concat","uniqueId","_renderChildren","render","labelAlignment","classNames","stretchContent","rootStyles","minLabelHeight","hasInlineElements","hasCustomWidth","root","gridTemplateColumns","labelRow","labelRowMain","childrenWithInlineLabel","FieldSetContext","Consumer","fieldSet","StatusContext","Provider","value","ariaLabelledBy","ariaDescribedBy","Boolean","join","exports","displayName","propTypes","PropTypes","any","defaultProps","ALIGN","middle","_default"],"sources":["../../../src/FormField/FormField.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component, CSSProperties } from 'react';\nimport InfoIcon from '../InfoIcon';\nimport uniqueId from 'lodash/uniqueId';\nimport Text, { SIZES, SKINS, WEIGHTS } from '../Text';\nimport { ALIGN, DATA_HOOKS, PLACEMENT, STATUS } from './FormField.constants';\nimport { st, classes } from './FormField.st.css';\nimport {\n  StatusAlertFilledSmall,\n  StatusWarningFilledSmall,\n} from '@wix/wix-ui-icons-common';\nimport { Asterisk, InfoCircle } from '@wix/wix-ui-icons-common/system';\nimport { StatusContext } from './StatusContext';\nimport { FieldSetContext } from '../FieldSet/FieldSet.context';\nimport {\n  FormFieldProps,\n  LabelPlacement,\n  LabelSize,\n  StatusType,\n} from './FormField.types';\n\nconst asterisk = (\n  <div data-hook={DATA_HOOKS.asterisk} className={classes.asterisk}>\n    <Asterisk />\n  </div>\n);\n\nexport class FormField extends Component<FormFieldProps> {\n  static displayName = 'FormField';\n\n  labelId: string;\n  statusId: string;\n\n  constructor(props: FormFieldProps) {\n    super(props);\n    this.labelId = props.labelId || uniqueId('formfield-');\n    this.statusId = props.labelId\n      ? `${props.labelId}-status`\n      : uniqueId('formfield-status-');\n  }\n\n  static propTypes = {\n    children: PropTypes.any,\n    dataHook: PropTypes.any,\n    id: PropTypes.any,\n    infoContent: PropTypes.any,\n    infoTooltipProps: PropTypes.any,\n    label: PropTypes.any,\n    labelAlignment: PropTypes.any,\n    labelPlacement: PropTypes.any,\n    labelSize: PropTypes.any,\n    required: PropTypes.any,\n    stretchContent: PropTypes.any,\n    suffix: PropTypes.any,\n    charCount: PropTypes.any,\n    labelId: PropTypes.any,\n    statusMessage: PropTypes.any,\n    status: PropTypes.any,\n    ellipsis: PropTypes.any,\n    maxLines: PropTypes.any,\n    labelWidth: PropTypes.any,\n    inputWidth: PropTypes.any,\n  };\n\n  static defaultProps: FormFieldProps = {\n    required: false,\n    stretchContent: true,\n    labelSize: 'small',\n    labelPlacement: PLACEMENT.top,\n    labelAlignment: ALIGN.middle,\n  };\n\n  state: { lengthLeft: number | undefined } = {\n    lengthLeft: undefined,\n  };\n\n  childrenRenderPropInterface = {\n    setCharactersLeft: (lengthLeft: number) => this.setState({ lengthLeft }),\n  };\n\n  _renderChildren() {\n    const { children } = this.props;\n    if (typeof children === 'function') {\n      return children(this.childrenRenderPropInterface);\n    }\n\n    return children;\n  }\n\n  _hasCharCounter = () =>\n    this.props.charCount !== undefined ||\n    typeof this.state.lengthLeft === 'number';\n\n  charactersLeft = (lengthLeft: number | undefined) => {\n    const { labelSize } = this.props;\n    const colorProps =\n      lengthLeft && lengthLeft >= 0\n        ? { light: true, secondary: true }\n        : { skin: SKINS.error };\n\n    return (\n      <Text\n        className={st(classes.charCount, { labelSize })}\n        size={SIZES.small}\n        weight={WEIGHTS.normal}\n        {...colorProps}\n        dataHook={DATA_HOOKS.counter}\n        children={lengthLeft}\n      />\n    );\n  };\n\n  _renderCharCounter = () => {\n    if (!this._hasCharCounter()) {\n      return;\n    }\n    const { charCount } = this.props;\n    return this.charactersLeft(\n      charCount !== undefined ? charCount : this.state.lengthLeft,\n    );\n  };\n\n  _renderInfoIcon = () => {\n    const { infoContent, infoTooltipProps } = this.props;\n\n    return (\n      infoContent && (\n        <InfoIcon\n          dataHook={DATA_HOOKS.infoIcon}\n          className={classes.infoIcon}\n          content={infoContent}\n          tooltipProps={infoTooltipProps}\n          size=\"small\"\n        >\n          <InfoCircle />\n        </InfoIcon>\n      )\n    );\n  };\n\n  _renderSuffix = () => {\n    const { suffix } = this.props;\n\n    return (\n      (suffix || this._hasCharCounter()) && (\n        <div\n          data-hook={DATA_HOOKS.suffix}\n          className={st(classes.suffix, {\n            noLabel:\n              !this.props.label || this.props.labelPlacement !== PLACEMENT.top,\n          })}\n        >\n          {suffix ? suffix : this._renderCharCounter()}\n        </div>\n      )\n    );\n  };\n\n  _hasInlineElements = (\n    label: FormFieldProps['label'],\n    labelPlacement?: LabelPlacement,\n  ) => {\n    const hasInlineLabel =\n      label &&\n      (labelPlacement === PLACEMENT.left || labelPlacement === PLACEMENT.right);\n    const hasInlineIndicator =\n      !label && (this.props.required || !!this.props.infoContent);\n    return hasInlineLabel || hasInlineIndicator;\n  };\n\n  _renderLabel = ({\n    trimLongText,\n    labelSize,\n  }: {\n    trimLongText: boolean;\n    labelSize?: LabelSize;\n  }) => {\n    const { label, id, required, infoContent, ellipsis, maxLines } = this.props;\n    const weight = labelSize === 'tiny' ? 'normal' : undefined;\n    const hasSuffix = required || infoContent;\n\n    return (\n      <Text\n        size={labelSize}\n        weight={weight}\n        htmlFor={id}\n        id={this.labelId}\n        tagName=\"label\"\n        dataHook={DATA_HOOKS.label}\n        ellipsis={ellipsis ?? trimLongText}\n        maxLines={maxLines}\n        style={{\n          display: 'block', // allows the label to be centered vertically\n        }}\n        secondary\n        className={st(classes.label, {\n          labelSize,\n          size: labelSize,\n        })}\n        suffix={\n          hasSuffix ? (\n            <>\n              {required && asterisk}\n              {this._renderInfoIcon()}\n            </>\n          ) : undefined\n        }\n      >\n        {label}\n      </Text>\n    );\n  };\n\n  _renderStatusIcon = () => {\n    const { status } = this.props;\n    if (!status || status === 'loading') return;\n\n    const iconByStatus: Record<Exclude<StatusType, 'loading'>, React.FC> = {\n      [STATUS.error]: StatusAlertFilledSmall,\n      [STATUS.warning]: StatusWarningFilledSmall,\n    };\n    const Icon = iconByStatus[status];\n\n    return (\n      <div className={classes.statusIcon}>\n        <Icon />\n      </div>\n    );\n  };\n\n  _renderStatusMessage = () => {\n    const { statusMessage, status, labelSize } = this.props;\n\n    return (\n      <div\n        className={st(classes.statusMessage, {\n          status,\n          labelSize,\n        })}\n      >\n        {(status === STATUS.error || status === STATUS.warning) &&\n          this._renderStatusIcon()}\n        <Text\n          id={this.statusId}\n          dataHook={DATA_HOOKS.statusMessage}\n          skin={status === STATUS.error ? 'error' : 'standard'}\n          secondary={status !== STATUS.error}\n          size={labelSize}\n        >\n          {statusMessage}\n        </Text>\n      </div>\n    );\n  };\n\n  _getCustomColumns = (): CSSProperties['gridTemplateColumns'] => {\n    const { labelPlacement, labelWidth, inputWidth } = this.props;\n\n    const labelColumn = labelWidth ?? 'auto';\n    const inputColumn = inputWidth ?? 'auto';\n\n    if (labelPlacement === PLACEMENT.left) {\n      return `${labelColumn} ${inputColumn}`;\n    } else if (labelPlacement === PLACEMENT.right) {\n      return `${inputColumn} ${labelColumn}`;\n    } else return undefined;\n  };\n\n  render() {\n    const {\n      label,\n      labelPlacement,\n      labelAlignment,\n      labelSize,\n      required,\n      dataHook,\n      children,\n      classNames,\n      stretchContent,\n      statusMessage,\n      status,\n      labelWidth,\n      inputWidth,\n      ellipsis,\n    } = this.props;\n\n    const rootStyles = label\n      ? {\n          labelPlacement,\n          labelAlignment,\n          stretchContent,\n          required,\n          minLabelHeight: !children,\n        }\n      : {\n          stretchContent,\n          required,\n          minLabelHeight: !children,\n        };\n    const hasInlineElements = this._hasInlineElements(label, labelPlacement);\n    const hasCustomWidth = !!labelWidth || !!inputWidth;\n\n    return (\n      <div\n        data-hook={dataHook}\n        data-status={status}\n        className={st(\n          classes.root,\n          { ...rootStyles, ...(label ? { labelSize } : {}), hasInlineElements },\n          classNames,\n        )}\n        style={\n          labelPlacement !== PLACEMENT.top && hasCustomWidth\n            ? { gridTemplateColumns: this._getCustomColumns() }\n            : {}\n        }\n      >\n        {label && labelPlacement === PLACEMENT.top && (\n          <div className={classes.labelRow}>\n            <div className={classes.labelRowMain}>\n              {this._renderLabel({ trimLongText: true, labelSize })}\n            </div>\n            {this._renderSuffix()}\n          </div>\n        )}\n\n        {children && (\n          <div\n            data-hook={DATA_HOOKS.children}\n            className={st(classes.children, {\n              childrenWithInlineLabel: hasInlineElements,\n            })}\n          >\n            {!label && this._renderSuffix()}\n            <FieldSetContext.Consumer>\n              {fieldSet => (\n                <StatusContext.Provider\n                  value={{\n                    status,\n                    ariaLabelledBy: this.labelId,\n                    ariaDescribedBy: [\n                      this.statusId,\n                      status === fieldSet.status && fieldSet.statusId,\n                    ]\n                      .filter(Boolean)\n                      .join(' '),\n                  }}\n                >\n                  {this._renderChildren()}\n                </StatusContext.Provider>\n              )}\n            </FieldSetContext.Consumer>\n          </div>\n        )}\n\n        {hasInlineElements && (\n          <div\n            className={st(classes.labelRow, {\n              ellipsis,\n            })}\n          >\n            <div className={classes.labelRowMain}>\n              {this._renderLabel({ trimLongText: false, labelSize })}\n            </div>\n            {this._renderSuffix()}\n          </div>\n        )}\n\n        {statusMessage && this._renderStatusMessage()}\n      </div>\n    );\n  }\n}\n\nexport default FormField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_InfoIcon","_uniqueId","_Text","_FormField2","_FormFieldSt","_wixUiIconsCommon","_system","_StatusContext","_FieldSet","_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","asterisk","createElement","DATA_HOOKS","className","classes","__self","__source","fileName","lineNumber","columnNumber","Asterisk","FormField","Component","constructor","props","labelId","statusId","state","lengthLeft","undefined","childrenRenderPropInterface","setCharactersLeft","setState","_hasCharCounter","charCount","charactersLeft","labelSize","colorProps","light","secondary","skin","SKINS","error","_extends2","st","size","SIZES","small","weight","WEIGHTS","normal","dataHook","counter","children","_renderCharCounter","_renderInfoIcon","infoContent","infoTooltipProps","infoIcon","content","tooltipProps","InfoCircle","_renderSuffix","suffix","noLabel","label","labelPlacement","PLACEMENT","top","_hasInlineElements","hasInlineLabel","left","right","hasInlineIndicator","required","_renderLabel","_ref","trimLongText","id","ellipsis","maxLines","hasSuffix","htmlFor","tagName","style","display","Fragment","_renderStatusIcon","status","iconByStatus","STATUS","StatusAlertFilledSmall","warning","StatusWarningFilledSmall","Icon","statusIcon","_renderStatusMessage","statusMessage","_getCustomColumns","labelWidth","inputWidth","labelColumn","inputColumn","concat","uniqueId","_renderChildren","render","labelAlignment","classNames","stretchContent","rootStyles","minLabelHeight","hasInlineElements","hasCustomWidth","root","gridTemplateColumns","labelRow","labelRowMain","childrenWithInlineLabel","FieldSetContext","Consumer","fieldSet","StatusContext","Provider","value","ariaLabelledBy","ariaDescribedBy","Boolean","join","exports","displayName","propTypes","PropTypes","any","defaultProps","ALIGN","middle","_default"],"sources":["../../../src/FormField/FormField.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component, CSSProperties } from 'react';\nimport InfoIcon from '../InfoIcon';\nimport uniqueId from 'lodash/uniqueId';\nimport Text, { SIZES, SKINS, WEIGHTS } from '../Text';\nimport { ALIGN, DATA_HOOKS, PLACEMENT, STATUS } from './FormField.constants';\nimport { st, classes } from './FormField.st.css';\nimport {\n  StatusAlertFilledSmall,\n  StatusWarningFilledSmall,\n} from '@wix/wix-ui-icons-common';\nimport { Asterisk, InfoCircle } from '@wix/wix-ui-icons-common/system';\nimport { StatusContext } from './StatusContext';\nimport { FieldSetContext } from '../FieldSet/FieldSet.context';\nimport {\n  FormFieldProps,\n  LabelPlacement,\n  LabelSize,\n  StatusType,\n} from './FormField.types';\n\nconst asterisk = (\n  <div data-hook={DATA_HOOKS.asterisk} className={classes.asterisk}>\n    <Asterisk />\n  </div>\n);\n\nexport class FormField extends Component<FormFieldProps> {\n  static displayName = 'FormField';\n\n  labelId: string;\n  statusId: string;\n\n  constructor(props: FormFieldProps) {\n    super(props);\n    this.labelId = props.labelId || uniqueId('formfield-');\n    this.statusId = props.labelId\n      ? `${props.labelId}-status`\n      : uniqueId('formfield-status-');\n  }\n\n  static propTypes = {\n    children: PropTypes.any,\n    dataHook: PropTypes.any,\n    id: PropTypes.any,\n    infoContent: PropTypes.any,\n    infoTooltipProps: PropTypes.any,\n    label: PropTypes.any,\n    labelAlignment: PropTypes.any,\n    labelPlacement: PropTypes.any,\n    labelSize: PropTypes.any,\n    required: PropTypes.any,\n    stretchContent: PropTypes.any,\n    suffix: PropTypes.any,\n    charCount: PropTypes.any,\n    labelId: PropTypes.any,\n    statusMessage: PropTypes.any,\n    status: PropTypes.any,\n    ellipsis: PropTypes.any,\n    maxLines: PropTypes.any,\n    labelWidth: PropTypes.any,\n    inputWidth: PropTypes.any,\n  };\n\n  static defaultProps: FormFieldProps = {\n    required: false,\n    stretchContent: true,\n    labelSize: 'small',\n    labelPlacement: PLACEMENT.top,\n    labelAlignment: ALIGN.middle,\n  };\n\n  state: { lengthLeft: number | undefined } = {\n    lengthLeft: undefined,\n  };\n\n  childrenRenderPropInterface = {\n    setCharactersLeft: (lengthLeft: number) => this.setState({ lengthLeft }),\n  };\n\n  _renderChildren() {\n    const { children } = this.props;\n    if (typeof children === 'function') {\n      return children(this.childrenRenderPropInterface);\n    }\n\n    return children;\n  }\n\n  _hasCharCounter = () =>\n    this.props.charCount !== undefined ||\n    typeof this.state.lengthLeft === 'number';\n\n  charactersLeft = (lengthLeft: number | undefined) => {\n    const { labelSize } = this.props;\n    const colorProps =\n      lengthLeft && lengthLeft >= 0\n        ? { light: true, secondary: true }\n        : { skin: SKINS.error };\n\n    return (\n      <Text\n        className={st(classes.charCount, { labelSize })}\n        size={SIZES.small}\n        weight={WEIGHTS.normal}\n        {...colorProps}\n        dataHook={DATA_HOOKS.counter}\n        children={lengthLeft}\n      />\n    );\n  };\n\n  _renderCharCounter = () => {\n    if (!this._hasCharCounter()) {\n      return;\n    }\n    const { charCount } = this.props;\n    return this.charactersLeft(\n      charCount !== undefined ? charCount : this.state.lengthLeft,\n    );\n  };\n\n  _renderInfoIcon = () => {\n    const { infoContent, infoTooltipProps } = this.props;\n\n    return (\n      infoContent && (\n        <InfoIcon\n          dataHook={DATA_HOOKS.infoIcon}\n          className={classes.infoIcon}\n          content={infoContent}\n          tooltipProps={infoTooltipProps}\n          size=\"small\"\n        >\n          <InfoCircle />\n        </InfoIcon>\n      )\n    );\n  };\n\n  _renderSuffix = () => {\n    const { suffix } = this.props;\n\n    return (\n      (suffix || this._hasCharCounter()) && (\n        <div\n          data-hook={DATA_HOOKS.suffix}\n          className={st(classes.suffix, {\n            noLabel:\n              !this.props.label || this.props.labelPlacement !== PLACEMENT.top,\n          })}\n        >\n          {suffix ? suffix : this._renderCharCounter()}\n        </div>\n      )\n    );\n  };\n\n  _hasInlineElements = (\n    label: FormFieldProps['label'],\n    labelPlacement?: LabelPlacement,\n  ) => {\n    const hasInlineLabel =\n      label &&\n      (labelPlacement === PLACEMENT.left || labelPlacement === PLACEMENT.right);\n    const hasInlineIndicator =\n      !label && (this.props.required || !!this.props.infoContent);\n    return hasInlineLabel || hasInlineIndicator;\n  };\n\n  _renderLabel = ({\n    trimLongText,\n    labelSize,\n  }: {\n    trimLongText: boolean;\n    labelSize?: LabelSize;\n  }) => {\n    const { label, id, required, infoContent, ellipsis, maxLines } = this.props;\n    const weight = labelSize === 'tiny' ? 'normal' : undefined;\n    const hasSuffix = required || infoContent;\n\n    return (\n      <Text\n        size={labelSize}\n        weight={weight}\n        htmlFor={id}\n        id={this.labelId}\n        tagName=\"label\"\n        dataHook={DATA_HOOKS.label}\n        ellipsis={ellipsis ?? trimLongText}\n        maxLines={maxLines}\n        style={{\n          display: 'block', // allows the label to be centered vertically\n        }}\n        secondary\n        className={st(classes.label, {\n          labelSize,\n          size: labelSize,\n        })}\n        suffix={\n          hasSuffix ? (\n            <>\n              {required && asterisk}\n              {this._renderInfoIcon()}\n            </>\n          ) : undefined\n        }\n      >\n        {label}\n      </Text>\n    );\n  };\n\n  _renderStatusIcon = () => {\n    const { status } = this.props;\n    if (!status || status === 'loading') return;\n\n    const iconByStatus: Record<Exclude<StatusType, 'loading'>, React.FC> = {\n      [STATUS.error]: StatusAlertFilledSmall,\n      [STATUS.warning]: StatusWarningFilledSmall,\n    };\n    const Icon = iconByStatus[status];\n\n    return (\n      <div className={classes.statusIcon}>\n        <Icon />\n      </div>\n    );\n  };\n\n  _renderStatusMessage = () => {\n    const { statusMessage, status, labelSize } = this.props;\n\n    return (\n      <div\n        className={st(classes.statusMessage, {\n          status,\n          labelSize,\n        })}\n      >\n        {(status === STATUS.error || status === STATUS.warning) &&\n          this._renderStatusIcon()}\n        <Text\n          id={this.statusId}\n          dataHook={DATA_HOOKS.statusMessage}\n          skin={status === STATUS.error ? 'error' : 'standard'}\n          secondary={status !== STATUS.error}\n          size={labelSize}\n        >\n          {statusMessage}\n        </Text>\n      </div>\n    );\n  };\n\n  _getCustomColumns = (): CSSProperties['gridTemplateColumns'] => {\n    const { labelPlacement, labelWidth, inputWidth } = this.props;\n\n    const labelColumn = labelWidth ?? 'auto';\n    const inputColumn = inputWidth ?? 'auto';\n\n    if (labelPlacement === PLACEMENT.left) {\n      return `${labelColumn} ${inputColumn}`;\n    } else if (labelPlacement === PLACEMENT.right) {\n      return `${inputColumn} ${labelColumn}`;\n    } else return undefined;\n  };\n\n  render() {\n    const {\n      label,\n      labelPlacement,\n      labelAlignment,\n      labelSize,\n      required,\n      dataHook,\n      children,\n      classNames,\n      stretchContent,\n      statusMessage,\n      status,\n      labelWidth,\n      inputWidth,\n      ellipsis,\n    } = this.props;\n\n    const rootStyles = label\n      ? {\n          labelPlacement,\n          labelAlignment,\n          stretchContent,\n          required,\n          minLabelHeight: !children,\n        }\n      : {\n          stretchContent,\n          required,\n          minLabelHeight: !children,\n        };\n    const hasInlineElements = this._hasInlineElements(label, labelPlacement);\n    const hasCustomWidth = !!labelWidth || !!inputWidth;\n\n    return (\n      <div\n        data-hook={dataHook}\n        data-status={status}\n        className={st(\n          classes.root,\n          { ...rootStyles, ...(label ? { labelSize } : {}), hasInlineElements },\n          classNames,\n        )}\n        style={\n          labelPlacement !== PLACEMENT.top && hasCustomWidth\n            ? { gridTemplateColumns: this._getCustomColumns() }\n            : {}\n        }\n      >\n        {label && labelPlacement === PLACEMENT.top && (\n          <div className={classes.labelRow}>\n            <div className={classes.labelRowMain}>\n              {this._renderLabel({ trimLongText: true, labelSize })}\n            </div>\n            {this._renderSuffix()}\n          </div>\n        )}\n\n        {children && (\n          <div\n            data-hook={DATA_HOOKS.children}\n            className={st(classes.children, {\n              childrenWithInlineLabel: hasInlineElements,\n            })}\n          >\n            {!label && this._renderSuffix()}\n            <FieldSetContext.Consumer>\n              {fieldSet => (\n                <StatusContext.Provider\n                  value={{\n                    status,\n                    ariaLabelledBy: this.labelId,\n                    ariaDescribedBy: [\n                      this.statusId,\n                      status === fieldSet.status && fieldSet.statusId,\n                    ]\n                      .filter(Boolean)\n                      .join(' '),\n                  }}\n                >\n                  {this._renderChildren()}\n                </StatusContext.Provider>\n              )}\n            </FieldSetContext.Consumer>\n          </div>\n        )}\n\n        {hasInlineElements && (\n          <div\n            className={st(classes.labelRow, {\n              ellipsis,\n            })}\n          >\n            <div className={classes.labelRowMain}>\n              {this._renderLabel({ trimLongText: false, labelSize })}\n            </div>\n            {!!label && this._renderSuffix()}\n          </div>\n        )}\n\n        {statusMessage && this._renderStatusMessage()}\n      </div>\n    );\n  }\n}\n\nexport default FormField;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FormField";
+var _namespace_ = "wds_1_155_0_FormField";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FormField__root","text-small-thin":"wds_1_153_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_153_0_StylableTypography__text-tiny-thin","label":"wds_1_153_0_FormField__label","suffix":"wds_1_153_0_FormField__suffix","children":"wds_1_153_0_FormField__children","statusMessage":"wds_1_153_0_FormField__statusMessage","labelRow":"wds_1_153_0_FormField__labelRow","labelRowMain":"wds_1_153_0_FormField__labelRowMain","asterisk":"wds_1_153_0_FormField__asterisk","charCount":"wds_1_153_0_FormField__charCount","infoIcon":"wds_1_153_0_FormField__infoIcon","statusIcon":"wds_1_153_0_FormField__statusIcon"};
+module.exports.classes = {"root":"wds_1_155_0_FormField__root","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","label":"wds_1_155_0_FormField__label","suffix":"wds_1_155_0_FormField__suffix","children":"wds_1_155_0_FormField__children","statusMessage":"wds_1_155_0_FormField__statusMessage","labelRow":"wds_1_155_0_FormField__labelRow","labelRowMain":"wds_1_155_0_FormField__labelRowMain","asterisk":"wds_1_155_0_FormField__asterisk","charCount":"wds_1_155_0_FormField__charCount","infoIcon":"wds_1_155_0_FormField__infoIcon","statusIcon":"wds_1_155_0_FormField__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_border";
+var _namespace_ = "wds_1_155_0_border";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_border__root"};
+module.exports.classes = {"root":"wds_1_155_0_border__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_breakpoints";
+var _namespace_ = "wds_1_155_0_breakpoints";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_breakpoints__root"};
+module.exports.classes = {"root":"wds_1_155_0_breakpoints__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_colors";
+var _namespace_ = "wds_1_155_0_colors";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_colors__root"};
+module.exports.classes = {"root":"wds_1_155_0_colors__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_defaultscrollbar";
+var _namespace_ = "wds_1_155_0_defaultscrollbar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_defaultscrollbar__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_155_0_defaultscrollbar__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_easing";
+var _namespace_ = "wds_1_155_0_easing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_easing__root"};
+module.exports.classes = {"root":"wds_1_155_0_easing__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_gradients";
+var _namespace_ = "wds_1_155_0_gradients";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_gradients__root"};
+module.exports.classes = {"root":"wds_1_155_0_gradients__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_opacity";
+var _namespace_ = "wds_1_155_0_opacity";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_opacity__root"};
+module.exports.classes = {"root":"wds_1_155_0_opacity__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_shadows";
+var _namespace_ = "wds_1_155_0_shadows";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_shadows__root"};
+module.exports.classes = {"root":"wds_1_155_0_shadows__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_spacing";
+var _namespace_ = "wds_1_155_0_spacing";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_spacing__root"};
+module.exports.classes = {"root":"wds_1_155_0_spacing__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_StylableTypography";
+var _namespace_ = "wds_1_155_0_StylableTypography";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_153_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_153_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_153_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_153_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_153_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_153_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_153_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_153_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_153_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_153_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_153_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_153_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_153_0_StylableTypography__heading-h1","heading-h2":"wds_1_153_0_StylableTypography__heading-h2","heading-h3":"wds_1_153_0_StylableTypography__heading-h3","heading-h4":"wds_1_153_0_StylableTypography__heading-h4","heading-h5":"wds_1_153_0_StylableTypography__heading-h5","heading-h6":"wds_1_153_0_StylableTypography__heading-h6","heading-xl":"wds_1_153_0_StylableTypography__heading-xl","heading-l":"wds_1_153_0_StylableTypography__heading-l","heading-m":"wds_1_153_0_StylableTypography__heading-m","heading-s":"wds_1_153_0_StylableTypography__heading-s","heading-t":"wds_1_153_0_StylableTypography__heading-t","heading-xt":"wds_1_153_0_StylableTypography__heading-xt","caption-1":"wds_1_153_0_StylableTypography__caption-1"};
+module.exports.classes = {"root":"wds_1_155_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_155_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_155_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_155_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_155_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_155_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_155_0_StylableTypography__heading-h1","heading-h2":"wds_1_155_0_StylableTypography__heading-h2","heading-h3":"wds_1_155_0_StylableTypography__heading-h3","heading-h4":"wds_1_155_0_StylableTypography__heading-h4","heading-h5":"wds_1_155_0_StylableTypography__heading-h5","heading-h6":"wds_1_155_0_StylableTypography__heading-h6","heading-xl":"wds_1_155_0_StylableTypography__heading-xl","heading-l":"wds_1_155_0_StylableTypography__heading-l","heading-m":"wds_1_155_0_StylableTypography__heading-m","heading-s":"wds_1_155_0_StylableTypography__heading-s","heading-t":"wds_1_155_0_StylableTypography__heading-t","heading-xt":"wds_1_155_0_StylableTypography__heading-xt","caption-1":"wds_1_155_0_StylableTypography__caption-1"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_zindex";
+var _namespace_ = "wds_1_155_0_zindex";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_zindex__root"};
+module.exports.classes = {"root":"wds_1_155_0_zindex__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_FunnelBadge";
+var _namespace_ = "wds_1_155_0_FunnelBadge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FunnelBadge__root","badge":"wds_1_153_0_FunnelBadge__badge","badgeText":"wds_1_153_0_FunnelBadge__badgeText","badgeContent":"wds_1_153_0_FunnelBadge__badgeContent","darkBadge":"wds_1_153_0_FunnelBadge__darkBadge"};
+module.exports.classes = {"root":"wds_1_155_0_FunnelBadge__root","badge":"wds_1_155_0_FunnelBadge__badge","badgeText":"wds_1_155_0_FunnelBadge__badgeText","badgeContent":"wds_1_155_0_FunnelBadge__badgeContent","darkBadge":"wds_1_155_0_FunnelBadge__darkBadge"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_FunnelBar";
+var _namespace_ = "wds_1_155_0_FunnelBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FunnelBar__root","filledBar":"wds_1_153_0_FunnelBar__filledBar"};
+module.exports.classes = {"root":"wds_1_155_0_FunnelBar__root","filledBar":"wds_1_155_0_FunnelBar__filledBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FunnelChart";
+var _namespace_ = "wds_1_155_0_FunnelChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FunnelChart__root","funnel":"wds_1_153_0_FunnelChart__funnel","labels":"wds_1_153_0_FunnelChart__labels","labelWrapper":"wds_1_153_0_FunnelChart__labelWrapper"};
+module.exports.classes = {"root":"wds_1_155_0_FunnelChart__root","funnel":"wds_1_155_0_FunnelChart__funnel","labels":"wds_1_155_0_FunnelChart__labels","labelWrapper":"wds_1_155_0_FunnelChart__labelWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_FunnelLabel";
+var _namespace_ = "wds_1_155_0_FunnelLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FunnelLabel__root"};
+module.exports.classes = {"root":"wds_1_155_0_FunnelLabel__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_FunnelStep";
+var _namespace_ = "wds_1_155_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_153_0_FunnelStep__root","funnelStep":"wds_1_153_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_153_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_153_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_153_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_155_0_FunnelStep__root","funnelStep":"wds_1_155_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_155_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_155_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_155_0_FunnelStep__badgeWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_GoogleAddressInput";
+var _namespace_ = "wds_1_155_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_153_0_GoogleAddressInput__root","googleFooter":"wds_1_153_0_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_155_0_GoogleAddressInput__root","googleFooter":"wds_1_155_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_153_0_GooglePreview";
+var _namespace_ = "wds_1_155_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_153_0_GooglePreview__root","googlePreviewTitle":"wds_1_153_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_153_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_153_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_153_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_153_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_153_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_153_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_153_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_155_0_GooglePreview__root","googlePreviewTitle":"wds_1_155_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_155_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_155_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_155_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_155_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_155_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_155_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_155_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_153_0_Heading";
+var _namespace_ = "wds_1_155_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_153_0_Heading__root","heading-h1":"wds_1_153_0_StylableTypography__heading-h1","heading-h2":"wds_1_153_0_StylableTypography__heading-h2","heading-h3":"wds_1_153_0_StylableTypography__heading-h3","heading-h4":"wds_1_153_0_StylableTypography__heading-h4","heading-h5":"wds_1_153_0_StylableTypography__heading-h5","heading-h6":"wds_1_153_0_StylableTypography__heading-h6","heading-xl":"wds_1_153_0_StylableTypography__heading-xl","heading-l":"wds_1_153_0_StylableTypography__heading-l","heading-m":"wds_1_153_0_StylableTypography__heading-m","heading-s":"wds_1_153_0_StylableTypography__heading-s","heading-t":"wds_1_153_0_StylableTypography__heading-t","heading-xt":"wds_1_153_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_155_0_Heading__root","heading-h1":"wds_1_155_0_StylableTypography__heading-h1","heading-h2":"wds_1_155_0_StylableTypography__heading-h2","heading-h3":"wds_1_155_0_StylableTypography__heading-h3","heading-h4":"wds_1_155_0_StylableTypography__heading-h4","heading-h5":"wds_1_155_0_StylableTypography__heading-h5","heading-h6":"wds_1_155_0_StylableTypography__heading-h6","heading-xl":"wds_1_155_0_StylableTypography__heading-xl","heading-l":"wds_1_155_0_StylableTypography__heading-l","heading-m":"wds_1_155_0_StylableTypography__heading-m","heading-s":"wds_1_155_0_StylableTypography__heading-s","heading-t":"wds_1_155_0_StylableTypography__heading-t","heading-xt":"wds_1_155_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_153_0_Highlighter";
+var _namespace_ = "wds_1_155_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_153_0_Highlighter__root"};
+module.exports.classes = {"root":"wds_1_155_0_Highlighter__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_HorizontalTimeline";
+var _namespace_ = "wds_1_155_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_153_0_HorizontalTimeline__root","line":"wds_1_153_0_HorizontalTimeline__line","column":"wds_1_153_0_HorizontalTimeline__column","item":"wds_1_153_0_HorizontalTimeline__item","lineIconLine":"wds_1_153_0_HorizontalTimeline__lineIconLine","icon":"wds_1_153_0_HorizontalTimeline__icon","label":"wds_1_153_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_155_0_HorizontalTimeline__root","line":"wds_1_155_0_HorizontalTimeline__line","column":"wds_1_155_0_HorizontalTimeline__column","item":"wds_1_155_0_HorizontalTimeline__item","lineIconLine":"wds_1_155_0_HorizontalTimeline__lineIconLine","icon":"wds_1_155_0_HorizontalTimeline__icon","label":"wds_1_155_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_153_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_155_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_153_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_153_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_153_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_153_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_153_0_HorizontalTimelineIcons__upcomingIcon wds_1_153_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_153_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_153_0_HorizontalTimelineIcons__activeIcon wds_1_153_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_153_0_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_155_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_155_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_155_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_155_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_155_0_HorizontalTimelineIcons__upcomingIcon wds_1_155_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_155_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_155_0_HorizontalTimelineIcons__activeIcon wds_1_155_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_155_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

package/dist/cjs/IconButton/IconButton.js

@@ -92,17 +92,17 @@ var IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)((props
 });
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
-  as: _propTypes.default.any,
-  className: _propTypes.default.any,
+  as: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.string]),
+  className: _propTypes.default.string,
   children: _propTypes.default.any,
-  skin: _propTypes.default.any,
-  priority: _propTypes.default.any,
-  size: _propTypes.default.any,
-  onClick: _propTypes.default.any,
-  disabled: _propTypes.default.any,
-  dataHook: _propTypes.default.any,
-  ariaLabel: _propTypes.default.any,
-  ariaLabelledBy: _propTypes.default.any
+  skin: _propTypes.default.oneOf(['standard', 'inverted', 'premium', 'dark', 'light', 'transparent', 'ai']),
+  priority: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary']),
+  size: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large']),
+  onClick: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  dataHook: _propTypes.default.string,
+  ariaLabel: _propTypes.default.string,
+  ariaLabelledBy: _propTypes.default.string
 };
 var _default = exports.default = IconButton;
 //# sourceMappingURL=IconButton.js.map