@cryptlex/web-components 2.0.1 → 2.0.2

package/lib/index.css

@@ -1,4 +1,6 @@
+@plugin "tailwindcss-animate";
 @import 'tailwindcss';
 @import './tokens.css';
-@import './tailwind.theme.css';
-@import './tailwind.base.css';
+@import './theme.css' layer(theme);
+@import './utilities.css';
+@import './base.css';

package/lib/{tailwind.theme.css → theme.css}

@@ -1,7 +1,4 @@
 /** https://tailwindcss.com/docs/theme#theme-variable-namespaces */
-
-@plugin "tailwindcss-animate";
-
 @theme static {
     /* Radius */
     --radius: 0.25rem;
@@ -180,59 +177,4 @@
             height: 0;
         }
     }
-}
-
-@utility link {
-    @apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
-}
-
-@utility caption {
-    @apply text-xs font-medium;
-}
-
-@utility body {
-    @apply text-sm;
-}
-
-@utility h6 {
-    @apply text-base font-bold;
-}
-
-@utility h5 {
-    @apply text-lg font-semibold;
-}
-
-@utility h4 {
-    @apply text-xl font-medium;
-}
-
-@utility h3 {
-    @apply text-2xl font-normal;
-}
-
-@utility h2 {
-    @apply text-3xl font-light;
-}
-
-@utility h1 {
-    @apply text-4xl font-extralight;
-}
-
-/* Standard height for inputs ~32px  */
-@utility h-input {
-    @apply h-8;
-}
-
-/* Standard size for icons */
-@utility size-icon {
-    @apply size-4;
-}
-
-/* Fluid grid with minimum width */
-@utility grid-fluid {
-    @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-4;
-}
-
-@utility input {
-    @apply w-full rounded-md border border-input bg-background px-3 py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
 }

package/lib/utilities.css

@@ -0,0 +1,54 @@
+@utility link {
+    @apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
+}
+
+@utility caption {
+    @apply text-xs font-medium;
+}
+
+@utility body {
+    @apply text-sm;
+}
+
+@utility h6 {
+    @apply text-base font-bold;
+}
+
+@utility h5 {
+    @apply text-lg font-semibold;
+}
+
+@utility h4 {
+    @apply text-xl font-medium;
+}
+
+@utility h3 {
+    @apply text-2xl font-normal;
+}
+
+@utility h2 {
+    @apply text-3xl font-light;
+}
+
+@utility h1 {
+    @apply text-4xl font-extralight;
+}
+
+/* Standard height for inputs ~32px  */
+@utility h-input {
+    @apply h-8;
+}
+
+/* Standard size for icons */
+@utility size-icon {
+    @apply size-4;
+}
+
+/* Fluid grid with minimum width */
+@utility grid-fluid {
+    @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-4;
+}
+
+@utility input {
+    @apply w-full rounded-md border border-input bg-background px-3 py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -13,14 +13,18 @@
       "types": "./dist/index.es.d.ts",
       "import": "./dist/index.es.js"
     },
+    "./index.css": "./lib/index.css",
     "./tokens.css": "./lib/tokens.css",
-    "./tailwind.theme.css": "./lib/tailwind.theme.css",
-    "./tailwind.base.css": "./lib/tailwind.base.css"
+    "./theme.css": "./lib/theme.css",
+    "./base.css": "./lib/base.css",
+    "./utilities.css": "./lib/utilities.css"
   },
   "files": [
     "dist",
-    "lib/tailwind.theme.css",
-    "lib/tailwind.base.css",
+    "lib/index.css",
+    "lib/theme.css",
+    "lib/base.css",
+    "lib/utilities.css",
     "lib/tokens.css",
     "lib/index.css"
   ],