Update to v0.4.0

esm2022/public-api.mjs

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

fesm2022/circletone.mjs

@@ -1,6 +1,67 @@
+import * as colors from 'tailwindcss/colors';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 
+/** @type {import('tailwindcss').Config} */
+const tailwindPreset = {
+    theme: {
+        //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>)',
+            },
+            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 = '';
@@ -27,5 +88,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent };
+export { ButtonComponent, tailwindPreset };
 //# sourceMappingURL=circletone.mjs.map

package.json

@@ -1,12 +1,12 @@
 {
   "name": "circletone",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0"
   },
   "exports": {
-    "./tailwind.config": "./tailwind.preset.js",
+    "./tailwind.config": "./esm2022/tailwind-preset.mjs",
     "./package.json": {
       "default": "./package.json"
     },

public-api.d.ts

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

tailwind-preset.d.ts

@@ -0,0 +1,412 @@
+/** @type {import('tailwindcss').Config} */
+export declare const tailwindPreset: {
+    theme: {
+        darkMode: string;
+        fontFamily: {
+            primary: string;
+            title: string;
+        };
+        colors: {
+            primary: {
+                DEFAULT: string;
+                dark: string;
+                variation: string;
+                'variation-dark': string;
+            };
+            secondary: {
+                DEFAULT: string;
+                dark: string;
+            };
+            background: {
+                DEFAULT: string;
+                dark: string;
+            };
+            surface: {
+                DEFAULT: string;
+                variation: string;
+                dark: string;
+                'variation-dark': string;
+            };
+            accent: {
+                DEFAULT: string;
+                dark: string;
+            };
+            on: {
+                primary: string;
+                'primary-variation': string;
+                secondary: string;
+                'secondary-variation': string;
+                accent: string;
+                background: string;
+                'background-variation': string;
+                surface: string;
+                'surface-variation': string;
+                'primary-dark': string;
+                'primary-variation-dark': string;
+                'secondary-dark': string;
+                'secondary-variation-dark': string;
+                'accent-dark': string;
+                'background-dark': string;
+                'background-variation-dark': string;
+                'surface-dark': string;
+                'surface-variation-dark': string;
+            };
+            inherit: "inherit";
+            current: "currentColor";
+            transparent: "transparent";
+            black: "#000";
+            white: "#fff";
+            slate: {
+                '50': "#f8fafc";
+                '100': "#f1f5f9";
+                '200': "#e2e8f0";
+                '300': "#cbd5e1";
+                '400': "#94a3b8";
+                '500': "#64748b";
+                '600': "#475569";
+                '700': "#334155";
+                '800': "#1e293b";
+                '900': "#0f172a";
+                '950': "#020617";
+            };
+            gray: {
+                '50': "#f9fafb";
+                '100': "#f3f4f6";
+                '200': "#e5e7eb";
+                '300': "#d1d5db";
+                '400': "#9ca3af";
+                '500': "#6b7280";
+                '600': "#4b5563";
+                '700': "#374151";
+                '800': "#1f2937";
+                '900': "#111827";
+                '950': "#030712";
+            };
+            zinc: {
+                '50': "#fafafa";
+                '100': "#f4f4f5";
+                '200': "#e4e4e7";
+                '300': "#d4d4d8";
+                '400': "#a1a1aa";
+                '500': "#71717a";
+                '600': "#52525b";
+                '700': "#3f3f46";
+                '800': "#27272a";
+                '900': "#18181b";
+                '950': "#09090b";
+            };
+            neutral: {
+                '50': "#fafafa";
+                '100': "#f5f5f5";
+                '200': "#e5e5e5";
+                '300': "#d4d4d4";
+                '400': "#a3a3a3";
+                '500': "#737373";
+                '600': "#525252";
+                '700': "#404040";
+                '800': "#262626";
+                '900': "#171717";
+                '950': "#0a0a0a";
+            };
+            stone: {
+                '50': "#fafaf9";
+                '100': "#f5f5f4";
+                '200': "#e7e5e4";
+                '300': "#d6d3d1";
+                '400': "#a8a29e";
+                '500': "#78716c";
+                '600': "#57534e";
+                '700': "#44403c";
+                '800': "#292524";
+                '900': "#1c1917";
+                '950': "#0c0a09";
+            };
+            red: {
+                '50': "#fef2f2";
+                '100': "#fee2e2";
+                '200': "#fecaca";
+                '300': "#fca5a5";
+                '400': "#f87171";
+                '500': "#ef4444";
+                '600': "#dc2626";
+                '700': "#b91c1c";
+                '800': "#991b1b";
+                '900': "#7f1d1d";
+                '950': "#450a0a";
+            };
+            orange: {
+                '50': "#fff7ed";
+                '100': "#ffedd5";
+                '200': "#fed7aa";
+                '300': "#fdba74";
+                '400': "#fb923c";
+                '500': "#f97316";
+                '600': "#ea580c";
+                '700': "#c2410c";
+                '800': "#9a3412";
+                '900': "#7c2d12";
+                '950': "#431407";
+            };
+            amber: {
+                '50': "#fffbeb";
+                '100': "#fef3c7";
+                '200': "#fde68a";
+                '300': "#fcd34d";
+                '400': "#fbbf24";
+                '500': "#f59e0b";
+                '600': "#d97706";
+                '700': "#b45309";
+                '800': "#92400e";
+                '900': "#78350f";
+                '950': "#451a03";
+            };
+            yellow: {
+                '50': "#fefce8";
+                '100': "#fef9c3";
+                '200': "#fef08a";
+                '300': "#fde047";
+                '400': "#facc15";
+                '500': "#eab308";
+                '600': "#ca8a04";
+                '700': "#a16207";
+                '800': "#854d0e";
+                '900': "#713f12";
+                '950': "#422006";
+            };
+            lime: {
+                '50': "#f7fee7";
+                '100': "#ecfccb";
+                '200': "#d9f99d";
+                '300': "#bef264";
+                '400': "#a3e635";
+                '500': "#84cc16";
+                '600': "#65a30d";
+                '700': "#4d7c0f";
+                '800': "#3f6212";
+                '900': "#365314";
+                '950': "#1a2e05";
+            };
+            green: {
+                '50': "#f0fdf4";
+                '100': "#dcfce7";
+                '200': "#bbf7d0";
+                '300': "#86efac";
+                '400': "#4ade80";
+                '500': "#22c55e";
+                '600': "#16a34a";
+                '700': "#15803d";
+                '800': "#166534";
+                '900': "#14532d";
+                '950': "#052e16";
+            };
+            emerald: {
+                '50': "#ecfdf5";
+                '100': "#d1fae5";
+                '200': "#a7f3d0";
+                '300': "#6ee7b7";
+                '400': "#34d399";
+                '500': "#10b981";
+                '600': "#059669";
+                '700': "#047857";
+                '800': "#065f46";
+                '900': "#064e3b";
+                '950': "#022c22";
+            };
+            teal: {
+                '50': "#f0fdfa";
+                '100': "#ccfbf1";
+                '200': "#99f6e4";
+                '300': "#5eead4";
+                '400': "#2dd4bf";
+                '500': "#14b8a6";
+                '600': "#0d9488";
+                '700': "#0f766e";
+                '800': "#115e59";
+                '900': "#134e4a";
+                '950': "#042f2e";
+            };
+            cyan: {
+                '50': "#ecfeff";
+                '100': "#cffafe";
+                '200': "#a5f3fc";
+                '300': "#67e8f9";
+                '400': "#22d3ee";
+                '500': "#06b6d4";
+                '600': "#0891b2";
+                '700': "#0e7490";
+                '800': "#155e75";
+                '900': "#164e63";
+                '950': "#083344";
+            };
+            sky: {
+                '50': "#f0f9ff";
+                '100': "#e0f2fe";
+                '200': "#bae6fd";
+                '300': "#7dd3fc";
+                '400': "#38bdf8";
+                '500': "#0ea5e9";
+                '600': "#0284c7";
+                '700': "#0369a1";
+                '800': "#075985";
+                '900': "#0c4a6e";
+                '950': "#082f49";
+            };
+            blue: {
+                '50': "#eff6ff";
+                '100': "#dbeafe";
+                '200': "#bfdbfe";
+                '300': "#93c5fd";
+                '400': "#60a5fa";
+                '500': "#3b82f6";
+                '600': "#2563eb";
+                '700': "#1d4ed8";
+                '800': "#1e40af";
+                '900': "#1e3a8a";
+                '950': "#172554";
+            };
+            indigo: {
+                '50': "#eef2ff";
+                '100': "#e0e7ff";
+                '200': "#c7d2fe";
+                '300': "#a5b4fc";
+                '400': "#818cf8";
+                '500': "#6366f1";
+                '600': "#4f46e5";
+                '700': "#4338ca";
+                '800': "#3730a3";
+                '900': "#312e81";
+                '950': "#1e1b4b";
+            };
+            violet: {
+                '50': "#f5f3ff";
+                '100': "#ede9fe";
+                '200': "#ddd6fe";
+                '300': "#c4b5fd";
+                '400': "#a78bfa";
+                '500': "#8b5cf6";
+                '600': "#7c3aed";
+                '700': "#6d28d9";
+                '800': "#5b21b6";
+                '900': "#4c1d95";
+                '950': "#2e1065";
+            };
+            purple: {
+                '50': "#faf5ff";
+                '100': "#f3e8ff";
+                '200': "#e9d5ff";
+                '300': "#d8b4fe";
+                '400': "#c084fc";
+                '500': "#a855f7";
+                '600': "#9333ea";
+                '700': "#7e22ce";
+                '800': "#6b21a8";
+                '900': "#581c87";
+                '950': "#3b0764";
+            };
+            fuchsia: {
+                '50': "#fdf4ff";
+                '100': "#fae8ff";
+                '200': "#f5d0fe";
+                '300': "#f0abfc";
+                '400': "#e879f9";
+                '500': "#d946ef";
+                '600': "#c026d3";
+                '700': "#a21caf";
+                '800': "#86198f";
+                '900': "#701a75";
+                '950': "#4a044e";
+            };
+            pink: {
+                '50': "#fdf2f8";
+                '100': "#fce7f3";
+                '200': "#fbcfe8";
+                '300': "#f9a8d4";
+                '400': "#f472b6";
+                '500': "#ec4899";
+                '600': "#db2777";
+                '700': "#be185d";
+                '800': "#9d174d";
+                '900': "#831843";
+                '950': "#500724";
+            };
+            rose: {
+                '50': "#fff1f2";
+                '100': "#ffe4e6";
+                '200': "#fecdd3";
+                '300': "#fda4af";
+                '400': "#fb7185";
+                '500': "#f43f5e";
+                '600': "#e11d48";
+                '700': "#be123c";
+                '800': "#9f1239";
+                '900': "#881337";
+                '950': "#4c0519";
+            };
+            lightBlue: {
+                '50': "#f0f9ff";
+                '100': "#e0f2fe";
+                '200': "#bae6fd";
+                '300': "#7dd3fc";
+                '400': "#38bdf8";
+                '500': "#0ea5e9";
+                '600': "#0284c7";
+                '700': "#0369a1";
+                '800': "#075985";
+                '900': "#0c4a6e";
+                '950': "#082f49";
+            };
+            warmGray: {
+                '50': "#fafaf9";
+                '100': "#f5f5f4";
+                '200': "#e7e5e4";
+                '300': "#d6d3d1";
+                '400': "#a8a29e";
+                '500': "#78716c";
+                '600': "#57534e";
+                '700': "#44403c";
+                '800': "#292524";
+                '900': "#1c1917";
+                '950': "#0c0a09";
+            };
+            trueGray: {
+                '50': "#fafafa";
+                '100': "#f5f5f5";
+                '200': "#e5e5e5";
+                '300': "#d4d4d4";
+                '400': "#a3a3a3";
+                '500': "#737373";
+                '600': "#525252";
+                '700': "#404040";
+                '800': "#262626";
+                '900': "#171717";
+                '950': "#0a0a0a";
+            };
+            coolGray: {
+                '50': "#f9fafb";
+                '100': "#f3f4f6";
+                '200': "#e5e7eb";
+                '300': "#d1d5db";
+                '400': "#9ca3af";
+                '500': "#6b7280";
+                '600': "#4b5563";
+                '700': "#374151";
+                '800': "#1f2937";
+                '900': "#111827";
+                '950': "#030712";
+            };
+            blueGray: {
+                '50': "#f8fafc";
+                '100': "#f1f5f9";
+                '200': "#e2e8f0";
+                '300': "#cbd5e1";
+                '400': "#94a3b8";
+                '500': "#64748b";
+                '600': "#475569";
+                '700': "#334155";
+                '800': "#1e293b";
+                '900': "#0f172a";
+                '950': "#020617";
+            };
+        };
+    };
+};