@rededor/cura 1.8.1 → 1.8.3-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.
Files changed (44) hide show
  1. package/dist/cjs/cura-accordion_20.cjs.entry.js +2 -2
  2. package/dist/cjs/cura-accordion_20.cjs.entry.js.map +1 -1
  3. package/dist/cjs/cura-modal.cjs.entry.js +10 -2
  4. package/dist/cjs/cura-modal.cjs.entry.js.map +1 -1
  5. package/dist/cjs/cura-modal.entry.cjs.js.map +1 -1
  6. package/dist/cjs/cura.cjs.js +1 -1
  7. package/dist/cjs/index-BK9MSAiE.js.map +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/components/cura-modal/cura-modal.js +30 -2
  10. package/dist/collection/components/cura-modal/cura-modal.js.map +1 -1
  11. package/dist/collection/components/cura-modal/cura-modal.stories.js +10 -0
  12. package/dist/collection/components/cura-modal/cura-modal.stories.js.map +1 -1
  13. package/dist/collection/components/forms/cura-input-text/cura-input-text.js +3 -3
  14. package/dist/collection/components/forms/cura-input-text/cura-input-text.js.map +1 -1
  15. package/dist/components/cura-dropdown-search.js +1 -1
  16. package/dist/components/cura-input-date.js +1 -1
  17. package/dist/components/cura-input-text.js +1 -1
  18. package/dist/components/cura-modal.js +11 -2
  19. package/dist/components/cura-modal.js.map +1 -1
  20. package/dist/components/{p-zz_zOPBZ.js → p-CgMS6FUK.js} +4 -4
  21. package/dist/components/p-CgMS6FUK.js.map +1 -0
  22. package/dist/components/p-D1cPOZpG.js.map +1 -1
  23. package/dist/cura/cura-modal.entry.esm.js.map +1 -1
  24. package/dist/cura/cura.esm.js +1 -1
  25. package/dist/cura/p-5ed7ce95.entry.js +2 -0
  26. package/dist/cura/p-5ed7ce95.entry.js.map +1 -0
  27. package/dist/cura/p-PPMZr_VE.js.map +1 -1
  28. package/dist/cura/{p-9759f26f.entry.js → p-d8aeca82.entry.js} +2 -2
  29. package/dist/cura/p-d8aeca82.entry.js.map +1 -0
  30. package/dist/esm/cura-accordion_20.entry.js +2 -2
  31. package/dist/esm/cura-accordion_20.entry.js.map +1 -1
  32. package/dist/esm/cura-modal.entry.js +10 -2
  33. package/dist/esm/cura-modal.entry.js.map +1 -1
  34. package/dist/esm/cura.js +1 -1
  35. package/dist/esm/index-OdKytJIH.js.map +1 -1
  36. package/dist/esm/loader.js +1 -1
  37. package/dist/types/components/cura-modal/cura-modal.d.ts +5 -0
  38. package/dist/types/components/cura-modal/cura-modal.stories.d.ts +11 -0
  39. package/dist/types/components.d.ts +10 -0
  40. package/package.json +2 -2
  41. package/dist/components/p-zz_zOPBZ.js.map +0 -1
  42. package/dist/cura/p-9759f26f.entry.js.map +0 -1
  43. package/dist/cura/p-df7cb250.entry.js +0 -2
  44. package/dist/cura/p-df7cb250.entry.js.map +0 -1
@@ -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); }