@rededor/cura 1.8.2-alpha.0 → 2.0.0-alpha.10

package/dist/collection/components/forms/cura-input-text/cura-input-text.js

@@ -104,9 +104,10 @@ export class CuraInputText {
      * Callback to restore the switch state from the form.
      */
     formStateRestoreCallback(state) {
+        var _a;
         this.value = state.value;
         this.applyValueToMask();
-        this.internals.setFormValue(this.value);
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue(this.value);
     }
     /**
      * Callback for form association.
@@ -118,9 +119,10 @@ export class CuraInputText {
      * Callback to reset the switch state when the form is reset.
      */
     formResetCallback() {
+        var _a, _b;
         this.handleClearInput();
-        this.internals.setValidity({});
-        this.internals.setFormValue('');
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setValidity({});
+        (_b = this.internals) === null || _b === void 0 ? void 0 : _b.setFormValue('');
     }
     /**
      * Callback to update the switch's disabled state when the form's disabled state changes.
@@ -320,6 +322,7 @@ export class CuraInputText {
         }
     }
     handleInputChange(event) {
+        var _a;
         const inputValue = event.target.value;
         this.valueChange.emit(inputValue);
         if (this.type === 'number') {
@@ -328,7 +331,7 @@ export class CuraInputText {
         else {
             this.handleTextInputChange(inputValue);
         }
-        this.internals.setFormValue(this.value);
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue(this.value);
     }
     handleNumberInputChange(inputValue) {
         const numericValue = parseFloat(inputValue);
@@ -361,7 +364,7 @@ export class CuraInputText {
             e.preventDefault();
     }
     render() {
-        return (h(Host, { key: 'ca2aecb12b93ceb875b3009b250aaad74cdae987', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'cf01002eab6f77101c36e03c5cf849d7aaeac09e', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '632acdd25d3b425b26c6bd10b60f92f37af834c3', class: "input-wrapper" }, this.label && (h("cura-label", { key: '0cc9fa6b402907f8292188ff7450945d6e31edd8', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: 'aebf6ded909742c6d09c963172064b3035a5f141', class: "required" }, "* "))), h("div", { key: '8906d48f519c5053936d55d4ad9c4bc3570c70d4', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: 'e0954c117932336172cb4bc83ccc18038341dcd3', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref), autocomplete: this.autocomplete }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: '26ea6fcc1cd8df12ee9d0c40f1d20600d696fbe9', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onMouseDown: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '292a9c476520f9d03a9d7c2f4242d103dd157b90', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
+        return (h(Host, { key: '7794e2a816baa0438c256ba584d14ddbeb9cc9b8', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '60fd4d3edebfe6aeb720dd079efb94970626d975', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '55db1933b3eb29807029669e5c66002556b3bd03', class: "input-wrapper" }, this.label && (h("cura-label", { key: '1c4119cc0b2190fbdb1ddcc3f55c41c68ec88957', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: '779e4726201110a6daf2c474b494f6baa9db5dc0', class: "required" }, "* "))), h("div", { key: 'a409f41993833fea3eb3212821c26a63f62e970f', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: '75b3de8e8ca33eb2b9e8e8a285de19d172490552', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref), autocomplete: this.autocomplete }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: '4a22b5b1608c5dc57a99b7edc93ab11ce2de4048', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onMouseDown: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '65a078642ac17f1779726749b29516c018bc317d', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
     }
     static get is() { return "cura-input-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/cura-input-text/cura-input-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-input-text.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-input-text/cura-input-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter, AttachInternals, Method, Element } from '@stencil/core';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport { maskOptions, MaskOptionsMap } from './mask-presets/input-mask-presets';\nimport { checkMobile, checkIOS, fakeInputIOSHack } from '../../../utils/utils';\nexport type MaskPreset = keyof MaskOptionsMap;\n@Component({\n  tag: 'cura-input-text',\n  styleUrl: 'cura-input-text.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputText {\n  @Element() host: HTMLElement;\n  /**\n   * Mode of the input: 'default' or 'transparent' (default: 'default')\n   */\n  @Prop({ reflect: true, mutable: true }) mode: 'default' | 'transparent' | string = 'default';\n\n  /**\n   * Indicates input status(default: default)\n   */\n\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' | string = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true, mutable: true }) size: 'small' | 'medium' | 'large' | string = 'medium';\n\n  /**\n   * Type of the input: 'text', 'number' (default: 'text')\n   */\n  @Prop({ reflect: true }) type: string = 'text';\n\n  /**\n   * Type of the input: 'text', 'number' (default: 'text')\n   */\n  @Prop({ reflect: true }) inputMode: string = 'text';\n\n  /**\n   * Label text for the input\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Name text for the input\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Value of the input field\n   */\n  @Prop({ reflect: true, mutable: true }) value: string | number = '';\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true, mutable: true }) iconName?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true, mutable: true }) helperText?: string;\n\n  /**\n   * Whether the input is disabled (default: false)\n   */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /**\n   * Whether the input is required (default: false)\n   */\n  @Prop({ reflect: true }) required?: boolean = false;\n\n  /**\n   * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.\n   * @see: https://imask.js.org/\n   */\n  @Prop() maskPreset?: MaskPreset;\n\n  /*\n   * Controls whether the selection functionality is active\n   */\n  @Prop({ reflect: true, mutable: true }) enableSelectionMode: boolean = false;\n\n  /**\n   * Regular expression for custom input masking. Uses IMask library.\n   *  @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskRegex?: string | null;\n\n  /**\n   * Advanced mask object to be used with IMask library\n   * @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskAdvanced?: any | string | null;\n\n  /**\n   * Maximum length of the input value (default: undefined)\n   */\n  @Prop({ reflect: true, mutable: true }) maxlength?: number | undefined;\n\n  /**\n   * Whether the input is read-only (default: false)\n   */\n  @Prop({ reflect: true }) readOnly?: boolean = false;\n\n  /**\n   * Whether the input is in loading state (default: false)\n   */\n  @Prop({ reflect: true, mutable: true }) isLoading?: boolean = false;\n\n  /**\n   * Internal state: Whether the input is hovered (default: false)\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Internal state: Whether the input is focused (default: false)\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Internal state: Styles object for dynamic styling\n   */\n  @State() styles: { [key: string]: string } = {};\n\n  /**\n   * Icon button name for the clear button (default: 'closeCircle')\n   */\n  @Prop({ reflect: true, mutable: true }) clearIcon?: boolean = true;\n\n  /**\n   * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)\n   */\n  @Prop() hideErrorIcon: boolean = false;\n\n  /**\n   * Defines whether the input should have autocomplete\n   */\n  @Prop({ reflect: true }) autocomplete?: string = 'on';\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string | number>}\n   */\n  @Event() valueChange: EventEmitter<string | number>;\n\n  /**\n   * Emitted when the clear button is clicked\n   * @type {EventEmitter<string | number>}\n   */\n  @Event() inputClear: EventEmitter<string | number>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  inputRef!: HTMLInputElement;\n\n  @Method()\n  async setFocus() {\n    // IOS needs large timeout value to work\n    const timeoutMs = checkMobile() && checkIOS() ? 1000 : 200;\n    // IOS fake input hack\n    let fakeInput = fakeInputIOSHack(this.host);\n    setTimeout(() => {\n      this.inputRef.focus();\n      if (fakeInput) fakeInput.remove();\n    }, timeoutMs);\n  }\n\n  /**\n   * Instance of InputMask is returned when IMask constructor is called.\n   */\n  maskedInput: InputMask<FactoryArg>;\n  weights: { [key: string]: string };\n  breakpoints: any;\n\n  /**\n   * Callback to restore the switch state from the form.\n   */\n  formStateRestoreCallback(state: { value: string }) {\n    this.value = state.value;\n    this.applyValueToMask();\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Callback for form association.\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.handleClearInput();\n    this.internals.setValidity({});\n    this.internals.setFormValue('');\n  }\n\n  /**\n   * Callback to update the switch's disabled state when the form's disabled state changes.\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  @Watch('styles')\n  connectedCallback() {\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);\n    this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);\n    this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);\n    this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);\n    this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);\n    this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.breakpoints = window.CuraAPI.theme.breakpoints.get();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--font-weight-bold'] = this.weights.bold;\n    this.styles['--font-weight-regular'] = this.weights.regular;\n  }\n\n  @Watch('size')\n  getClasses() {\n    return {\n      [this.size.toLowerCase()]: this.mode === 'default',\n      disabled: this.disabled,\n      isLoading: this.isLoading,\n      isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,\n      isHovered: this.isHovered,\n      [this.status]: true,\n      transparent: this.mode === 'transparent',\n      selection: this.enableSelectionMode,\n    };\n  }\n\n  getLabelColor() {\n    if (!!this.disabled) {\n      return 'neutral-medium';\n    } else if (this.isLoading && this.mode === 'transparent' && !this.isHovered) {\n      return 'neutral-dark';\n    } else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {\n      return 'neutral-black';\n    } else {\n      return 'neutral-dark';\n    }\n  }\n\n  @Watch('status')\n  @Watch('mode')\n  renderIcon() {\n    if ((this.iconName === '' && this.status === 'default') || (this.mode === 'transparent' && this.isLoading) || (this.mode === 'transparent' && this.status === 'default')) {\n      return;\n    }\n    // Used when input is rendered in cura-dropdown-search with error status\n    if (this.status === 'error' && this.hideErrorIcon) {\n      return;\n    }\n\n    const iconSizeDefaultMode = this.size === 'large' ? 20 : 16;\n    const baseIconSize = this.mode === 'transparent' ? 20 : iconSizeDefaultMode;\n\n    const iconMap: { [key: string]: { name: string; color: string } } = {\n      loading: { name: this.iconName, color: 'primary-base' },\n      success: { name: 'checkCircle', color: 'success-dark' },\n      error: { name: 'alertCircle', color: 'error-dark' },\n      default: { name: this.iconName, color: 'neutral-dark' },\n      disabled: { name: this.iconName, color: 'neutral-medium' },\n    };\n\n    const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];\n\n    return (\n      <div class=\"feedback-icon\" style={this.styles}>\n        <cura-icon name={iconConfig.name} iconset=\"default\" size={baseIconSize} color={iconConfig.color} />\n      </div>\n    );\n  }\n\n  renderHelperText() {\n    const isError = this.status === 'error';\n    const isSuccess = this.status === 'success';\n    const isDefault = this.status === 'default';\n    const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';\n    const colorText = (() => {\n      if (this.disabled) return 'neutral-medium';\n      if (this.isLoading) return 'primary-base';\n      if (this.isFocused || this.isHovered) return 'neutral-black';\n      return 'neutral-dark';\n    })();\n\n    return (\n      <div style={this.styles} class=\"helper-text\" part=\"cura-input-text-helper\">\n        {isDefault && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color={colorText}>\n            <slot></slot>\n          </cura-label>\n        )}\n        {isError && this.mode === 'default' && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"error-dark\">\n            <slot></slot>\n          </cura-label>\n        )}\n        {isError && this.mode === 'transparent' && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"neutral-black\">\n            <slot></slot>\n          </cura-label>\n        )}\n        {isSuccess && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"success-dark\">\n            <slot></slot>\n          </cura-label>\n        )}\n      </div>\n    );\n  }\n\n  handleMouseEnter() {\n    this.isHovered = true;\n  }\n  handleMouseLeave() {\n    this.isHovered = false;\n  }\n\n  componentDidLoad() {\n    this.initializeMask();\n  }\n\n  disconnectedCallback() {\n    this.destroyMask();\n  }\n\n  handleMaskUpdate() {\n    if (this.maskedInput) {\n      this.maskedInput.updateValue();\n    }\n  }\n\n  handleClearInput() {\n    this.handleMaskUpdate();\n    this.value = '';\n    this.inputRef.value = '';\n    this.valueChange.emit(this.value);\n    this.inputClear.emit(this.value);\n    this.handleMaskUpdate();\n    this.setFocus();\n  }\n\n  handleInputFocus() {\n    this.handleMaskUpdate();\n    this.isFocused = true;\n  }\n\n  handleInputBlur() {\n    this.handleMaskUpdate();\n    setTimeout(() => {\n      this.isFocused = false;\n    }, 150);\n  }\n\n  shouldDisplayMask() {\n    return this.maskPreset || this.maskRegex || this.maskAdvanced;\n  }\n\n  @Watch('maskPreset')\n  @Watch('maskRegex')\n  @Watch('maskAdvanced')\n  initializeMask() {\n    if (this.shouldDisplayMask()) {\n      if (this.maskedInput) {\n        this.destroyMask();\n      }\n      if (this.maskPreset) {\n        this.initializePresetMask();\n      } else if (this.maskRegex) {\n        this.initializeRegexMask();\n      } else if (this.maskAdvanced) {\n        this.initializeAdvancedMask();\n      }\n      this.applyValueToMask();\n    } else {\n      this.clearMaskValue();\n    }\n  }\n\n  initializeRegexMask() {\n    const cleanedRegexString = this.maskRegex.replace(/^\\/|\\/[gimsuy]*$/g, '');\n    const flags = (this.maskRegex.match(/\\/[gimsuy]*$/g) || [''])[0].slice(1);\n    this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n  }\n\n  initializePresetMask() {\n    const options = maskOptions[this.maskPreset];\n\n    if (options) {\n      this.maskedInput = IMask(this.inputRef, options);\n    } else {\n      console.error(`Mask preset \"${this.maskPreset}\" not found.`);\n    }\n  }\n\n  initializeAdvancedMask() {\n    if (!this.inputRef) return;\n\n    try {\n      const config = typeof this.maskAdvanced === 'string' ? JSON.parse(this.maskAdvanced) : this.maskAdvanced;\n      this.maskedInput = IMask(this.inputRef, config);\n    } catch (error) {\n      console.error('Error defining maskAdvanced:', error);\n    }\n  }\n\n  applyValueToMask() {\n    if (this.maskedInput) {\n      if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n        this.maskedInput.typedValue = this.value;\n      } else {\n        this.value = this.maskedInput.value;\n      }\n      this.handleMaskUpdate();\n    }\n  }\n\n  clearMaskValue() {\n    this.inputRef.value = this.value as string;\n  }\n\n  destroyMask() {\n    if (this.maskedInput) {\n      this.maskedInput.destroy();\n      this.maskedInput = undefined;\n    }\n  }\n\n  handleInputChange(event: any) {\n    const inputValue = event.target.value;\n\n    this.valueChange.emit(inputValue);\n\n    if (this.type === 'number') {\n      this.handleNumberInputChange(inputValue);\n    } else {\n      this.handleTextInputChange(inputValue);\n    }\n    this.internals.setFormValue(this.value as string);\n  }\n\n  handleNumberInputChange(inputValue: string) {\n    const numericValue = parseFloat(inputValue);\n    if (!isNaN(numericValue)) {\n      this.value = numericValue;\n    } else {\n      console.error('Invalid numeric input:', inputValue);\n    }\n  }\n\n  handleTextInputChange(inputValue: string) {\n    if (this.maskedInput) {\n      if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {\n        this.maskedInput.typedValue = inputValue;\n        this.value = this.maskedInput.typedValue;\n      }\n      this.value = this.maskedInput.value;\n    } else {\n      this.value = inputValue;\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.type === 'number') {\n      this.handleBlockInvalidNumber(event);\n    }\n  }\n\n  handleBlockInvalidNumber(e: KeyboardEvent) {\n    if (['e', 'E', '+', '-'].includes(e.key)) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host role=\"textbox\" aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n        <div\n          style={this.styles}\n          onMouseEnter={() => this.handleMouseEnter()}\n          onMouseLeave={() => this.handleMouseLeave()}\n          class={{\n            'cura-input-group': true,\n            ...this.getClasses(),\n          }}\n        >\n          <div class=\"input-wrapper\">\n            {this.label && (\n              <cura-label class=\"label\" weight=\"bold\" size={this.size === 'large' ? 'small' : 'xsmall'} color={this.getLabelColor()}>\n                {this.label} {this.required && <span class=\"required\">* </span>}\n              </cura-label>\n            )}\n            <div class=\"cura-input-field\" part=\"cura-input-field\" style={this.styles}>\n              {this.renderIcon()}\n              <input\n                name={this.name ? this.name : ''}\n                type={this.type}\n                onKeyDown={event => this.handleKeyDown(event)}\n                onBlur={this.handleInputBlur.bind(this)}\n                onFocus={this.handleInputFocus.bind(this)}\n                onInput={event => this.handleInputChange(event)}\n                class={this.getClasses()}\n                style={this.styles}\n                placeholder={this.placeholder}\n                disabled={this.disabled || this.isLoading}\n                required={this.required}\n                readonly={this.readOnly}\n                maxlength={this.maxlength}\n                value={this.value !== undefined && this.value !== null ? this.value : ''}\n                inputmode={this.maskPreset ? 'tel' : this.inputMode}\n                ref={ref => (this.inputRef = ref)}\n                autocomplete={this.autocomplete}\n              />\n              {!!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (\n                <cura-icon\n                  size={this.size === 'large' || this.mode === 'transparent' ? 20 : 16}\n                  color=\"primary-base\"\n                  name=\"closeCircle\"\n                  iconset=\"default\"\n                  class=\"clear-button\"\n                  onMouseDown={() => this.handleClearInput()}\n                />\n              )}\n              {this.isLoading && <cura-loader-circle size={this.size === 'large' ? 'medium' : 'small'} color=\"primary-base\"></cura-loader-circle>}\n            </div>\n            {this.renderHelperText()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"cura-input-text.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-input-text/cura-input-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter, AttachInternals, Method, Element } from '@stencil/core';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport { maskOptions, MaskOptionsMap } from './mask-presets/input-mask-presets';\nimport { checkMobile, checkIOS, fakeInputIOSHack } from '../../../utils/utils';\nexport type MaskPreset = keyof MaskOptionsMap;\n@Component({\n  tag: 'cura-input-text',\n  styleUrl: 'cura-input-text.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputText {\n  @Element() host: HTMLElement;\n  /**\n   * Mode of the input: 'default' or 'transparent' (default: 'default')\n   */\n  @Prop({ reflect: true, mutable: true }) mode: 'default' | 'transparent' | string = 'default';\n\n  /**\n   * Indicates input status(default: default)\n   */\n\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' | string = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true, mutable: true }) size: 'small' | 'medium' | 'large' | string = 'medium';\n\n  /**\n   * Type of the input: 'text', 'number' (default: 'text')\n   */\n  @Prop({ reflect: true }) type: string = 'text';\n\n  /**\n   * Type of the input: 'text', 'number' (default: 'text')\n   */\n  @Prop({ reflect: true }) inputMode: string = 'text';\n\n  /**\n   * Label text for the input\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Name text for the input\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Value of the input field\n   */\n  @Prop({ reflect: true, mutable: true }) value: string | number = '';\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true, mutable: true }) iconName?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true, mutable: true }) helperText?: string;\n\n  /**\n   * Whether the input is disabled (default: false)\n   */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /**\n   * Whether the input is required (default: false)\n   */\n  @Prop({ reflect: true }) required?: boolean = false;\n\n  /**\n   * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.\n   * @see: https://imask.js.org/\n   */\n  @Prop() maskPreset?: MaskPreset;\n\n  /*\n   * Controls whether the selection functionality is active\n   */\n  @Prop({ reflect: true, mutable: true }) enableSelectionMode: boolean = false;\n\n  /**\n   * Regular expression for custom input masking. Uses IMask library.\n   *  @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskRegex?: string | null;\n\n  /**\n   * Advanced mask object to be used with IMask library\n   * @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskAdvanced?: any | string | null;\n\n  /**\n   * Maximum length of the input value (default: undefined)\n   */\n  @Prop({ reflect: true, mutable: true }) maxlength?: number | undefined;\n\n  /**\n   * Whether the input is read-only (default: false)\n   */\n  @Prop({ reflect: true }) readOnly?: boolean = false;\n\n  /**\n   * Whether the input is in loading state (default: false)\n   */\n  @Prop({ reflect: true, mutable: true }) isLoading?: boolean = false;\n\n  /**\n   * Internal state: Whether the input is hovered (default: false)\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Internal state: Whether the input is focused (default: false)\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Internal state: Styles object for dynamic styling\n   */\n  @State() styles: { [key: string]: string } = {};\n\n  /**\n   * Icon button name for the clear button (default: 'closeCircle')\n   */\n  @Prop({ reflect: true, mutable: true }) clearIcon?: boolean = true;\n\n  /**\n   * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)\n   */\n  @Prop() hideErrorIcon: boolean = false;\n\n  /**\n   * Defines whether the input should have autocomplete\n   */\n  @Prop({ reflect: true }) autocomplete?: string = 'on';\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string | number>}\n   */\n  @Event() valueChange: EventEmitter<string | number>;\n\n  /**\n   * Emitted when the clear button is clicked\n   * @type {EventEmitter<string | number>}\n   */\n  @Event() inputClear: EventEmitter<string | number>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  inputRef!: HTMLInputElement;\n\n  @Method()\n  async setFocus() {\n    // IOS needs large timeout value to work\n    const timeoutMs = checkMobile() && checkIOS() ? 1000 : 200;\n    // IOS fake input hack\n    let fakeInput = fakeInputIOSHack(this.host);\n    setTimeout(() => {\n      this.inputRef.focus();\n      if (fakeInput) fakeInput.remove();\n    }, timeoutMs);\n  }\n\n  /**\n   * Instance of InputMask is returned when IMask constructor is called.\n   */\n  maskedInput: InputMask<FactoryArg>;\n  weights: { [key: string]: string };\n  breakpoints: any;\n\n  /**\n   * Callback to restore the switch state from the form.\n   */\n  formStateRestoreCallback(state: { value: string }) {\n    this.value = state.value;\n    this.applyValueToMask();\n    this.internals?.setFormValue(this.value);\n  }\n\n  /**\n   * Callback for form association.\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.handleClearInput();\n    this.internals?.setValidity({});\n    this.internals?.setFormValue('');\n  }\n\n  /**\n   * Callback to update the switch's disabled state when the form's disabled state changes.\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  @Watch('styles')\n  connectedCallback() {\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);\n    this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);\n    this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);\n    this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);\n    this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);\n    this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.breakpoints = window.CuraAPI.theme.breakpoints.get();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--font-weight-bold'] = this.weights.bold;\n    this.styles['--font-weight-regular'] = this.weights.regular;\n  }\n\n  @Watch('size')\n  getClasses() {\n    return {\n      [this.size.toLowerCase()]: this.mode === 'default',\n      disabled: this.disabled,\n      isLoading: this.isLoading,\n      isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,\n      isHovered: this.isHovered,\n      [this.status]: true,\n      transparent: this.mode === 'transparent',\n      selection: this.enableSelectionMode,\n    };\n  }\n\n  getLabelColor() {\n    if (!!this.disabled) {\n      return 'neutral-medium';\n    } else if (this.isLoading && this.mode === 'transparent' && !this.isHovered) {\n      return 'neutral-dark';\n    } else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {\n      return 'neutral-black';\n    } else {\n      return 'neutral-dark';\n    }\n  }\n\n  @Watch('status')\n  @Watch('mode')\n  renderIcon() {\n    if ((this.iconName === '' && this.status === 'default') || (this.mode === 'transparent' && this.isLoading) || (this.mode === 'transparent' && this.status === 'default')) {\n      return;\n    }\n    // Used when input is rendered in cura-dropdown-search with error status\n    if (this.status === 'error' && this.hideErrorIcon) {\n      return;\n    }\n\n    const iconSizeDefaultMode = this.size === 'large' ? 20 : 16;\n    const baseIconSize = this.mode === 'transparent' ? 20 : iconSizeDefaultMode;\n\n    const iconMap: { [key: string]: { name: string; color: string } } = {\n      loading: { name: this.iconName, color: 'primary-base' },\n      success: { name: 'checkCircle', color: 'success-dark' },\n      error: { name: 'alertCircle', color: 'error-dark' },\n      default: { name: this.iconName, color: 'neutral-dark' },\n      disabled: { name: this.iconName, color: 'neutral-medium' },\n    };\n\n    const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];\n\n    return (\n      <div class=\"feedback-icon\" style={this.styles}>\n        <cura-icon name={iconConfig.name} iconset=\"default\" size={baseIconSize} color={iconConfig.color} />\n      </div>\n    );\n  }\n\n  renderHelperText() {\n    const isError = this.status === 'error';\n    const isSuccess = this.status === 'success';\n    const isDefault = this.status === 'default';\n    const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';\n    const colorText = (() => {\n      if (this.disabled) return 'neutral-medium';\n      if (this.isLoading) return 'primary-base';\n      if (this.isFocused || this.isHovered) return 'neutral-black';\n      return 'neutral-dark';\n    })();\n\n    return (\n      <div style={this.styles} class=\"helper-text\" part=\"cura-input-text-helper\">\n        {isDefault && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color={colorText}>\n            <slot></slot>\n          </cura-label>\n        )}\n        {isError && this.mode === 'default' && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"error-dark\">\n            <slot></slot>\n          </cura-label>\n        )}\n        {isError && this.mode === 'transparent' && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"neutral-black\">\n            <slot></slot>\n          </cura-label>\n        )}\n        {isSuccess && (\n          <cura-label size={helperTextSize} lineHeight=\"xsmall\" color=\"success-dark\">\n            <slot></slot>\n          </cura-label>\n        )}\n      </div>\n    );\n  }\n\n  handleMouseEnter() {\n    this.isHovered = true;\n  }\n  handleMouseLeave() {\n    this.isHovered = false;\n  }\n\n  componentDidLoad() {\n    this.initializeMask();\n  }\n\n  disconnectedCallback() {\n    this.destroyMask();\n  }\n\n  handleMaskUpdate() {\n    if (this.maskedInput) {\n      this.maskedInput.updateValue();\n    }\n  }\n\n  handleClearInput() {\n    this.handleMaskUpdate();\n    this.value = '';\n    this.inputRef.value = '';\n    this.valueChange.emit(this.value);\n    this.inputClear.emit(this.value);\n    this.handleMaskUpdate();\n    this.setFocus();\n  }\n\n  handleInputFocus() {\n    this.handleMaskUpdate();\n    this.isFocused = true;\n  }\n\n  handleInputBlur() {\n    this.handleMaskUpdate();\n    setTimeout(() => {\n      this.isFocused = false;\n    }, 150);\n  }\n\n  shouldDisplayMask() {\n    return this.maskPreset || this.maskRegex || this.maskAdvanced;\n  }\n\n  @Watch('maskPreset')\n  @Watch('maskRegex')\n  @Watch('maskAdvanced')\n  initializeMask() {\n    if (this.shouldDisplayMask()) {\n      if (this.maskedInput) {\n        this.destroyMask();\n      }\n      if (this.maskPreset) {\n        this.initializePresetMask();\n      } else if (this.maskRegex) {\n        this.initializeRegexMask();\n      } else if (this.maskAdvanced) {\n        this.initializeAdvancedMask();\n      }\n      this.applyValueToMask();\n    } else {\n      this.clearMaskValue();\n    }\n  }\n\n  initializeRegexMask() {\n    const cleanedRegexString = this.maskRegex.replace(/^\\/|\\/[gimsuy]*$/g, '');\n    const flags = (this.maskRegex.match(/\\/[gimsuy]*$/g) || [''])[0].slice(1);\n    this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n  }\n\n  initializePresetMask() {\n    const options = maskOptions[this.maskPreset];\n\n    if (options) {\n      this.maskedInput = IMask(this.inputRef, options);\n    } else {\n      console.error(`Mask preset \"${this.maskPreset}\" not found.`);\n    }\n  }\n\n  initializeAdvancedMask() {\n    if (!this.inputRef) return;\n\n    try {\n      const config = typeof this.maskAdvanced === 'string' ? JSON.parse(this.maskAdvanced) : this.maskAdvanced;\n      this.maskedInput = IMask(this.inputRef, config);\n    } catch (error) {\n      console.error('Error defining maskAdvanced:', error);\n    }\n  }\n\n  applyValueToMask() {\n    if (this.maskedInput) {\n      if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n        this.maskedInput.typedValue = this.value;\n      } else {\n        this.value = this.maskedInput.value;\n      }\n      this.handleMaskUpdate();\n    }\n  }\n\n  clearMaskValue() {\n    this.inputRef.value = this.value as string;\n  }\n\n  destroyMask() {\n    if (this.maskedInput) {\n      this.maskedInput.destroy();\n      this.maskedInput = undefined;\n    }\n  }\n\n  handleInputChange(event: any) {\n    const inputValue = event.target.value;\n\n    this.valueChange.emit(inputValue);\n\n    if (this.type === 'number') {\n      this.handleNumberInputChange(inputValue);\n    } else {\n      this.handleTextInputChange(inputValue);\n    }\n    this.internals?.setFormValue(this.value as string);\n  }\n\n  handleNumberInputChange(inputValue: string) {\n    const numericValue = parseFloat(inputValue);\n    if (!isNaN(numericValue)) {\n      this.value = numericValue;\n    } else {\n      console.error('Invalid numeric input:', inputValue);\n    }\n  }\n\n  handleTextInputChange(inputValue: string) {\n    if (this.maskedInput) {\n      if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {\n        this.maskedInput.typedValue = inputValue;\n        this.value = this.maskedInput.typedValue;\n      }\n      this.value = this.maskedInput.value;\n    } else {\n      this.value = inputValue;\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.type === 'number') {\n      this.handleBlockInvalidNumber(event);\n    }\n  }\n\n  handleBlockInvalidNumber(e: KeyboardEvent) {\n    if (['e', 'E', '+', '-'].includes(e.key)) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host role=\"textbox\" aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n        <div\n          style={this.styles}\n          onMouseEnter={() => this.handleMouseEnter()}\n          onMouseLeave={() => this.handleMouseLeave()}\n          class={{\n            'cura-input-group': true,\n            ...this.getClasses(),\n          }}\n        >\n          <div class=\"input-wrapper\">\n            {this.label && (\n              <cura-label class=\"label\" weight=\"bold\" size={this.size === 'large' ? 'small' : 'xsmall'} color={this.getLabelColor()}>\n                {this.label} {this.required && <span class=\"required\">* </span>}\n              </cura-label>\n            )}\n            <div class=\"cura-input-field\" part=\"cura-input-field\" style={this.styles}>\n              {this.renderIcon()}\n              <input\n                name={this.name ? this.name : ''}\n                type={this.type}\n                onKeyDown={event => this.handleKeyDown(event)}\n                onBlur={this.handleInputBlur.bind(this)}\n                onFocus={this.handleInputFocus.bind(this)}\n                onInput={event => this.handleInputChange(event)}\n                class={this.getClasses()}\n                style={this.styles}\n                placeholder={this.placeholder}\n                disabled={this.disabled || this.isLoading}\n                required={this.required}\n                readonly={this.readOnly}\n                maxlength={this.maxlength}\n                value={this.value !== undefined && this.value !== null ? this.value : ''}\n                inputmode={this.maskPreset ? 'tel' : this.inputMode}\n                ref={ref => (this.inputRef = ref)}\n                autocomplete={this.autocomplete}\n              />\n              {!!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (\n                <cura-icon\n                  size={this.size === 'large' || this.mode === 'transparent' ? 20 : 16}\n                  color=\"primary-base\"\n                  name=\"closeCircle\"\n                  iconset=\"default\"\n                  class=\"clear-button\"\n                  onMouseDown={() => this.handleClearInput()}\n                />\n              )}\n              {this.isLoading && <cura-loader-circle size={this.size === 'large' ? 'medium' : 'small'} color=\"primary-base\"></cura-loader-circle>}\n            </div>\n            {this.renderHelperText()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/cura-select/cura-select.css

@@ -312,152 +312,6 @@
 .wrapper.error:not(.transparent) .cura-input-field .feedback-icon {
   padding-left: 12px;
 }
-.wrapper.small .cura-input-field {
-  width: 100%;
-  height: 32px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--neutral-purewhite);
-  border: 2px solid var(--neutral-medium);
-  border-radius: 4px;
-  color: var(--primary-base);
-  letter-spacing: 0.32px;
-  line-height: 20px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.wrapper.small .cura-input-field input {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: var(--neutral-dark);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-medium);
-  font-size: 12px;
-  box-sizing: border-box;
-  padding: 0px 12px 0px 8px;
-}
-.wrapper.small .cura-input-field input::placeholder {
-  color: var(--neutral-dark);
-}
-.wrapper.small .cura-input-field .feedback-icon {
-  padding-left: 12px;
-}
-.wrapper.small .cura-input-field input {
-  line-height: 13px;
-  letter-spacing: 0.72px;
-}
-.wrapper.small .helper-text {
-  margin-top: 8px;
-  color: var(--neutral-dark);
-  font-weight: var(--font-weight-regular);
-}
-.wrapper.small.label .menu {
-  top: 53px;
-}
-.wrapper.small .menu {
-  top: 33px;
-}
-.wrapper.medium .cura-input-field {
-  width: 100%;
-  height: 40px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--neutral-purewhite);
-  border: 2px solid var(--neutral-medium);
-  border-radius: 4px;
-  color: var(--primary-base);
-  letter-spacing: 0.32px;
-  line-height: 20px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.wrapper.medium .cura-input-field input {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: var(--neutral-dark);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-medium);
-  font-size: 14px;
-  box-sizing: border-box;
-  padding: 0px 12px 0px 8px;
-}
-.wrapper.medium .cura-input-field input::placeholder {
-  color: var(--neutral-dark);
-}
-.wrapper.medium .cura-input-field .feedback-icon {
-  padding-left: 12px;
-}
-.wrapper.medium .cura-input-field input {
-  line-height: 16px;
-  letter-spacing: 0.56px;
-}
-.wrapper.medium .helper-text {
-  margin-top: 8px;
-  color: var(--neutral-dark);
-  font-weight: var(--font-weight-regular);
-}
-.wrapper.medium.label .menu {
-  top: 61px;
-}
-.wrapper.medium .menu {
-  top: 40px;
-}
-.wrapper.large .cura-input-field {
-  width: 100%;
-  height: 44px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--neutral-purewhite);
-  border: 2px solid var(--neutral-medium);
-  border-radius: 4px;
-  color: var(--primary-base);
-  letter-spacing: 0.32px;
-  line-height: 20px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.wrapper.large .cura-input-field input {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: var(--neutral-dark);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-medium);
-  font-size: 16px;
-  box-sizing: border-box;
-  padding: 0px 12px 0px 8px;
-}
-.wrapper.large .cura-input-field input::placeholder {
-  color: var(--neutral-dark);
-}
-.wrapper.large .cura-input-field .feedback-icon {
-  padding-left: 12px;
-}
-.wrapper.large .helper-text {
-  margin-top: 8px;
-  color: var(--neutral-dark);
-  font-weight: var(--font-weight-bold);
-}
-.wrapper.large.label .menu {
-  top: 69px;
-}
-.wrapper.large .menu {
-  top: 47px;
-}
 .wrapper.disabled .cura-input-field {
   background-color: var(--neutral-white);
   border: 2px solid var(--neutral-base);
@@ -474,9 +328,10 @@
 }
 
 .menu {
-  position: absolute;
+  position: fixed;
   left: 0;
-  right: -1px;
+  top: 0;
+  box-sizing: border-box;
   background: #fff;
   border: 2px solid var(--neutral-light);
   border-radius: 4px;