@rededor/cura 1.8.1 → 1.8.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5053,7 +5053,7 @@ const CuraInputText = class {
5053
5053
  return 'neutral-black';
5054
5054
  return 'neutral-dark';
5055
5055
  })();
5056
- return (index.h("div", { style: this.styles, class: "helper-text", part: "cura-input-text-helper" }, isDefault && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText }, index.h("slot", null))), isError && this.mode === "default" && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark" }, index.h("slot", null))), isError && this.mode === "transparent" && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "neutral-black" }, index.h("slot", null))), isSuccess && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark" }, index.h("slot", null)))));
5056
+ return (index.h("div", { style: this.styles, class: "helper-text", part: "cura-input-text-helper" }, isDefault && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText }, index.h("slot", null))), isError && this.mode === 'default' && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark" }, index.h("slot", null))), isError && this.mode === 'transparent' && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "neutral-black" }, index.h("slot", null))), isSuccess && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark" }, index.h("slot", null)))));
5057
5057
  }
5058
5058
  handleMouseEnter() {
5059
5059
  this.isHovered = true;
@@ -5201,7 +5201,7 @@ const CuraInputText = class {
5201
5201
  e.preventDefault();
5202
5202
  }
5203
5203
  render() {
5204
- return (index.h(index.Host, { key: '5a4b1e0b0a3e31bd326c46638d098a0d069b7d0a', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: '1fbeec280f94e847c3a33a56821630d60731b0fd', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, index.h("div", { key: 'de6052e2bde4e58d4e0bf50a1173d5df2c51fe57', class: "input-wrapper" }, this.label && (index.h("cura-label", { key: '99b52d19c5f4949bc5acbd5fe31000784a0ca68f', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && index.h("span", { key: '7800fc5a6db7a6a8b79883d6e2cae98d7e3de7c5', class: "required" }, "* "))), index.h("div", { key: '6f11952021b7bc6dfb102b29c0ed18db7afed57d', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), index.h("input", { key: '8727859bc6389dcbcfdee9633cf779ffeb25e0a6', 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 && (index.h("cura-icon", { key: '7f51029a8f9784f9a8366bfd71af0c4f6a895879', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && index.h("cura-loader-circle", { key: '679b460b9ed484c41eddd96e5cb8278d56c5e313', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
5204
+ return (index.h(index.Host, { key: 'ca2aecb12b93ceb875b3009b250aaad74cdae987', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: 'cf01002eab6f77101c36e03c5cf849d7aaeac09e', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, index.h("div", { key: '632acdd25d3b425b26c6bd10b60f92f37af834c3', class: "input-wrapper" }, this.label && (index.h("cura-label", { key: '0cc9fa6b402907f8292188ff7450945d6e31edd8', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && index.h("span", { key: 'aebf6ded909742c6d09c963172064b3035a5f141', class: "required" }, "* "))), index.h("div", { key: '8906d48f519c5053936d55d4ad9c4bc3570c70d4', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), index.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 && (index.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 && index.h("cura-loader-circle", { key: '292a9c476520f9d03a9d7c2f4242d103dd157b90', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
5205
5205
  }
5206
5206
  static get formAssociated() { return true; }
5207
5207
  get host() { return index.getElement(this); }