Update to v0.3.0

esm2022/lib/components/atoms/button/button.component.mjs

@@ -6,15 +6,15 @@ export class ButtonComponent {
         this.type = '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" }, ngImport: i0, template: "<button class=\"p-4\">{{ text }}</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" }, ngImport: i0, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n", 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: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"p-4\">{{ text }}</button>\n" }]
+            args: [{ selector: 'ct-button', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n" }]
         }], propDecorators: { text: [{
                 type: Input,
                 args: [{ required: true }]
             }], type: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUUsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFRNkIsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUM1QixTQUFJLEdBQThELFNBQVMsQ0FBQztLQUN0Rjs4R0FIWSxlQUFlO2tHQUFmLGVBQWUsNkdDVDVCLDZDQUNBOzsyRkRRYSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsRUFBRSxtQkFFTSx1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdGV4dCA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiAnZGVmYXVsdCcgfCAnYWx0ZXJuYXRlJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnZGVmYXVsdCc7XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwicC00XCI+e3sgdGV4dCB9fTwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUUsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFRNkIsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUM1QixTQUFJLEdBQThELFNBQVMsQ0FBQztLQUN0Rjs4R0FIWSxlQUFlO2tHQUFmLGVBQWUsNkdDVDVCLDJEQUNBOzsyRkRRYSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsRUFBRSxtQkFFTSx1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdGV4dCA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiAnZGVmYXVsdCcgfCAnYWx0ZXJuYXRlJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnZGVmYXVsdCc7XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiYmcteWVsbG93LTQwMCBwLTRcIj57eyB0ZXh0IH19PC9idXR0b24+XG4iXX0=

fesm2022/circletone.mjs

@@ -7,11 +7,11 @@ class ButtonComponent {
         this.type = '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" }, ngImport: i0, template: "<button class=\"p-4\">{{ text }}</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" }, ngImport: i0, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n", 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: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"p-4\">{{ text }}</button>\n" }]
+            args: [{ selector: 'ct-button', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n" }]
         }], propDecorators: { text: [{
                 type: Input,
                 args: [{ required: true }]

fesm2022/circletone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"circletone.mjs","sources":["../../../projects/circletone/src/lib/components/atoms/button/button.component.ts","../../../projects/circletone/src/lib/components/atoms/button/button.component.html","../../../projects/circletone/src/public-api.ts","../../../projects/circletone/src/circletone.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ct-button',\n  standalone: true,\n  imports: [],\n  templateUrl: './button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent {\n  @Input({ required: true }) text = '';\n  @Input() type: 'default' | 'alternate' | 'success' | 'warning' | 'error' = 'default';\n}\n","<button class=\"p-4\">{{ text }}</button>\n","/*\n * Public API Surface of circletone\n */\n\nexport * from './lib/components/atoms/button/button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;QAQ6B,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAA,IAAA,GAA8D,SAAS,CAAC;AACtF,KAAA;8GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,6GCT5B,6CACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6CAAA,EAAA,CAAA;8BAGpB,IAAI,EAAA,CAAA;sBAA9B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;AEXR;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"circletone.mjs","sources":["../../../projects/circletone/src/lib/components/atoms/button/button.component.ts","../../../projects/circletone/src/lib/components/atoms/button/button.component.html","../../../projects/circletone/src/public-api.ts","../../../projects/circletone/src/circletone.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ct-button',\n  standalone: true,\n  imports: [],\n  templateUrl: './button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent {\n  @Input({ required: true }) text = '';\n  @Input() type: 'default' | 'alternate' | 'success' | 'warning' | 'error' = 'default';\n}\n","<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n","/*\n * Public API Surface of circletone\n */\n\nexport * from './lib/components/atoms/button/button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;QAQ6B,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAA,IAAA,GAA8D,SAAS,CAAC;AACtF,KAAA;8GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,6GCT5B,2DACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2DAAA,EAAA,CAAA;8BAGpB,IAAI,EAAA,CAAA;sBAA9B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;AEXR;;AAEG;;ACFH;;AAEG;;;;"}

package.json

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

tailwind.preset.js

@@ -1,61 +1,62 @@
 var colors = require('tailwindcss/colors');
 
+/** @type {import('tailwindcss').Config} */
+
 module.exports = {
   theme: {
-    extend: {
-      fontFamily: {
-        primary: 'var(--font-primary)',
-        title: 'var(--font-title)',
-        logo: 'var(--font-logo)',
+    //extend: {
+    darkMode: 'class',
+    fontFamily: {
+      primary: 'var(--font-primary)',
+      title: 'var(--font-title)',
+    },
+    colors: {
+      ...colors,
+      primary: {
+        DEFAULT: 'rgb(var(--primary) / <alpha-value>)',
+        dark: 'rgb(var(--priamry-dark) / <alpha-value>)',
+        variation: 'rgb(var(--primary-variation) / <alpha-value>)',
+        'variation-dark': 'rgb(var(--primary-variation-dark) / <alpha-value>)',
+      },
+      secondary: {
+        DEFAULT: 'rgb(var(--secondary) / <alpha-value>)',
+        dark: 'rgb(var(--secondary-dark) / <alpha-value>)',
+      },
+      background: {
+        DEFAULT: 'rgb(var(--background) / <alpha-value>)',
+        dark: 'rgb(var(--background-dark) / <alpha-value>)',
+      },
+      surface: {
+        DEFAULT: 'rgb(var(--surface) / <alpha-value>)',
+        variation: 'rgb(var(--surface-variation) / <alpha-value>)',
+        dark: 'rgb(var(--surface-dark) / <alpha-value>)',
+        'variation-dark': 'rgb(var(--surface-variation-dark) / <alpha-value>)',
+      },
+      accent: {
+        DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
+        dark: 'rgb(var(--accent-dark) / <alpha-value>)',
       },
-      colors: {
-        ...colors,
-        primary: {
-          DEFAULT: 'rgb(var(--primary) / <alpha-value>)',
-          dark: 'rgb(var(--priamry-dark) / <alpha-value>)',
-          variation: 'rgb(var(--primary-variation) / <alpha-value>)',
-          'variation-dark': 'rgb(var(--primary-variation-dark) / <alpha-value>)',
-        },
-        secondary: {
-          DEFAULT: 'rgb(var(--secondary) / <alpha-value>)',
-          dark: 'rgb(var(--secondary-dark) / <alpha-value>)',
-        },
-        background: {
-          DEFAULT: 'rgb(var(--background) / <alpha-value>)',
-          dark: 'rgb(var(--background-dark) / <alpha-value>)',
-        },
-        surface: {
-          DEFAULT: 'rgb(var(--surface) / <alpha-value>)',
-          variation: 'rgb(var(--surface-variation) / <alpha-value>)',
-          dark: 'rgb(var(--surface-dark) / <alpha-value>)',
-          'variation-dark': 'rgb(var(--surface-variation-dark) / <alpha-value>)',
-        },
-        accent: {
-          DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
-          dark: 'rgb(var(--accent-dark) / <alpha-value>)',
-        },
-        on: {
-          primary: 'rgb(var(--on-primary) / <alpha-value>)',
-          'primary-variation': 'rgb(var(--on-primary-variation) / <alpha-value>)',
-          secondary: 'rgb(var(--on-secondary) / <alpha-value>)',
-          'secondary-variation': 'rgb(var(--on-secondary-variation) / <alpha-value>)',
-          accent: 'rgb(var(--on-accent) / <alpha-value>)',
-          background: 'rgb(var(--on-background) / <alpha-value>)',
-          'background-variation': 'rgb(var(--on-background-variation) / <alpha-value>)',
-          surface: 'rgb(var(--on-surface) / <alpha-value>)',
-          'surface-variation': 'rgb(var(--on-surface-variation) / <alpha-value>)',
-          'primary-dark': 'rgb(var(--on-primary-dark) / <alpha-value>)',
-          'primary-variation-dark': 'rgb(var(--on-primary-variation-dark) / <alpha-value>)',
-          'secondary-dark': 'rgb(var(--on-secondary-dark) / <alpha-value>)',
-          'secondary-variation-dark': 'rgb(var(--on-secondary-variation-dark) / <alpha-value>)',
-          'accent-dark': 'rgb(var(--on-accent-dark) / <alpha-value>)',
-          'background-dark': 'rgb(var(--on-background-dark) / <alpha-value>)',
-          'background-variation-dark': 'rgb(var(--on-background-variation-dark) / <alpha-value>)',
-          'surface-dark': 'rgb(var(--on-surface-dark) / <alpha-value>)',
-          'surface-variation-dark': 'rgb(var(--on-surface-variation-dark) / <alpha-value>)',
-        },
+      on: {
+        primary: 'rgb(var(--on-primary) / <alpha-value>)',
+        'primary-variation': 'rgb(var(--on-primary-variation) / <alpha-value>)',
+        secondary: 'rgb(var(--on-secondary) / <alpha-value>)',
+        'secondary-variation': 'rgb(var(--on-secondary-variation) / <alpha-value>)',
+        accent: 'rgb(var(--on-accent) / <alpha-value>)',
+        background: 'rgb(var(--on-background) / <alpha-value>)',
+        'background-variation': 'rgb(var(--on-background-variation) / <alpha-value>)',
+        surface: 'rgb(var(--on-surface) / <alpha-value>)',
+        'surface-variation': 'rgb(var(--on-surface-variation) / <alpha-value>)',
+        'primary-dark': 'rgb(var(--on-primary-dark) / <alpha-value>)',
+        'primary-variation-dark': 'rgb(var(--on-primary-variation-dark) / <alpha-value>)',
+        'secondary-dark': 'rgb(var(--on-secondary-dark) / <alpha-value>)',
+        'secondary-variation-dark': 'rgb(var(--on-secondary-variation-dark) / <alpha-value>)',
+        'accent-dark': 'rgb(var(--on-accent-dark) / <alpha-value>)',
+        'background-dark': 'rgb(var(--on-background-dark) / <alpha-value>)',
+        'background-variation-dark': 'rgb(var(--on-background-variation-dark) / <alpha-value>)',
+        'surface-dark': 'rgb(var(--on-surface-dark) / <alpha-value>)',
+        'surface-variation-dark': 'rgb(var(--on-surface-variation-dark) / <alpha-value>)',
       },
     },
   },
-  plugins: [],
+  //},
 };