@wix/design-system 1.180.0 → 1.182.0

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

@@ -1 +1 @@
-{"version":3,"names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_InfoIcon","_uniqueId","_Text","_FormField2","_FormFieldSt","_context","_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","showInfoIconOnHover","WixDesignSystemContext","Consumer","_ref","compactMode","infoIcon","content","tooltipProps","_renderSuffix","suffix","noLabel","label","labelPlacement","PLACEMENT","top","_hasInlineElements","hasInlineLabel","left","right","hasInlineIndicator","required","_renderLabel","_ref2","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","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 { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport {\n  StatusAlertFilledSmall,\n  StatusWarningFilledSmall,\n} from '@wix/wix-ui-icons-common';\nimport { Asterisk } 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    showInfoIconOnHover: 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, showInfoIconOnHover } = this.props;\n    return (\n      infoContent && (\n        <WixDesignSystemContext.Consumer>\n          {({ compactMode }) => (\n            <InfoIcon\n              dataHook={DATA_HOOKS.infoIcon}\n              className={st(classes.infoIcon, {\n                showInfoIconOnHover: showInfoIconOnHover ?? compactMode,\n              })}\n              content={infoContent}\n              tooltipProps={infoTooltipProps}\n              size=\"small\"\n            />\n          )}\n        </WixDesignSystemContext.Consumer>\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        {...(this.props.showInfoIconOnHover && {\n          'data-hoverable-action-trigger': true,\n        })}\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":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAH,uBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAIA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AAA+D,IAAAa,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,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;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAQ/D,IAAMkC,QAAQ,gBACZhD,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;EAAK,aAAWC,sBAAU,CAACF,QAAS;EAACG,SAAS,EAAEC,oBAAO,CAACJ,QAAS;EAAAK,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC/DzD,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAACxC,OAAA,CAAAiD,QAAQ;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACR,CACN;AAEM,MAAME,SAAS,SAASC,gBAAS,CAAiB;EAMvDC,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC;IAAC,KAJfC,OAAO;IAAA,KACPC,QAAQ;IAAA,KA0CRC,KAAK,GAAuC;MAC1CC,UAAU,EAAEC;IACd,CAAC;IAAA,KAEDC,2BAA2B,GAAG;MAC5BC,iBAAiB,EAAGH,UAAkB,IAAK,IAAI,CAACI,QAAQ,CAAC;QAAEJ;MAAW,CAAC;IACzE,CAAC;IAAA,KAWDK,eAAe,GAAG,MAChB,IAAI,CAACT,KAAK,CAACU,SAAS,KAAKL,SAAS,IAClC,OAAO,IAAI,CAACF,KAAK,CAACC,UAAU,KAAK,QAAQ;IAAA,KAE3CO,cAAc,GAAIP,UAA8B,IAAK;MACnD,IAAM;QAAEQ;MAAU,CAAC,GAAG,IAAI,CAACZ,KAAK;MAChC,IAAMa,UAAU,GACdT,UAAU,IAAIA,UAAU,IAAI,CAAC,GACzB;QAAEU,KAAK,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAK,CAAC,GAChC;QAAEC,IAAI,EAAEC,WAAK,CAACC;MAAM,CAAC;MAE3B,oBACEhF,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAC7C,KAAA,CAAAe,OAAI,MAAA8D,SAAA,CAAA9D,OAAA;QACHgC,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACoB,SAAS,EAAE;UAAEE;QAAU,CAAC,CAAE;QAChDS,IAAI,EAAEC,WAAK,CAACC,KAAM;QAClBC,MAAM,EAAEC,aAAO,CAACC;MAAO,GACnBb,UAAU;QACdc,QAAQ,EAAEvC,sBAAU,CAACwC,OAAQ;QAC7BC,QAAQ,EAAEzB,UAAW;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,EACtB,CAAC;IAEN,CAAC;IAAA,KAEDmC,kBAAkB,GAAG,MAAM;MACzB,IAAI,CAAC,IAAI,CAACrB,eAAe,CAAC,CAAC,EAAE;QAC3B;MACF;MACA,IAAM;QAAEC;MAAU,CAAC,GAAG,IAAI,CAACV,KAAK;MAChC,OAAO,IAAI,CAACW,cAAc,CACxBD,SAAS,KAAKL,SAAS,GAAGK,SAAS,GAAG,IAAI,CAACP,KAAK,CAACC,UACnD,CAAC;IACH,CAAC;IAAA,KAED2B,eAAe,GAAG,MAAM;MACtB,IAAM;QAAEC,WAAW;QAAEC,gBAAgB;QAAEC;MAAoB,CAAC,GAAG,IAAI,CAAClC,KAAK;MACzE,OACEgC,WAAW,iBACT9F,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAC1C,QAAA,CAAA0F,sBAAsB,CAACC,QAAQ;QAAA7C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC7B0C,IAAA;QAAA,IAAC;UAAEC;QAAY,CAAC,GAAAD,IAAA;QAAA,oBACfnG,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAC/C,SAAA,CAAAiB,OAAQ;UACPsE,QAAQ,EAAEvC,sBAAU,CAACmD,QAAS;UAC9BlD,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACiD,QAAQ,EAAE;YAC9BL,mBAAmB,EAAEA,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAII;UAC9C,CAAC,CAAE;UACHE,OAAO,EAAER,WAAY;UACrBS,YAAY,EAAER,gBAAiB;UAC/BZ,IAAI,EAAC,OAAO;UAAA9B,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA3C,YAAA;YAAA4C,UAAA;YAAAC,YAAA;UAAA;QAAA,CACb,CAAC;MAAA,CAE2B,CAClC;IAEL,CAAC;IAAA,KAED+C,aAAa,GAAG,MAAM;MACpB,IAAM;QAAEC;MAAO,CAAC,GAAG,IAAI,CAAC3C,KAAK;MAE7B,OACE,CAAC2C,MAAM,IAAI,IAAI,CAAClC,eAAe,CAAC,CAAC,kBAC/BvE,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;QACE,aAAWC,sBAAU,CAACuD,MAAO;QAC7BtD,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACqD,MAAM,EAAE;UAC5BC,OAAO,EACL,CAAC,IAAI,CAAC5C,KAAK,CAAC6C,KAAK,IAAI,IAAI,CAAC7C,KAAK,CAAC8C,cAAc,KAAKC,qBAAS,CAACC;QACjE,CAAC,CAAE;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEFgD,MAAM,GAAGA,MAAM,GAAG,IAAI,CAACb,kBAAkB,CAAC,CACxC,CACN;IAEL,CAAC;IAAA,KAEDmB,kBAAkB,GAAG,CACnBJ,KAA8B,EAC9BC,cAA+B,KAC5B;MACH,IAAMI,cAAc,GAClBL,KAAK,KACJC,cAAc,KAAKC,qBAAS,CAACI,IAAI,IAAIL,cAAc,KAAKC,qBAAS,CAACK,KAAK,CAAC;MAC3E,IAAMC,kBAAkB,GACtB,CAACR,KAAK,KAAK,IAAI,CAAC7C,KAAK,CAACsD,QAAQ,IAAI,CAAC,CAAC,IAAI,CAACtD,KAAK,CAACgC,WAAW,CAAC;MAC7D,OAAOkB,cAAc,IAAIG,kBAAkB;IAC7C,CAAC;IAAA,KAEDE,YAAY,GAAGC,KAAA,IAMT;MAAA,IANU;QACdC,YAAY;QACZ7C;MAIF,CAAC,GAAA4C,KAAA;MACC,IAAM;QAAEX,KAAK;QAAEa,EAAE;QAAEJ,QAAQ;QAAEtB,WAAW;QAAE2B,QAAQ;QAAEC;MAAS,CAAC,GAAG,IAAI,CAAC5D,KAAK;MAC3E,IAAMwB,MAAM,GAAGZ,SAAS,KAAK,MAAM,GAAG,QAAQ,GAAGP,SAAS;MAC1D,IAAMwD,SAAS,GAAGP,QAAQ,IAAItB,WAAW;MAEzC,oBACE9F,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAC7C,KAAA,CAAAe,OAAI;QACHgE,IAAI,EAAET,SAAU;QAChBY,MAAM,EAAEA,MAAO;QACfsC,OAAO,EAAEJ,EAAG;QACZA,EAAE,EAAE,IAAI,CAACzD,OAAQ;QACjB8D,OAAO,EAAC,OAAO;QACfpC,QAAQ,EAAEvC,sBAAU,CAACyD,KAAM;QAC3Bc,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,YAAa;QACnCG,QAAQ,EAAEA,QAAS;QACnBI,KAAK,EAAE;UACLC,OAAO,EAAE,OAAO,CAAE;QACpB,CAAE;QACFlD,SAAS;QACT1B,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACuD,KAAK,EAAE;UAC3BjC,SAAS;UACTS,IAAI,EAAET;QACR,CAAC,CAAE;QACH+B,MAAM,EACJkB,SAAS,gBACP3H,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAAjD,MAAA,CAAAmB,OAAA,CAAA6G,QAAA,QACGZ,QAAQ,IAAIpE,QAAQ,EACpB,IAAI,CAAC6C,eAAe,CAAC,CACtB,CAAC,GACD1B,SACL;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEAkD,KACG,CAAC;IAEX,CAAC;IAAA,KAEDsB,iBAAiB,GAAG,MAAM;MACxB,IAAM;QAAEC;MAAO,CAAC,GAAG,IAAI,CAACpE,KAAK;MAC7B,IAAI,CAACoE,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;MAErC,IAAMC,YAA8D,GAAG;QACrE,CAACC,kBAAM,CAACpD,KAAK,GAAGqD,wCAAsB;QACtC,CAACD,kBAAM,CAACE,OAAO,GAAGC;MACpB,CAAC;MACD,IAAMC,IAAI,GAAGL,YAAY,CAACD,MAAM,CAAC;MAEjC,oBACElI,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;QAAKE,SAAS,EAAEC,oBAAO,CAACqF,UAAW;QAAApF,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjCzD,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAACuF,IAAI;QAAAnF,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACJ,CAAC;IAEV,CAAC;IAAA,KAEDiF,oBAAoB,GAAG,MAAM;MAC3B,IAAM;QAAEC,aAAa;QAAET,MAAM;QAAExD;MAAU,CAAC,GAAG,IAAI,CAACZ,KAAK;MAEvD,oBACE9D,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;QACEE,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACuF,aAAa,EAAE;UACnCT,MAAM;UACNxD;QACF,CAAC,CAAE;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEF,CAACyE,MAAM,KAAKE,kBAAM,CAACpD,KAAK,IAAIkD,MAAM,KAAKE,kBAAM,CAACE,OAAO,KACpD,IAAI,CAACL,iBAAiB,CAAC,CAAC,eAC1BjI,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAAC7C,KAAA,CAAAe,OAAI;QACHqG,EAAE,EAAE,IAAI,CAACxD,QAAS;QAClByB,QAAQ,EAAEvC,sBAAU,CAACyF,aAAc;QACnC7D,IAAI,EAAEoD,MAAM,KAAKE,kBAAM,CAACpD,KAAK,GAAG,OAAO,GAAG,UAAW;QACrDH,SAAS,EAAEqD,MAAM,KAAKE,kBAAM,CAACpD,KAAM;QACnCG,IAAI,EAAET,SAAU;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEfkF,aACG,CACH,CAAC;IAEV,CAAC;IAAA,KAEDC,iBAAiB,GAAG,MAA4C;MAC9D,IAAM;QAAEhC,cAAc;QAAEiC,UAAU;QAAEC;MAAW,CAAC,GAAG,IAAI,CAAChF,KAAK;MAE7D,IAAMiF,WAAW,GAAGF,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,MAAM;MACxC,IAAMG,WAAW,GAAGF,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,MAAM;MAExC,IAAIlC,cAAc,KAAKC,qBAAS,CAACI,IAAI,EAAE;QACrC,UAAAgC,MAAA,CAAUF,WAAW,OAAAE,MAAA,CAAID,WAAW;MACtC,CAAC,MAAM,IAAIpC,cAAc,KAAKC,qBAAS,CAACK,KAAK,EAAE;QAC7C,UAAA+B,MAAA,CAAUD,WAAW,OAAAC,MAAA,CAAIF,WAAW;MACtC,CAAC,MAAM,OAAO5E,SAAS;IACzB,CAAC;IA3OC,IAAI,CAACJ,OAAO,GAAGD,KAAK,CAACC,OAAO,IAAI,IAAAmF,iBAAQ,EAAC,YAAY,CAAC;IACtD,IAAI,CAAClF,QAAQ,GAAGF,KAAK,CAACC,OAAO,MAAAkF,MAAA,CACtBnF,KAAK,CAACC,OAAO,eAChB,IAAAmF,iBAAQ,EAAC,mBAAmB,CAAC;EACnC;EA0CAC,eAAeA,CAAA,EAAG;IAChB,IAAM;MAAExD;IAAS,CAAC,GAAG,IAAI,CAAC7B,KAAK;IAC/B,IAAI,OAAO6B,QAAQ,KAAK,UAAU,EAAE;MAClC,OAAOA,QAAQ,CAAC,IAAI,CAACvB,2BAA2B,CAAC;IACnD;IAEA,OAAOuB,QAAQ;EACjB;EAwLAyD,MAAMA,CAAA,EAAG;IACP,IAAM;MACJzC,KAAK;MACLC,cAAc;MACdyC,cAAc;MACd3E,SAAS;MACT0C,QAAQ;MACR3B,QAAQ;MACRE,QAAQ;MACR2D,UAAU;MACVC,cAAc;MACdZ,aAAa;MACbT,MAAM;MACNW,UAAU;MACVC,UAAU;MACVrB;IACF,CAAC,GAAG,IAAI,CAAC3D,KAAK;IAEd,IAAM0F,UAAU,GAAG7C,KAAK,GACpB;MACEC,cAAc;MACdyC,cAAc;MACdE,cAAc;MACdnC,QAAQ;MACRqC,cAAc,EAAE,CAAC9D;IACnB,CAAC,GACD;MACE4D,cAAc;MACdnC,QAAQ;MACRqC,cAAc,EAAE,CAAC9D;IACnB,CAAC;IACL,IAAM+D,iBAAiB,GAAG,IAAI,CAAC3C,kBAAkB,CAACJ,KAAK,EAAEC,cAAc,CAAC;IACxE,IAAM+C,cAAc,GAAG,CAAC,CAACd,UAAU,IAAI,CAAC,CAACC,UAAU;IAEnD,oBACE9I,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,YAAAgC,SAAA,CAAA9D,OAAA,MACO,IAAI,CAAC2C,KAAK,CAACkC,mBAAmB,IAAI;MACrC,+BAA+B,EAAE;IACnC,CAAC;MACD,aAAWP,QAAS;MACpB,eAAayC,MAAO;MACpB/E,SAAS,EAAE,IAAA+B,eAAE,EACX9B,oBAAO,CAACwG,IAAI,EAAAnH,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACP+G,UAAU,GAAM7C,KAAK,GAAG;QAAEjC;MAAU,CAAC,GAAG,CAAC,CAAC;QAAGgF;MAAiB,IACnEJ,UACF,CAAE;MACFxB,KAAK,EACHlB,cAAc,KAAKC,qBAAS,CAACC,GAAG,IAAI6C,cAAc,GAC9C;QAAEE,mBAAmB,EAAE,IAAI,CAACjB,iBAAiB,CAAC;MAAE,CAAC,GACjD,CAAC,CACN;MAAAvF,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEAkD,KAAK,IAAIC,cAAc,KAAKC,qBAAS,CAACC,GAAG,iBACxC9G,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;MAAKE,SAAS,EAAEC,oBAAO,CAAC0G,QAAS;MAAAzG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC/BzD,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;MAAKE,SAAS,EAAEC,oBAAO,CAAC2G,YAAa;MAAA1G,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClC,IAAI,CAAC4D,YAAY,CAAC;MAAEE,YAAY,EAAE,IAAI;MAAE7C;IAAU,CAAC,CACjD,CAAC,EACL,IAAI,CAAC8B,aAAa,CAAC,CACjB,CACN,EAEAb,QAAQ,iBACP3F,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;MACE,aAAWC,sBAAU,CAACyC,QAAS;MAC/BxC,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAACuC,QAAQ,EAAE;QAC9BqE,uBAAuB,EAAEN;MAC3B,CAAC,CAAE;MAAArG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEF,CAACkD,KAAK,IAAI,IAAI,CAACH,aAAa,CAAC,CAAC,eAC/BxG,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAACtC,SAAA,CAAAsJ,eAAe,CAAC/D,QAAQ;MAAA7C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtByG,QAAQ,iBACPlK,MAAA,CAAAmB,OAAA,CAAA8B,aAAA,CAACvC,cAAA,CAAAyJ,aAAa,CAACC,QAAQ;MACrBC,KAAK,EAAE;QACLnC,MAAM;QACNoC,cAAc,EAAE,IAAI,CAACvG,OAAO;QAC5BwG,eAAe,EAAE,CACf,IAAI,CAACvG,QAAQ,EACbkE,MAAM,KAAKgC,QAAQ,CAAChC,MAAM,IAAIgC,QAAQ,CAAClG,QAAQ,CAChD,CACE3B,MAAM,CAACmI,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG;MACb,CAAE;MAAApH,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAED,IAAI,CAAC0F,eAAe,CAAC,CACA,CAEF,CACvB,CACN,EAEAO,iBAAiB,iBAChB1J,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;MACEE,SAAS,EAAE,IAAA+B,eAAE,EAAC9B,oBAAO,CAAC0G,QAAQ,EAAE;QAC9BrC;MACF,CAAC,CAAE;MAAApE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEHzD,MAAA,CAAAmB,OAAA,CAAA8B,aAAA;MAAKE,SAAS,EAAEC,oBAAO,CAAC2G,YAAa;MAAA1G,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClC,IAAI,CAAC4D,YAAY,CAAC;MAAEE,YAAY,EAAE,KAAK;MAAE7C;IAAU,CAAC,CAClD,CAAC,EACL,CAAC,CAACiC,KAAK,IAAI,IAAI,CAACH,aAAa,CAAC,CAC5B,CACN,EAEAmC,aAAa,IAAI,IAAI,CAACD,oBAAoB,CAAC,CACzC,CAAC;EAEV;AACF;AAACgC,OAAA,CAAA/G,SAAA,GAAAA,SAAA;AAhWYA,SAAS,CACbgH,WAAW,GAAG,WAAW;AADrBhH,SAAS,CAcbiH,SAAS,GAAG;EACjBjF,QAAQ,EAAEkF,kBAAS,CAACC,GAAG;EACvBrF,QAAQ,EAAEoF,kBAAS,CAACC,GAAG;EACvBtD,EAAE,EAAEqD,kBAAS,CAACC,GAAG;EACjBhF,WAAW,EAAE+E,kBAAS,CAACC,GAAG;EAC1B/E,gBAAgB,EAAE8E,kBAAS,CAACC,GAAG;EAC/B9E,mBAAmB,EAAE6E,kBAAS,CAACC,GAAG;EAClCnE,KAAK,EAAEkE,kBAAS,CAACC,GAAG;EACpBzB,cAAc,EAAEwB,kBAAS,CAACC,GAAG;EAC7BlE,cAAc,EAAEiE,kBAAS,CAACC,GAAG;EAC7BpG,SAAS,EAAEmG,kBAAS,CAACC,GAAG;EACxB1D,QAAQ,EAAEyD,kBAAS,CAACC,GAAG;EACvBvB,cAAc,EAAEsB,kBAAS,CAACC,GAAG;EAC7BrE,MAAM,EAAEoE,kBAAS,CAACC,GAAG;EACrBtG,SAAS,EAAEqG,kBAAS,CAACC,GAAG;EACxB/G,OAAO,EAAE8G,kBAAS,CAACC,GAAG;EACtBnC,aAAa,EAAEkC,kBAAS,CAACC,GAAG;EAC5B5C,MAAM,EAAE2C,kBAAS,CAACC,GAAG;EACrBrD,QAAQ,EAAEoD,kBAAS,CAACC,GAAG;EACvBpD,QAAQ,EAAEmD,kBAAS,CAACC,GAAG;EACvBjC,UAAU,EAAEgC,kBAAS,CAACC,GAAG;EACzBhC,UAAU,EAAE+B,kBAAS,CAACC;AACxB,CAAC;AApCUnH,SAAS,CAsCboH,YAAY,GAAmB;EACpC3D,QAAQ,EAAE,KAAK;EACfmC,cAAc,EAAE,IAAI;EACpB7E,SAAS,EAAE,OAAO;EAClBkC,cAAc,EAAEC,qBAAS,CAACC,GAAG;EAC7BuC,cAAc,EAAE2B,iBAAK,CAACC;AACxB,CAAC;AAAA,IAAAC,QAAA,GAAAR,OAAA,CAAAvJ,OAAA,GAsTYwC,SAAS","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","showInfoIconOnHover","infoIcon","String","content","tooltipProps","_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 } 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    showInfoIconOnHover: 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, showInfoIconOnHover } = this.props;\n    return (\n      infoContent && (\n        <InfoIcon\n          dataHook={DATA_HOOKS.infoIcon}\n          className={st(classes.infoIcon, {\n            showInfoIconOnHover: String(showInfoIconOnHover),\n          })}\n          content={infoContent}\n          tooltipProps={infoTooltipProps}\n          size=\"small\"\n        />\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        {...(this.props.showInfoIconOnHover && {\n          'data-hoverable-action-trigger': true,\n        })}\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_180_0_FormField";
+var _namespace_ = "wds_1_182_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_180_0_FormField__root","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_180_0_StylableTypography__text-tiny-thin","label":"wds_1_180_0_FormField__label","suffix":"wds_1_180_0_FormField__suffix","children":"wds_1_180_0_FormField__children","statusMessage":"wds_1_180_0_FormField__statusMessage","labelRow":"wds_1_180_0_FormField__labelRow","labelRowMain":"wds_1_180_0_FormField__labelRowMain","asterisk":"wds_1_180_0_FormField__asterisk","charCount":"wds_1_180_0_FormField__charCount","infoIcon":"wds_1_180_0_FormField__infoIcon","statusIcon":"wds_1_180_0_FormField__statusIcon"};
+module.exports.classes = {"root":"wds_1_182_0_FormField__root","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_182_0_StylableTypography__text-tiny-thin","label":"wds_1_182_0_FormField__label","suffix":"wds_1_182_0_FormField__suffix","children":"wds_1_182_0_FormField__children","statusMessage":"wds_1_182_0_FormField__statusMessage","labelRow":"wds_1_182_0_FormField__labelRow","labelRowMain":"wds_1_182_0_FormField__labelRowMain","asterisk":"wds_1_182_0_FormField__asterisk","charCount":"wds_1_182_0_FormField__charCount","infoIcon":"wds_1_182_0_FormField__infoIcon","statusIcon":"wds_1_182_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_180_0_border";
+var _namespace_ = "wds_1_182_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_180_0_border__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_breakpoints";
+var _namespace_ = "wds_1_182_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_180_0_breakpoints__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_colors";
+var _namespace_ = "wds_1_182_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_180_0_colors__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_defaultscrollbar";
+var _namespace_ = "wds_1_182_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_180_0_defaultscrollbar__root","defaultScrollBar":"wds_1_180_0_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_182_0_defaultscrollbar__root","defaultScrollBar":"wds_1_182_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_180_0_easing";
+var _namespace_ = "wds_1_182_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_180_0_easing__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_gradients";
+var _namespace_ = "wds_1_182_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_180_0_gradients__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_opacity";
+var _namespace_ = "wds_1_182_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_180_0_opacity__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_shadows";
+var _namespace_ = "wds_1_182_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_180_0_shadows__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_spacing";
+var _namespace_ = "wds_1_182_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_180_0_spacing__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_StylableTypography";
+var _namespace_ = "wds_1_182_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_180_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_180_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_180_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_180_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_180_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_180_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_180_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_180_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_180_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_180_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_180_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_180_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_180_0_StylableTypography__heading-h1","heading-h2":"wds_1_180_0_StylableTypography__heading-h2","heading-h3":"wds_1_180_0_StylableTypography__heading-h3","heading-h4":"wds_1_180_0_StylableTypography__heading-h4","heading-h5":"wds_1_180_0_StylableTypography__heading-h5","heading-h6":"wds_1_180_0_StylableTypography__heading-h6","heading-xl":"wds_1_180_0_StylableTypography__heading-xl","heading-l":"wds_1_180_0_StylableTypography__heading-l","heading-m":"wds_1_180_0_StylableTypography__heading-m","heading-s":"wds_1_180_0_StylableTypography__heading-s","heading-t":"wds_1_180_0_StylableTypography__heading-t","heading-xt":"wds_1_180_0_StylableTypography__heading-xt","caption-1":"wds_1_180_0_StylableTypography__caption-1"};
+module.exports.classes = {"root":"wds_1_182_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_182_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_182_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_182_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_182_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_182_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_182_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_182_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_182_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_182_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_182_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_182_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_182_0_StylableTypography__heading-h1","heading-h2":"wds_1_182_0_StylableTypography__heading-h2","heading-h3":"wds_1_182_0_StylableTypography__heading-h3","heading-h4":"wds_1_182_0_StylableTypography__heading-h4","heading-h5":"wds_1_182_0_StylableTypography__heading-h5","heading-h6":"wds_1_182_0_StylableTypography__heading-h6","heading-xl":"wds_1_182_0_StylableTypography__heading-xl","heading-l":"wds_1_182_0_StylableTypography__heading-l","heading-m":"wds_1_182_0_StylableTypography__heading-m","heading-s":"wds_1_182_0_StylableTypography__heading-s","heading-t":"wds_1_182_0_StylableTypography__heading-t","heading-xt":"wds_1_182_0_StylableTypography__heading-xt","caption-1":"wds_1_182_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_180_0_zindex";
+var _namespace_ = "wds_1_182_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_180_0_zindex__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_FunnelBadge";
+var _namespace_ = "wds_1_182_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_180_0_FunnelBadge__root","badge":"wds_1_180_0_FunnelBadge__badge","badgeText":"wds_1_180_0_FunnelBadge__badgeText","badgeContent":"wds_1_180_0_FunnelBadge__badgeContent","darkBadge":"wds_1_180_0_FunnelBadge__darkBadge"};
+module.exports.classes = {"root":"wds_1_182_0_FunnelBadge__root","badge":"wds_1_182_0_FunnelBadge__badge","badgeText":"wds_1_182_0_FunnelBadge__badgeText","badgeContent":"wds_1_182_0_FunnelBadge__badgeContent","darkBadge":"wds_1_182_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_180_0_FunnelBar";
+var _namespace_ = "wds_1_182_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_180_0_FunnelBar__root","filledBar":"wds_1_180_0_FunnelBar__filledBar"};
+module.exports.classes = {"root":"wds_1_182_0_FunnelBar__root","filledBar":"wds_1_182_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_180_0_FunnelChart";
+var _namespace_ = "wds_1_182_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_180_0_FunnelChart__root","funnel":"wds_1_180_0_FunnelChart__funnel","labels":"wds_1_180_0_FunnelChart__labels","labelWrapper":"wds_1_180_0_FunnelChart__labelWrapper"};
+module.exports.classes = {"root":"wds_1_182_0_FunnelChart__root","funnel":"wds_1_182_0_FunnelChart__funnel","labels":"wds_1_182_0_FunnelChart__labels","labelWrapper":"wds_1_182_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_180_0_FunnelLabel";
+var _namespace_ = "wds_1_182_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_180_0_FunnelLabel__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_FunnelStep";
+var _namespace_ = "wds_1_182_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_180_0_FunnelStep__root","funnelStep":"wds_1_180_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_180_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_180_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_180_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_182_0_FunnelStep__root","funnelStep":"wds_1_182_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_182_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_182_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_182_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_180_0_GoogleAddressInput";
+var _namespace_ = "wds_1_182_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_180_0_GoogleAddressInput__root","googleFooter":"wds_1_180_0_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_182_0_GoogleAddressInput__root","googleFooter":"wds_1_182_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_180_0_GooglePreview";
+var _namespace_ = "wds_1_182_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_180_0_GooglePreview__root","googlePreviewTitle":"wds_1_180_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_180_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_180_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_180_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_180_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_180_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_180_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_180_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_182_0_GooglePreview__root","googlePreviewTitle":"wds_1_182_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_182_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_182_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_182_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_182_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_182_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_182_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_182_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_180_0_Heading";
+var _namespace_ = "wds_1_182_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_180_0_Heading__root","heading-h1":"wds_1_180_0_StylableTypography__heading-h1","heading-h2":"wds_1_180_0_StylableTypography__heading-h2","heading-h3":"wds_1_180_0_StylableTypography__heading-h3","heading-h4":"wds_1_180_0_StylableTypography__heading-h4","heading-h5":"wds_1_180_0_StylableTypography__heading-h5","heading-h6":"wds_1_180_0_StylableTypography__heading-h6","heading-xl":"wds_1_180_0_StylableTypography__heading-xl","heading-l":"wds_1_180_0_StylableTypography__heading-l","heading-m":"wds_1_180_0_StylableTypography__heading-m","heading-s":"wds_1_180_0_StylableTypography__heading-s","heading-t":"wds_1_180_0_StylableTypography__heading-t","heading-xt":"wds_1_180_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_182_0_Heading__root","heading-h1":"wds_1_182_0_StylableTypography__heading-h1","heading-h2":"wds_1_182_0_StylableTypography__heading-h2","heading-h3":"wds_1_182_0_StylableTypography__heading-h3","heading-h4":"wds_1_182_0_StylableTypography__heading-h4","heading-h5":"wds_1_182_0_StylableTypography__heading-h5","heading-h6":"wds_1_182_0_StylableTypography__heading-h6","heading-xl":"wds_1_182_0_StylableTypography__heading-xl","heading-l":"wds_1_182_0_StylableTypography__heading-l","heading-m":"wds_1_182_0_StylableTypography__heading-m","heading-s":"wds_1_182_0_StylableTypography__heading-s","heading-t":"wds_1_182_0_StylableTypography__heading-t","heading-xt":"wds_1_182_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_180_0_Highlighter";
+var _namespace_ = "wds_1_182_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_180_0_Highlighter__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_HorizontalScroll";
+var _namespace_ = "wds_1_182_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_180_0_HorizontalScroll__root","scrollContainer":"wds_1_180_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_180_0_HorizontalScroll__startScroll","endScroll":"wds_1_180_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_180_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_180_0_HorizontalScroll__endScrollButton"};
+module.exports.classes = {"root":"wds_1_182_0_HorizontalScroll__root","scrollContainer":"wds_1_182_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_182_0_HorizontalScroll__startScroll","endScroll":"wds_1_182_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_182_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_182_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_180_0_HorizontalTimeline";
+var _namespace_ = "wds_1_182_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_180_0_HorizontalTimeline__root","line":"wds_1_180_0_HorizontalTimeline__line","column":"wds_1_180_0_HorizontalTimeline__column","item":"wds_1_180_0_HorizontalTimeline__item","lineIconLine":"wds_1_180_0_HorizontalTimeline__lineIconLine","icon":"wds_1_180_0_HorizontalTimeline__icon","label":"wds_1_180_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_182_0_HorizontalTimeline__root","line":"wds_1_182_0_HorizontalTimeline__line","column":"wds_1_182_0_HorizontalTimeline__column","item":"wds_1_182_0_HorizontalTimeline__item","lineIconLine":"wds_1_182_0_HorizontalTimeline__lineIconLine","icon":"wds_1_182_0_HorizontalTimeline__icon","label":"wds_1_182_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_180_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_182_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_180_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_180_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_180_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_180_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_180_0_HorizontalTimelineIcons__upcomingIcon wds_1_180_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_180_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_180_0_HorizontalTimelineIcons__activeIcon wds_1_180_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_180_0_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_182_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_182_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_182_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_182_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_182_0_HorizontalTimelineIcons__upcomingIcon wds_1_182_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_182_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_182_0_HorizontalTimelineIcons__activeIcon wds_1_182_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_182_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};