@krumio/trailhand-ui 1.9.25 → 1.9.26

package/dist/components/button/button.js

@@ -84,10 +84,10 @@ Button.formAssociated = true;
 Button.styles = css `
     :host {
       display: inline-block;
+      font-family: var(--font-family, 'Poppins', sans-serif);
     }
 
     .trailhand-button {
-      font-family: 'Montserrat', system-ui, sans-serif;
       font-weight: 600;
       border: 0;
       border-radius: 8px;

package/dist/components/checkbox/checkbox.js

@@ -112,7 +112,7 @@ Checkbox.formAssociated = true;
 Checkbox.styles = css `
     :host {
       display: inline-block;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
     }
 
     .wrapper {

package/dist/components/code-editor/code-editor.js

@@ -323,7 +323,7 @@ CodeEditor.styles = css `
     :host {
       display: block;
       width: 100%;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
       min-width: 0;
     }
 
@@ -358,7 +358,7 @@ CodeEditor.styles = css `
       outline: none;
       background: transparent;
       transition: border-color 0.2s ease;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
       color: var(--th-input-text, #333);
       box-sizing: border-box;
       display: block;
@@ -409,7 +409,7 @@ CodeEditor.styles = css `
       position: absolute;
       inset: 0;
       padding: 0.75em 16px;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
       line-height: 1.7;
       white-space: pre;
       pointer-events: none;

package/dist/components/dropdown/dropdown.js

@@ -481,7 +481,7 @@ Dropdown.formAssociated = true;
 Dropdown.styles = css `
     :host {
       display: inline-block;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
       position: relative;
       min-width: var(--th-dropdown-min-width, 220px);
     }

package/dist/components/selector/selector.js

@@ -110,7 +110,7 @@ Selector.styles = css `
       display: block;
       width: 100%;
       box-sizing: border-box;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
     }
 
     .wrapper {

package/dist/components/text-area/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea } from './text-area';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/text-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/text-area/index.js

@@ -0,0 +1,2 @@
+export { TextArea } from './text-area';
+//# sourceMappingURL=index.js.map

package/dist/components/text-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/text-area/text-area.d.ts

@@ -0,0 +1,48 @@
+import { LitElement, TemplateResult } from 'lit';
+export interface TextAreaProps {
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    label?: string;
+    required?: boolean;
+    invalid?: boolean;
+    rows?: number;
+    maxlength?: number;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    showCount?: boolean;
+}
+export declare class TextArea extends LitElement {
+    static formAssociated: boolean;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    label: string;
+    required: boolean;
+    invalid: boolean;
+    rows: number;
+    maxlength?: number;
+    resize: 'none' | 'vertical' | 'horizontal' | 'both';
+    showCount: boolean;
+    private internals;
+    private _textarea;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    focus(): void;
+    private get _currentLength();
+    private get _isOverLimit();
+    private emitChangeEvent;
+    private handleInput;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _updateValidity;
+    formResetCallback(): void;
+    formDisableCallback(disabled: boolean): void;
+    formAssociatedCallback(form: HTMLFormElement | null): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=text-area.d.ts.map

package/dist/components/text-area/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/text-area/text-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,IAAI,SAAK;IAGT,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAc;IAGjE,SAAS,UAAS;IAElB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,SAAS,CAAsB;;IAOvC,MAAM,CAAC,MAAM,0BAkGX;IAEF,iBAAiB;IAQjB,KAAK;IAIL,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,WAAW;IAcnB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,eAAe;IAiBvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CA4BzB"}

package/dist/components/text-area/text-area.js

@@ -0,0 +1,260 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { property } from 'lit/decorators.js';
+export class TextArea extends LitElement {
+    constructor() {
+        super();
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.size = 'medium';
+        this.label = '';
+        this.required = false;
+        this.invalid = false;
+        this.rows = 4;
+        this.resize = 'vertical';
+        this.showCount = false;
+        this.internals = this.attachInternals();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const fieldset = this.closest('fieldset');
+        if (fieldset?.disabled) {
+            this.disabled = true;
+        }
+    }
+    focus() {
+        this._textarea?.focus();
+    }
+    get _currentLength() {
+        return this.value?.length ?? 0;
+    }
+    get _isOverLimit() {
+        return this.maxlength != null && this._currentLength > this.maxlength;
+    }
+    emitChangeEvent() {
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent('text-area-change', {
+            detail: { value: this.value, name: this.name },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    handleInput(e) {
+        const target = e.target;
+        this.value = target.value;
+        if (this.value) {
+            this.internals.setFormValue(this.value);
+        }
+        else {
+            this.internals.setFormValue(null);
+        }
+        this.emitChangeEvent();
+        this._updateValidity();
+    }
+    firstUpdated() {
+        this._textarea = this.shadowRoot.querySelector('textarea');
+        // Apply resize style via CSS custom property
+        this._textarea.style.resize = this.resize;
+    }
+    updated(changed) {
+        if (changed.has('resize') && this._textarea) {
+            this._textarea.style.resize = this.resize;
+        }
+    }
+    _updateValidity() {
+        const isValid = this._textarea.validity.valid && !this._isOverLimit;
+        this.invalid = !isValid;
+        if (isValid) {
+            this.internals.setValidity({});
+        }
+        else {
+            this.internals.setValidity(this._textarea.validity, this._isOverLimit
+                ? `Exceeded maximum length of ${this.maxlength}`
+                : this._textarea.validationMessage, this._textarea);
+        }
+    }
+    formResetCallback() {
+        this.value = '';
+        this.internals.setFormValue(this.value);
+    }
+    formDisableCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formAssociatedCallback(form) {
+        form?.addEventListener('submit', () => {
+            this._updateValidity();
+        });
+    }
+    render() {
+        const countLabel = this.maxlength != null
+            ? `${this._currentLength} / ${this.maxlength}`
+            : `${this._currentLength}`;
+        return html `
+      <div class="wrapper">
+        <label for=${this.name} class="input-label">
+          ${this.label}
+          <span class="required-indicator">${this.required ? '*' : ''}</span>
+        </label>
+        <div class="textarea-wrapper">
+          <textarea
+            name=${this.name}
+            .value=${this.value}
+            placeholder=${this.placeholder}
+            ?disabled=${this.disabled}
+            ?required=${this.required}
+            rows=${this.rows}
+            @input=${this.handleInput}
+          ></textarea>
+          ${this.showCount
+            ? html `<span class="count ${this._isOverLimit ? 'over-limit' : ''}">${countLabel}</span>`
+            : ''}
+        </div>
+      </div>
+    `;
+    }
+}
+TextArea.formAssociated = true;
+TextArea.styles = css `
+    :host {
+      display: inline-block;
+      font-family: var(--font-family, 'Poppins', sans-serif);
+    }
+
+    .wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+
+    label {
+      font-size: 11px;
+      color: var(--th-input-label, #000000);
+    }
+
+    label .required-indicator {
+      color: var(--th-color-red, #bf1e1e);
+    }
+
+    .textarea-wrapper {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      font-size: 14px;
+    }
+
+    textarea {
+      width: 100%;
+      padding: 0.75em 16px;
+      border-radius: 8px;
+      border: 1px solid var(--th-input-border, #d7d7d7);
+      outline: none;
+      background: transparent;
+      transition: border-color 0.2s ease;
+      font-size: 14px;
+      color: var(--th-input-text, #333);
+      box-sizing: border-box;
+      font-family: var(--font-family, 'Poppins', sans-serif);
+      line-height: 1.5;
+      resize: var(--th-textarea-resize, vertical);
+      min-height: 80px;
+    }
+
+    textarea:disabled {
+      background-color: var(--th-input-bg, transparent);
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    textarea::placeholder {
+      color: var(--th-input-placeholder, #d7d7d7);
+    }
+
+    textarea:focus {
+      border-color: var(--th-input-focus-border, #005cb9);
+    }
+
+    /* Character count */
+    .count {
+      align-self: flex-end;
+      font-size: 11px;
+      color: var(--th-input-label, #999);
+      margin-top: 0.25rem;
+      user-select: none;
+    }
+
+    .count.over-limit {
+      color: var(--th-input-border-invalid, #9f3a3a);
+    }
+
+    /* Sizes */
+    :host([size='small']) .textarea-wrapper {
+      font-size: 12px;
+    }
+    :host([size='small']) textarea {
+      font-size: 12px;
+      min-height: 60px;
+    }
+
+    :host([size='large']) .textarea-wrapper {
+      font-size: 16px;
+    }
+    :host([size='large']) textarea {
+      font-size: 16px;
+      min-height: 100px;
+    }
+
+    /* Disabled label */
+    :host([disabled]) label {
+      color: var(--th-input-label-disabled, #999);
+    }
+
+    /* Invalid */
+    :host([invalid]) textarea {
+      border-color: var(--th-input-border-invalid, #9f3a3a);
+    }
+  `;
+__decorate([
+    property({ type: String })
+], TextArea.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], TextArea.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], TextArea.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TextArea.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TextArea.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], TextArea.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextArea.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TextArea.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Number })
+], TextArea.prototype, "rows", void 0);
+__decorate([
+    property({ type: Number })
+], TextArea.prototype, "maxlength", void 0);
+__decorate([
+    property({ type: String })
+], TextArea.prototype, "resize", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextArea.prototype, "showCount", void 0);
+customElements.define('trailhand-text-area', TextArea);
+//# sourceMappingURL=text-area.js.map

package/dist/components/text-area/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/text-area/text-area.ts"],"names":[],"mappings":"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"}

package/dist/components/text-input/text-input.js

@@ -120,7 +120,7 @@ TextInput.formAssociated = true;
 TextInput.styles = css `
     :host {
       display: inline-block;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
     }
 
     .wrapper {
@@ -157,7 +157,7 @@ TextInput.styles = css `
       height: 40px;
       color: var(--th-input-text, #333);
       box-sizing: border-box;
-      font-family: 'Montserrat', system-ui, sans-serif;
+      font-family: var(--font-family, 'Poppins', sans-serif);
     }
 
     .input-wrapper.has-icon input {

package/dist/index.d.ts

@@ -14,5 +14,6 @@ export * from './components/text-input';
 export * from './components/selector';
 export * from './components/dropdown';
 export * from './components/code-editor';
+export * from './components/text-area';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -15,6 +15,7 @@ export * from './components/text-input';
 export * from './components/selector';
 export * from './components/dropdown';
 export * from './components/code-editor';
+export * from './components/text-area';
 // Export utilities
 export * from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}

package/dist/styles/colors.css

@@ -7,6 +7,7 @@
  */
 
 :root {
+  --font-family: 'Arial', system-ui, sans-serif; /* Global font family */
   /* Color Palette */
   /* Primary Blues */
   --th-color-primary: #0086ff; /* Primary brand color */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krumio/trailhand-ui",
-  "version": "1.9.25",
+  "version": "1.9.26",
   "type": "module",
   "description": "Reusable web components built with Lit Element",
   "main": "./dist/index.js",