Update to v0.71.0

assets/images/icons.svg

@@ -99,7 +99,7 @@
   <symbol id="x-mark-solid" viewBox="0 0 24 24" fill="currentColor">
     <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
   </symbol>
-  <symbol id="chevron-right" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <symbol id="chevron-right" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
     <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
   </symbol>
   <symbol id="chevron-left" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
@@ -124,10 +124,10 @@
   <symbol id="users" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
     <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
   </symbol>
-  <symbold id="users-solid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <symbol id="users-solid" viewBox="0 0 24 24" fill="currentColor">
     <path d="M4.5 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM14.25 8.625a3.375 3.375 0 1 1 6.75 0 3.375 3.375 0 0 1-6.75 0ZM1.5 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM17.25 19.128l-.001.144a2.25 2.25 0 0 1-.233.96 10.088 10.088 0 0 0 5.06-1.01.75.75 0 0 0 .42-.643 4.875 4.875 0 0 0-6.957-4.611 8.586 8.586 0 0 1 1.71 5.157v.003Z" />
   </symbol>
-  <symbol id="wrench-screwdriver"  fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <symbol id="wrench-screwdriver" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
     <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" />
   </symbol>
   <symbol id="wrench-screwdriver-solid" viewBox="0 0 24 24" fill="currentColor">
@@ -135,4 +135,39 @@
     <path d="m10.076 8.64-2.201-2.2V4.874a.75.75 0 0 0-.364-.643l-3.75-2.25a.75.75 0 0 0-.916.113l-.75.75a.75.75 0 0 0-.113.916l2.25 3.75a.75.75 0 0 0 .643.364h1.564l2.062 2.062 1.575-1.297Z" />
     <path fill-rule="evenodd" d="m12.556 17.329 4.183 4.182a3.375 3.375 0 0 0 4.773-4.773l-3.306-3.305a6.803 6.803 0 0 1-1.53.043c-.394-.034-.682-.006-.867.042a.589.589 0 0 0-.167.063l-3.086 3.748Zm3.414-1.36a.75.75 0 0 1 1.06 0l1.875 1.876a.75.75 0 1 1-1.06 1.06L15.97 17.03a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
   </symbol>
+  <symbol id="user" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
+  </symbol>
+  <symbol id="cog" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+    <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+  </symbol>
+  <symbol id="check" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+  </symbol>
+  <symbol id="double-check" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 12.75l6 6 9-13.5" />
+  </symbol>
+  <symbol id="arrow-small-left" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15m0 0l6.75 6.75M4.5 12l6.75-6.75" />
+  </symbol>
+  <symbol id="ellipsis-horizontal" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
+  </symbol>
+  <symbol id="paper-clip" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M18.375 12.739l-7.693 7.693a4.5 4.5 0 01-6.364-6.364l10.94-10.94A3 3 0 1119.5 7.372L8.552 18.32m.009-.01l-.01.01m5.699-9.941l-7.81 7.81a1.5 1.5 0 002.112 2.13" />
+  </symbol>
+  <symbol id="paper-airplane" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" />
+  </symbol>
+  <symbol id="archive-box-x-mark" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z" />
+  </symbol>
+  <symbol id="bars-3-bottom-right" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />
+  </symbol>
+  <symbol id="arrow-logout" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" />
+  </symbol>
 </svg>

