@haiilo/catalyst 0.12.0 → 0.14.1

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { InputType } from './input-type';
 /**
  * Inputs are used to allow users to provide text input when the expected input
  * is short. As well as plain text, Input supports various types of text,
@@ -49,17 +50,17 @@ export declare class CatInput {
    */
   labelHidden: boolean;
   /**
-   * A maximum value for numeric values.
+   * A maximum value for date, time and numeric values.
    */
-  max?: number;
+  max?: number | string;
   /**
    * A maximum length (number of characters) for textual values.
    */
   maxLength?: number;
   /**
-   * A minimum value for numeric values.
+   * A minimum value for date, time and numeric values.
    */
-  min?: number;
+  min?: number | string;
   /**
    * A minimum length (number of characters) for textual values.
    */
@@ -95,7 +96,7 @@ export declare class CatInput {
   /**
    * Type of form control.
    */
-  type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+  type: InputType;
   /**
    * The value of the control.
    */

package/dist/types/components/cat-input/input-type.d.ts

@@ -0,0 +1 @@
+export declare type InputType = 'button' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';

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

@@ -1,7 +1,9 @@
 export declare enum TypeIcons {
   'success' = "check-circle-filled",
-  'error' = "sparkle-filled",
-  'info' = "sparkle-filled"
+  'error' = "cross-circle-filled",
+  'info' = "danger-filled",
+  'primary' = "star-circle-filled",
+  'secondary' = "info-circle-filled"
 }
 export declare const ToastPositions: {
   [key: string]: {
@@ -29,7 +31,7 @@ export interface ToastOptions {
   /**
    *  Type of toast
    */
-  type: 'success' | 'info' | 'error';
+  type: 'success' | 'info' | 'error' | 'primary' | 'secondary';
   /**
    *  Invoked when the toast is clicked
    */
@@ -41,11 +43,14 @@ export interface ToastOptions {
 }
 declare class CatNotificationService {
   private static DURATION;
-  toastHTMLTemplate(title: string, message?: string, options?: Partial<ToastOptions>): HTMLElement;
   error(title: string, message?: string, options?: Partial<ToastOptions>): void;
   success(title: string, message?: string, options?: Partial<ToastOptions>): void;
   info(title: string, message?: string, options?: Partial<ToastOptions>): void;
+  primary(title: string, message?: string, options?: Partial<ToastOptions>): void;
+  secondary(title: string, message?: string, options?: Partial<ToastOptions>): void;
+  private toastHTMLTemplate;
   private getPosition;
+  private extractOptions;
 }
 export declare const NotificationsService: CatNotificationService;
 export {};

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

@@ -5,9 +5,10 @@
  * @part tab - The header of the tab.
  */
 export declare class CatTabs {
-  private tabs;
   private buttons;
+  private mutationObserver?;
   hostElement: HTMLElement;
+  tabs: HTMLCatTabElement[];
   activeTabId?: string;
   /**
    * The ID of the active tab.
@@ -19,7 +20,10 @@ export declare class CatTabs {
   tabsAlign: 'left' | 'center' | 'right' | 'justify';
   onActiveTabChanged(newActiveTab: string): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   onKeydown(event: KeyboardEvent): void;
   render(): any;
   private updateButtonsRef;
+  private syncTabs;
 }

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Breakpoint } from "./utils/breakpoints";
+import { InputType } from "./components/cat-input/input-type";
 import { Placement } from "@floating-ui/dom";
 import { CatSelectItem } from "./components/cat-select/cat-select";
 export namespace Components {
@@ -14,6 +15,14 @@ export namespace Components {
           * The color palette of the alert.
          */
         "color": 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+        /**
+          * The name of an icon to be displayed in the alert.
+         */
+        "icon"?: string;
+        /**
+          * Whether the icon of the alert is deactivated.
+         */
+        "noIcon": boolean;
     }
     interface CatAvatar {
         /**
@@ -251,17 +260,17 @@ export namespace Components {
          */
         "labelHidden": boolean;
         /**
-          * A maximum value for numeric values.
+          * A maximum value for date, time and numeric values.
          */
-        "max"?: number;
+        "max"?: number | string;
         /**
           * A maximum length (number of characters) for textual values.
          */
         "maxLength"?: number;
         /**
-          * A minimum value for numeric values.
+          * A minimum value for date, time and numeric values.
          */
-        "min"?: number;
+        "min"?: number | string;
         /**
           * A minimum length (number of characters) for textual values.
          */
@@ -302,7 +311,7 @@ export namespace Components {
         /**
           * Type of form control.
          */
-        "type": 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+        "type": InputType;
         /**
           * The value of the control.
          */
@@ -868,6 +877,14 @@ declare namespace LocalJSX {
           * The color palette of the alert.
          */
         "color"?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+        /**
+          * The name of an icon to be displayed in the alert.
+         */
+        "icon"?: string;
+        /**
+          * Whether the icon of the alert is deactivated.
+         */
+        "noIcon"?: boolean;
     }
     interface CatAvatar {
         /**
@@ -1115,17 +1132,17 @@ declare namespace LocalJSX {
          */
         "labelHidden"?: boolean;
         /**
-          * A maximum value for numeric values.
+          * A maximum value for date, time and numeric values.
          */
-        "max"?: number;
+        "max"?: number | string;
         /**
           * A maximum length (number of characters) for textual values.
          */
         "maxLength"?: number;
         /**
-          * A minimum value for numeric values.
+          * A minimum value for date, time and numeric values.
          */
-        "min"?: number;
+        "min"?: number | string;
         /**
           * A minimum length (number of characters) for textual values.
          */
@@ -1173,7 +1190,7 @@ declare namespace LocalJSX {
         /**
           * Type of form control.
          */
-        "type"?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+        "type"?: InputType;
         /**
           * The value of the control.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.12.0",
+  "version": "0.14.1",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -38,12 +38,12 @@
     "reset": "rm -rf ./dist ./loader ./www ./node_modules"
   },
   "peerDependencies": {
-    "@haiilo/catalyst-icons": ">=0.3.1",
+    "@haiilo/catalyst-icons": ">=0.3.9",
     "rxjs": "^7.5.5"
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.1",
-    "@haiilo/catalyst-tokens": "0.12.0",
+    "@haiilo/catalyst-tokens": "0.14.1",
     "@stencil/core": "2.17.0",
     "autosize": "5.0.1",
     "choices.js": "10.1.0",
@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@haiilo/catalyst-icons": "^0.3.1",
+    "@haiilo/catalyst-icons": "^0.3.9",
     "@stencil/angular-output-target": "^0.4.0",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "^1.5.2",