Update to v0.6.0

fesm2022/circletone.mjs

@@ -5,61 +5,61 @@ 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>)',
+        extend: {
+            darkMode: 'class',
+            fontFamily: {
+                primary: 'var(--font-primary)',
+                title: 'var(--font-title)',
             },
-            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>)',
+            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 {

package.json

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

tailwind-preset.d.ts

@@ -1,411 +1,413 @@
 /** @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: {
+        extend: {
+            darkMode: string;
+            fontFamily: {
                 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";
+                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";
+                };
             };
         };
     };