Update to v0.25.0

esm2022/public-api.mjs

@@ -1,6 +1,6 @@
 /*
  * Public API Surface of circletone
  */
-export * from './lib/components/atoms/button/button.component';
 export * from './lib/components/atoms/icon/icon.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsNENBQTRDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNpcmNsZXRvbmVcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2ljb24vaWNvbi5jb21wb25lbnQnO1xuIl19
+export * from './lib/components/atoms/button/button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsZ0RBQWdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNpcmNsZXRvbmVcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdG9tcy9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuIl19

fesm2022/circletone.mjs

@@ -2,30 +2,6 @@ import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 
-class ButtonComponent {
-    constructor() {
-        this.text = '';
-        this.type = 'default';
-        this.size = 'base';
-        this.variant = 'default';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, isStandalone: true, selector: "ct-button", inputs: { text: "text", type: "type", size: "size", variant: "variant" }, ngImport: i0, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ct-button', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n" }]
-        }], propDecorators: { text: [{
-                type: Input,
-                args: [{ required: true }]
-            }], type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }] } });
-
 class IconComponent {
     constructor() {
         this.icon = '';
@@ -37,7 +13,7 @@ class IconComponent {
         this.iconPath = '';
     }
     ngOnInit() {
-        this.iconPath = this.getIconPath();
+        this.iconPath = '';
         this.strokeColor = this.getFormattedColor(this.strokeColor);
         this.fill = this.getFormattedColor(this.fill);
     }
@@ -48,9 +24,6 @@ class IconComponent {
         }
         return color;
     }
-    getIconPath() {
-        return `./icons.svg#${this.icon}`;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: IconComponent, isStandalone: true, selector: "ct-icon", inputs: { icon: "icon", iconClass: "iconClass", fill: "fill", strokeWidth: "strokeWidth", strokeColor: "strokeColor", size: "size" }, ngImport: i0, template: "<svg\n  [ngClass]=\"iconClass\"\n  [attr.fill]=\"fill\"\n  [attr.stroke-width]=\"strokeWidth\"\n  [attr.stroke]=\"strokeColor\"\n  class=\"flex size-full\">\n  <use [attr.xlink:href]=\"iconPath\"></use>\n</svg>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -71,6 +44,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }] } });
 
+class ButtonComponent {
+    constructor() {
+        this.text = '';
+        this.type = 'default';
+        this.size = 'base';
+        this.variant = 'default';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, isStandalone: true, selector: "ct-button", inputs: { text: "text", type: "type", size: "size", variant: "variant" }, ngImport: i0, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ct-button', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n" }]
+        }], propDecorators: { text: [{
+                type: Input,
+                args: [{ required: true }]
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
 /*
  * Public API Surface of circletone
  */

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

@@ -10,7 +10,6 @@ export declare class IconComponent implements OnInit {
     iconPath: string;
     ngOnInit(): void;
     getFormattedColor(color: string): string;
-    getIconPath(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ct-icon", never, { "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "circletone",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0"

public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './lib/components/atoms/button/button.component';
 export * from './lib/components/atoms/icon/icon.component';
+export * from './lib/components/atoms/button/button.component';