@breadstone/mosaik-themes 0.0.175 → 0.0.177

package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs

@@ -1,41 +1,49 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+
 const plugin = require('tailwindcss/plugin');
 
-module.exports = {
-  theme: {
+module.exports = plugin(function({ addUtilities, theme, e }) {
+  // Optional: Add custom utilities here
+  // Example: Custom shadow utilities
+  // const shadows = theme('boxShadow') || {};
+  // const shadowUtils = Object.entries(shadows).reduce((acc, [key, value]) => {
+  //   acc['.' + e('shadow-' + key)] = { boxShadow: value };
+  //   return acc;
+  // }, {});
+  // addUtilities(shadowUtils);
+}, {
   "extend": {
     "fontFamily": {
-      "font.family": "'Inter', Roboto, Helvetica, sans-serif"
+      "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
+    },
+    "borderRadius": {
+      "DEFAULT": "12px"
     },
     "spacing": {
-      "layout.radius": "12px",
-      "layout.space": "8px",
-      "layout.thickness": "2px",
-      "size.tiny": "2px",
-      "size.small": "4px",
-      "size.medium": "8px",
-      "size.large": "16px",
-      "size.giant": "32px"
+      "DEFAULT": "8px"
+    },
+    "borderWidth": {
+      "DEFAULT": "2px"
     },
     "colors": {
-      "color": {
-        "light": {
-          "primary": "rgb(98, 0, 238)",
-          "secondary": "rgb(55, 0, 179)",
-          "tertiary": "rgb(3, 218, 198)"
-        }
+      "primary": {
+        "DEFAULT": "oklch(48.14% 0.2784 286.55)"
+      },
+      "secondary": {
+        "DEFAULT": "oklch(37.32% 0.2273 279.07)"
+      },
+      "tertiary": {
+        "DEFAULT": "oklch(79.79% 0.1416 183.25)"
       }
+    },
+    "boxShadow": {
+      "DEFAULT": "none"
     }
   }
-},
-  plugins: [
-    plugin(function({ addUtilities, theme, e }) {
-      const shadows = theme('boxShadow') || {};
-      const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
-        acc['.' + e('shadow-' + key)] = { boxShadow: value };
-        return acc;
-      }, {});
-      addUtilities(utils, ['responsive', 'hover', 'focus']);
-      // You can extend with more utilities here (spacing, radii, etc.)
-    })
-  ]
-};
+});