Update to v0.16.0

esm2022/public-api.mjs

@@ -1,7 +1,7 @@
 /*
  * Public API Surface of circletone
  */
-export * from './tailwind-preset';
 export * from './lib/components/atoms/button/button.component';
 export * from './lib/components/atoms/icon/icon.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG1CQUFtQixDQUFDO0FBRWxDLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY2lyY2xldG9uZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vdGFpbHdpbmQtcHJlc2V0JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2ljb24vaWNvbi5jb21wb25lbnQnO1xuIl19
+export * from './tailwind-preset';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY2lyY2xldG9uZVxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvaWNvbi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RhaWx3aW5kLXByZXNldCc7XG4iXX0=

fesm2022/circletone.mjs

@@ -2,64 +2,6 @@ import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 
-const tailwindPreset = {
-    theme: {
-        extend: {
-            darkMode: 'class',
-            fontFamily: {
-                primary: 'var(--font-primary)',
-                title: 'var(--font-title)',
-            },
-            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>)',
-                },
-            },
-        },
-    },
-};
-
 class ButtonComponent {
     constructor() {
         this.text = '';
@@ -129,6 +71,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }] } });
 
+const tailwindPreset = {
+    theme: {
+        extend: {
+            darkMode: 'class',
+            fontFamily: {
+                primary: 'var(--font-primary)',
+                title: 'var(--font-title)',
+            },
+            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>)',
+                },
+            },
+        },
+    },
+};
+
 /*
  * Public API Surface of circletone
  */

package.json

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

public-api.d.ts

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

src/assets/icons.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
+    <symbol id="information-circle" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+    </symbol>
+</svg>