@haiilo/catalyst 0.13.0 → 0.14.2

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/cat-toggle/cat-toggle.d.ts

@@ -40,7 +40,7 @@ export declare class CatToggle {
   /**
    * The value of the toggle
    */
-  value?: string;
+  value?: string | boolean;
   /**
    * Optional hint text(s) to be displayed with the toggle.
    */

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 {
         /**
@@ -197,7 +206,7 @@ export namespace Components {
         /**
           * The value of the checkbox
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatIcon {
         /**
@@ -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.
          */
@@ -631,7 +640,7 @@ export namespace Components {
         /**
           * The value of the toggle
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatTooltip {
         /**
@@ -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 {
         /**
@@ -1065,7 +1082,7 @@ declare namespace LocalJSX {
         /**
           * The value of the checkbox
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatIcon {
         /**
@@ -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.
          */
@@ -1571,7 +1588,7 @@ declare namespace LocalJSX {
         /**
           * The value of the toggle
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatTooltip {
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.13.0",
+  "version": "0.14.2",
   "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.13.0",
+    "@haiilo/catalyst-tokens": "0.14.2",
     "@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",