@haiilo/catalyst 10.22.1 → 10.24.0

package/dist/types/components/cat-textarea/cat-textarea.d.ts

@@ -18,7 +18,7 @@ export declare class CatTextarea {
     hostElement: HTMLElement;
     hasSlottedLabel: boolean;
     hasSlottedHint: boolean;
-    errorMap?: ErrorMap;
+    errorMap?: ErrorMap | true;
     /**
      * Whether the label need a marker to shown if the textarea is required or optional.
      */
@@ -91,7 +91,7 @@ export declare class CatTextarea {
     /**
      * Fine-grained control over when the errors are shown. Can be `false` to
      * never show errors, `true` to show errors on blur, or a number to show
-     * errors on change with the given delay in milliseconds.
+     * errors change with the given delay in milliseconds or immediately on blur.
      */
     errorUpdate: boolean | number;
     /**
@@ -112,6 +112,7 @@ export declare class CatTextarea {
      * Emitted when the textarea loses focus.
      */
     catBlur: EventEmitter<FocusEvent>;
+    componentWillLoad(): void;
     componentWillRender(): void;
     componentDidLoad(): void;
     /**
@@ -131,7 +132,7 @@ export declare class CatTextarea {
      * Clear the textarea.
      */
     clear(): Promise<void>;
-    onErrorsChanged(value?: boolean | string[] | ErrorMap): void;
+    onErrorsChanged(newValue?: boolean | string[] | ErrorMap, _oldValue?: unknown, update?: boolean): void;
     render(): any;
     private get hasHint();
     private get invalid();

package/dist/types/components/cat-time/cat-time.d.ts

@@ -106,7 +106,7 @@ export declare class CatTime {
     /**
      * Fine-grained control over when the errors are shown. Can be `false` to
      * never show errors, `true` to show errors on blur, or a number to show
-     * errors on change with the given delay in milliseconds.
+     * errors change with the given delay in milliseconds or immediately on blur.
      */
     errorUpdate: boolean | number;
     /**

package/dist/types/components.d.ts

@@ -339,7 +339,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -529,7 +529,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -777,7 +777,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -812,6 +812,10 @@ export namespace Components {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden": boolean;
+        /**
+          * Displays the input in a loading state with a spinner.
+         */
+        "loading": boolean;
         /**
           * Adds a Cleave.js mask to the input.
           * @param options The Cleave.js options.
@@ -1089,7 +1093,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -1262,6 +1266,9 @@ export namespace Components {
          */
         "tabsAlign": 'left' | 'center' | 'right' | 'justify';
     }
+    /**
+     * An input that allows multiple values to be entered as tags.
+     */
     interface CatTag {
         /**
           * Whether the input should show a clear button.
@@ -1272,7 +1279,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -1348,7 +1355,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -1446,7 +1453,7 @@ export namespace Components {
          */
         "doFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate": boolean | number;
         /**
@@ -2167,6 +2174,9 @@ declare global {
         "catFocus": FocusEvent;
         "catBlur": FocusEvent;
     }
+    /**
+     * An input that allows multiple values to be entered as tags.
+     */
     interface HTMLCatTagElement extends Components.CatTag, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCatTagElementEventMap>(type: K, listener: (this: HTMLCatTagElement, ev: CatTagCustomEvent<HTMLCatTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2601,7 +2611,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -2780,7 +2790,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -3027,7 +3037,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -3062,6 +3072,10 @@ declare namespace LocalJSX {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden"?: boolean;
+        /**
+          * Displays the input in a loading state with a spinner.
+         */
+        "loading"?: boolean;
         /**
           * A maximum value for numeric values.
          */
@@ -3363,7 +3377,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -3550,6 +3564,9 @@ declare namespace LocalJSX {
          */
         "tabsAlign"?: 'left' | 'center' | 'right' | 'justify';
     }
+    /**
+     * An input that allows multiple values to be entered as tags.
+     */
     interface CatTag {
         /**
           * Whether the input should show a clear button.
@@ -3560,7 +3577,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -3635,7 +3652,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -3732,7 +3749,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors change with the given delay in milliseconds or immediately on blur.
          */
         "errorUpdate"?: boolean | number;
         /**
@@ -4091,6 +4108,9 @@ declare module "@stencil/core" {
              * window, using tabs as a navigational element.
              */
             "cat-tabs": LocalJSX.CatTabs & JSXBase.HTMLAttributes<HTMLCatTabsElement>;
+            /**
+             * An input that allows multiple values to be entered as tags.
+             */
             "cat-tag": LocalJSX.CatTag & JSXBase.HTMLAttributes<HTMLCatTagElement>;
             /**
              * Textarea specifies a control that allows user to write text over multiple

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "10.22.1",
+  "version": "10.24.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -40,7 +40,7 @@
     "sanitize.css": "13.0.0",
     "tabbable": "6.2.0",
     "toastify-js": "1.12.0",
-    "@haiilo/catalyst-tokens": "10.22.1"
+    "@haiilo/catalyst-tokens": "10.24.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",