esm2022/lib/components/molecules/list/list.component.mjs

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ListComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ListComponent, isStandalone: true, selector: "ct-list", ngImport: i0, template: "<ul class=\"flex grow flex-col divide-y divide-primary-400 dark:divide-primary-700\">\n  <ng-content />\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ListComponent, isStandalone: true, selector: "ct-list", ngImport: i0, template: "<ul class=\"flex grow flex-col divide-y divide-primary-400 font-primary dark:divide-primary-700\">\n  <ng-content />\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ct-list', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"flex grow flex-col divide-y divide-primary-400 dark:divide-primary-700\">\n  <ng-content />\n</ul>\n" }]
+            args: [{ selector: 'ct-list', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"flex grow flex-col divide-y divide-primary-400 font-primary dark:divide-primary-700\">\n  <ng-content />\n</ul>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbGlzdC9saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saXN0L2xpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTbkUsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG1FQ1QxQixrSEFHQTs7MkZETWEsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxTQUFTLGNBQ1AsSUFBSSxXQUNQLEVBQUUsbUJBRU0sdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtbGlzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQge1xuXG59XG4iLCI8dWwgY2xhc3M9XCJmbGV4IGdyb3cgZmxleC1jb2wgZGl2aWRlLXkgZGl2aWRlLXByaW1hcnktNDAwIGRhcms6ZGl2aWRlLXByaW1hcnktNzAwXCI+XG4gIDxuZy1jb250ZW50IC8+XG48L3VsPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbGlzdC9saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saXN0L2xpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTbkUsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG1FQ1QxQiwrSEFHQTs7MkZETWEsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxTQUFTLGNBQ1AsSUFBSSxXQUNQLEVBQUUsbUJBRU0sdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtbGlzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQge1xuXG59XG4iLCI8dWwgY2xhc3M9XCJmbGV4IGdyb3cgZmxleC1jb2wgZGl2aWRlLXkgZGl2aWRlLXByaW1hcnktNDAwIGZvbnQtcHJpbWFyeSBkYXJrOmRpdmlkZS1wcmltYXJ5LTcwMFwiPlxuICA8bmctY29udGVudCAvPlxuPC91bD5cbiJdfQ==

lib/components/atoms/avatar/avatar.component.d.ts

@@ -1,10 +1,13 @@
 import { OnInit } from '@angular/core';
+import { ComponentSize } from '../../../model/components/component-size.type';
 import * as i0 from "@angular/core";
 export declare class AvatarComponent implements OnInit {
     picture: string;
     title: string;
+    size: ComponentSize;
+    imageType: string;
     titleInitials: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ct-avatar", never, { "picture": { "alias": "picture"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ct-avatar", never, { "picture": { "alias": "picture"; "required": false; }; "title": { "alias": "title"; "required": false; }; "size": { "alias": "size"; "required": false; }; "imageType": { "alias": "imageType"; "required": false; }; }, {}, never, never, true, never>;
 }

lib/components/atoms/icon-button/icon-button.component.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from '../../../model/components/component-type.type';
+import { ComponentVariant } from '../../../model/components/component-variant.type';
+import { ComponentSize } from '../../../model/components/component-size.type';
+import * as i0 from "@angular/core";
+export declare class IconButtonComponent {
+    icon: string;
+    type: ComponentType;
+    variant: ComponentVariant;
+    size: ComponentSize;
+    role: 'button' | 'submit' | 'reset';
+    disabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "ct-icon-button", never, { "icon": { "alias": "icon"; "required": true; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_type: string;
+    static ngAcceptInputType_variant: string;
+}

lib/components/atoms/list-item/list-item.component.d.ts

@@ -1,9 +1,12 @@
+import { ComponentSize } from '../../../model/components/component-size.type';
 import * as i0 from "@angular/core";
 export declare class ListItemComponent {
+    avatar: string;
+    avatarSize: ComponentSize;
+    avatarType: string;
     header: string;
     subHeader: string;
-    avatar: string;
     subTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "ct-list-item", never, { "header": { "alias": "header"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "ct-list-item", never, { "avatar": { "alias": "avatar"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "avatarType": { "alias": "avatarType"; "required": false; }; "header": { "alias": "header"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

lib/components/atoms/menu-item/menu-item.component.d.ts

@@ -19,5 +19,5 @@ export declare class MenuItemComponent {
     isOpen: BehaviorSubject<boolean>;
     menus: QueryList<MenuComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "ct-menu-item", never, { "text": { "alias": "text"; "required": false; }; "link": { "alias": "link"; "required": true; }; "type": { "alias": "type"; "required": true; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconAlone": { "alias": "iconAlone"; "required": false; }; "iconDirection": { "alias": "iconDirection"; "required": false; }; "hasSubmenu": { "alias": "hasSubmenu"; "required": false; }; "submenuPosition": { "alias": "submenuPosition"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["menus"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "ct-menu-item", never, { "text": { "alias": "text"; "required": false; }; "link": { "alias": "link"; "required": false; }; "type": { "alias": "type"; "required": true; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconAlone": { "alias": "iconAlone"; "required": false; }; "iconDirection": { "alias": "iconDirection"; "required": false; }; "hasSubmenu": { "alias": "hasSubmenu"; "required": false; }; "submenuPosition": { "alias": "submenuPosition"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["menus"], ["*", "[hint]", "[hint]"], true, never>;
 }

lib/components/atoms/tab-button/tab-button.component.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '@angular/core';
+import { ComponentVariant } from '../../../model/components/component-variant.type';
 import * as i0 from "@angular/core";
 export declare class TabButtonComponent {
     key: string;
     title: string;
     subTitle: string;
+    variant: ComponentVariant;
     clicked: EventEmitter<string>;
     isActive: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabButtonComponent, "ct-tab-button", never, { "key": { "alias": "key"; "required": true; }; "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabButtonComponent, "ct-tab-button", never, { "key": { "alias": "key"; "required": true; }; "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }

lib/components/molecules/tab-group/tab-group.component.d.ts

@@ -4,6 +4,7 @@ import { TabPanelDirective } from '../../../directives/tab-panel.directive';
 import * as i0 from "@angular/core";
 export declare class TabGroupComponent implements AfterContentInit, OnChanges {
     private destroyRef;
+    border: boolean;
     activeTab: string;
     buttons: QueryList<TabButtonComponent>;
     panels: QueryList<TabPanelDirective>;
@@ -12,5 +13,5 @@ export declare class TabGroupComponent implements AfterContentInit, OnChanges {
     setActiveTab(key: string): void;
     private getTabButtonTrigger;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "ct-tab-group", never, { "activeTab": { "alias": "activeTab"; "required": false; }; }, {}, ["buttons", "panels"], ["[header]", "[body]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "ct-tab-group", never, { "border": { "alias": "border"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; }, {}, ["buttons", "panels"], ["[header]", "[body]"], true, never>;
 }

lib/directives/overlay.directive.d.ts

@@ -12,6 +12,7 @@ export declare class OverlayDirective {
     private overlayRef;
     contentTemplate: TemplateRef<any>;
     position: ComponentDisposition;
+    closeOnClick: boolean;
     opened: EventEmitter<void>;
     closed: EventEmitter<void>;
     constructor(overlay: Overlay, elementRef: ElementRef, viewContainerRef: ViewContainerRef, destroyRef: DestroyRef);
@@ -20,5 +21,5 @@ export declare class OverlayDirective {
     private closeDropdown;
     private getOverlayPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[ctOverlay]", never, { "contentTemplate": { "alias": "ctOverlay"; "required": false; }; "position": { "alias": "ctOverlayPosition"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[ctOverlay]", never, { "contentTemplate": { "alias": "ctOverlay"; "required": false; }; "position": { "alias": "ctOverlayPosition"; "required": false; }; "closeOnClick": { "alias": "ctOverlayCloseOnClick"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }

lib/forms/select/select.component.d.ts

@@ -1,11 +1,11 @@
-import { DestroyRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { DestroyRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FormOptionBase } from '../../model/forms/form-base.model';
 import { Subject } from 'rxjs';
 import { FormGroupDirective } from '@angular/forms';
 import { FormGenericComponent } from '../../services/form-generic.abstract';
 import { ComponentDisposition } from '../../model/components/component-disposition.enum';
 import * as i0 from "@angular/core";
-export declare class SelectComponent extends FormGenericComponent implements OnInit {
+export declare class SelectComponent extends FormGenericComponent implements OnInit, OnChanges {
     protected formGroupDirective: FormGroupDirective;
     private readonly destroyRef;
     focusOut$: Subject<any>;
@@ -18,7 +18,7 @@ export declare class SelectComponent extends FormGenericComponent implements OnI
     helper: string;
     placeholder: string;
     value: any;
-    disposition: ComponentDisposition | string;
+    disposition: ComponentDisposition;
     fullSize: boolean;
     showError: boolean;
     selected: EventEmitter<any>;
@@ -26,10 +26,11 @@ export declare class SelectComponent extends FormGenericComponent implements OnI
     panel: ElementRef<HTMLDivElement>;
     constructor(formGroupDirective: FormGroupDirective, destroyRef: DestroyRef);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     toggle(): void;
     close(): void;
     selectOption(key: any, propagate?: boolean): void;
     writeValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ct-select", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "key": { "alias": "key"; "required": true; }; "options": { "alias": "options"; "required": true; }; "label": { "alias": "label"; "required": false; }; "helper": { "alias": "helper"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disposition": { "alias": "disposition"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; }, { "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ct-select", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "key": { "alias": "key"; "required": false; }; "options": { "alias": "options"; "required": true; }; "label": { "alias": "label"; "required": false; }; "helper": { "alias": "helper"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disposition": { "alias": "disposition"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; }, { "selected": "selected"; }, never, never, true, never>;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "circletone",
-  "version": "0.68.0",
+  "version": "0.70.0",
   "peerDependencies": {
     "@angular/common": "^17.3.4",
     "@angular/core": "^17.3.4",

public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/components/atoms/alert/alert.component';
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/button/button.component';
+export * from './lib/components/atoms/icon-button/icon-button.component';
 export * from './lib/components/atoms/header/header.component';
 export * from './lib/components/atoms/icon/icon.component';
 export * from './lib/components/atoms/menu-item/menu-item.component';

tailwind.config.js

@@ -64,29 +64,40 @@ module.exports = {
       colors: {
         ...colors,
         primary: {
+          "50": 'rgb(var(--primary-50) / <alpha-value>)',
+          "100": 'rgb(var(--primary-100) / <alpha-value>)',
+          "200": 'rgb(var(--primary-200) / <alpha-value>)',
+          "300": 'rgb(var(--primary-300) / <alpha-value>)',
+          "400": 'rgb(var(--primary-400) / <alpha-value>)',
+          "500": 'rgb(var(--primary-500) / <alpha-value>)',
+          "600": 'rgb(var(--primary-600) / <alpha-value>)',
+          "700": 'rgb(var(--primary-700) / <alpha-value>)',
+          "800": 'rgb(var(--primary-800) / <alpha-value>)',
+          "900": 'rgb(var(--primary-900) / <alpha-value>)',
+          "950": 'rgb(var(--primary-950) / <alpha-value>)',
           DEFAULT: 'rgb(var(--primary-400) / <alpha-value>)',
           dark: 'rgb(var(--primary-800) / <alpha-value>)',
           container: {
             DEFAULT: 'rgb(var(--primary-200) / <alpha-value>)',
-            dark: 'rgb(var(--primary-900) / <alpha-value>)',
+            dark: 'rgb(var(--primary-800) / <alpha-value>)',
           },
           variant: {
             DEFAULT: 'rgb(var(--primary-600) / <alpha-value>)',
             dark: 'rgb(var(--primary-700) / <alpha-value>)',
           },
-          50: 'rgb(var(--primary-50) / <alpha-value>)',
-          100: 'rgb(var(--primary-100) / <alpha-value>)',
-          200: 'rgb(var(--primary-200) / <alpha-value>)',
-          300: 'rgb(var(--primary-300) / <alpha-value>)',
-          400: 'rgb(var(--primary-400) / <alpha-value>)',
-          500: 'rgb(var(--primary-500) / <alpha-value>)',
-          600: 'rgb(var(--primary-600) / <alpha-value>)',
-          700: 'rgb(var(--primary-700) / <alpha-value>)',
-          800: 'rgb(var(--primary-800) / <alpha-value>)',
-          900: 'rgb(var(--primary-900) / <alpha-value>)',
-          950: 'rgb(var(--primary-950) / <alpha-value>)',
         },
         secondary: {
+          "50": 'rgb(var(--primary-50) / <alpha-value>)',
+          "100": 'rgb(var(--secondary-100) / <alpha-value>)',
+          "200": 'rgb(var(--secondary-200) / <alpha-value>)',
+          "300": 'rgb(var(--secondary-300) / <alpha-value>)',
+          "400": 'rgb(var(--secondary-400) / <alpha-value>)',
+          "500": 'rgb(var(--secondary-500) / <alpha-value>)',
+          "600": 'rgb(var(--secondary-600) / <alpha-value>)',
+          "700": 'rgb(var(--secondary-700) / <alpha-value>)',
+          "800": 'rgb(var(--secondary-800) / <alpha-value>)',
+          "900": 'rgb(var(--secondary-900) / <alpha-value>)',
+          "950": 'rgb(var(--secondary-950) / <alpha-value>)',
           DEFAULT: 'rgb(var(--secondary-300) / <alpha-value>)',
           dark: 'rgb(var(--secondary-800) / <alpha-value>)',
           container: {
@@ -97,32 +108,21 @@ module.exports = {
             DEFAULT: 'rgb(var(--secondary-500) / <alpha-value>)',
             dark: 'rgb(var(--secondary-700) / <alpha-value>)',
           },
-          50: 'rgb(var(--primary-50) / <alpha-value>)',
-          100: 'rgb(var(--secondary-100) / <alpha-value>)',
-          200: 'rgb(var(--secondary-200) / <alpha-value>)',
-          300: 'rgb(var(--secondary-300) / <alpha-value>)',
-          400: 'rgb(var(--secondary-400) / <alpha-value>)',
-          500: 'rgb(var(--secondary-500) / <alpha-value>)',
-          600: 'rgb(var(--secondary-600) / <alpha-value>)',
-          700: 'rgb(var(--secondary-700) / <alpha-value>)',
-          800: 'rgb(var(--secondary-800) / <alpha-value>)',
-          900: 'rgb(var(--secondary-900) / <alpha-value>)',
-          950: 'rgb(var(--secondary-950) / <alpha-value>)',
         },
         neutral: {
+          "50": 'rgb(var(--monochrome-50) / <alpha-value>)',
+          "100": 'rgb(var(--monochrome-100) / <alpha-value>)',
+          "200": 'rgb(var(--monochrome-200) / <alpha-value>)',
+          "300": 'rgb(var(--monochrome-300) / <alpha-value>)',
+          "400": 'rgb(var(--monochrome-400) / <alpha-value>)',
+          "500": 'rgb(var(--monochrome-500) / <alpha-value>)',
+          "600": 'rgb(var(--monochrome-600) / <alpha-value>)',
+          "700": 'rgb(var(--monochrome-700) / <alpha-value>)',
+          "800": 'rgb(var(--monochrome-800) / <alpha-value>)',
+          "900": 'rgb(var(--monochrome-900) / <alpha-value>)',
+          "950": 'rgb(var(--monochrome-950) / <alpha-value>)',
           DEFAULT: 'rgb(var(--monochrome-400) / <alpha-value>)',
           dark: 'rgb(var(--monochrome-700) / <alpha-value>)',
-          50: 'rgb(var(--monochrome-50) / <alpha-value>)',
-          100: 'rgb(var(--monochrome-100) / <alpha-value>)',
-          200: 'rgb(var(--monochrome-200) / <alpha-value>)',
-          300: 'rgb(var(--monochrome-300) / <alpha-value>)',
-          400: 'rgb(var(--monochrome-400) / <alpha-value>)',
-          500: 'rgb(var(--monochrome-500) / <alpha-value>)',
-          600: 'rgb(var(--monochrome-600) / <alpha-value>)',
-          700: 'rgb(var(--monochrome-700) / <alpha-value>)',
-          800: 'rgb(var(--monochrome-800) / <alpha-value>)',
-          900: 'rgb(var(--monochrome-900) / <alpha-value>)',
-          950: 'rgb(var(--monochrome-950) / <alpha-value>)',
           variant: {
             DEFAULT: 'rgb(var(--monochrome-500) / <alpha-value>)',
             dark: 'rgb(var(--monochrome-500) / <alpha-value>)',
@@ -134,7 +134,7 @@ module.exports = {
         },
         surface: {
           DEFAULT: 'rgb(var(--primary-100) / <alpha-value>)',
-          dark: 'rgb(var(--primary-800) / <alpha-value>)',
+          dark: 'rgb(var(--primary-900) / <alpha-value>)',
           variant: {
             DEFAULT: 'rgb(var(--primary-400) / <alpha-value>)',
             dark: 'rgb(var(--primary-700) / <alpha-value>)',