@versini/ui-styles 8.3.0 → 8.3.2

package/dist/cli/tokens.ts

@@ -36,6 +36,7 @@ export default {
 		 * To be used for background colors of containers, cards, modals, etc.
 		 * @example bg-surface-medium
 		 */
+		"surface-darkest": colors.black,
 		"surface-darker": colors.slate[900],
 		"surface-dark": colors.slate[700],
 		"surface-medium": colors.slate[500],

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-styles v8.3.0
+  @versini/ui-styles v8.3.2
   © 2026 gizmette.com
 */
 
@@ -9,15 +9,26 @@ import tailwindcss_plugin from "tailwindcss/plugin";
 import { oklch } from "culori";
 import colors from "tailwindcss/colors";
 
-;// CONCATENATED MODULE: external "@tailwindcss/container-queries"
 
-;// CONCATENATED MODULE: external "@tailwindcss/typography"
 
-;// CONCATENATED MODULE: external "tailwindcss/plugin"
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/components/spinner.ts
 /* export default */ const spinner = ({
-    "@keyframes blink": {
+    /**
+	 * Spin animation for circular spinner.
+	 * This ensures the animation is always available even if Tailwind's
+	 * default keyframes are not generated (e.g., due to CSS purging or
+	 * class scanning issues in consuming apps).
+	 */ "@keyframes spin": {
+        to: {
+            transform: "rotate(360deg)"
+        }
+    },
+    ".animate-spin": {
+        animation: "spin 1s linear infinite"
+    },
+    /**
+	 * Blink animation for dots spinner.
+	 */ "@keyframes blink": {
         "50%": {
             fill: "transparent"
         }
@@ -33,7 +44,6 @@ import colors from "tailwindcss/colors";
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/components/textArea.ts
 /* export default */ const textArea = ({
     '.av-text-area-wrapper label[aria-hidden="true"]': {
         /* move the label inline */ transformOrigin: "top left",
@@ -55,7 +65,6 @@ import colors from "tailwindcss/colors";
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/components/textInput.ts
 /* export default */ const textInput = ({
     '.av-text-input-wrapper label[aria-hidden="true"]': {
         /* move the label inline */ transform: "translate(12px, 0) scale(1)",
@@ -72,7 +81,6 @@ import colors from "tailwindcss/colors";
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/components/tooltip.ts
 /* export default */ const tooltip = ({
     "@keyframes av-tooltip-fade-in": {
         from: {
@@ -84,7 +92,6 @@ import colors from "tailwindcss/colors";
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/list.ts
 /**
  * This file was automatically generated.
  * Please do not edit manually.
@@ -96,6 +103,7 @@ import colors from "tailwindcss/colors";
     "@versini/ui-bubble",
     "@versini/ui-button",
     "@versini/ui-card",
+    "@versini/ui-datagrid",
     "@versini/ui-debug-overlay",
     "@versini/ui-dialog",
     "@versini/ui-dropdown",
@@ -122,11 +130,8 @@ import colors from "tailwindcss/colors";
     "@versini/ui-utilities"
 ];
 
-;// CONCATENATED MODULE: external "culori"
 
-;// CONCATENATED MODULE: external "tailwindcss/colors"
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/tokens.ts
 
 const errorColorLight = "#ff3f3f";
 const accentColor = colors.violet["300"];
@@ -156,7 +161,8 @@ const accentColor = colors.violet["300"];
 		 * Surface tokens.
 		 * To be used for background colors of containers, cards, modals, etc.
 		 * @example bg-surface-medium
-		 */ "surface-darker": colors.slate["900"],
+		 */ "surface-darkest": colors.black,
+        "surface-darker": colors.slate["900"],
         "surface-dark": colors.slate["700"],
         "surface-medium": colors.slate["500"],
         "surface-light": colors.slate["300"],
@@ -240,7 +246,6 @@ const accentColor = colors.violet["300"];
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/colors.ts
 
 
 const formatFallbackOKLCH = (color)=>{
@@ -259,7 +264,6 @@ const dynamicColors = ()=>{
 };
 /* export default */ const tailwindcss_colors = (dynamicColors());
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/typography.ts
 
 const typography_typography = ({ theme })=>({
         DEFAULT: {
@@ -382,7 +386,6 @@ const typography_typography = ({ theme })=>({
     });
 /* export default */ const tailwindcss_typography = (typography_typography);
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/theme.ts
 
 
 /* export default */ const tailwindcss_theme = ({
@@ -394,7 +397,6 @@ const typography_typography = ({ theme })=>({
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/tailwindPlugin.ts
 
 
 
@@ -465,7 +467,6 @@ const typography_typography = ({ theme })=>({
     }
 };
 
-;// CONCATENATED MODULE: ./src/plugins/index.ts
 
 
 export { twPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-styles",
-	"version": "8.3.0",
+	"version": "8.3.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"devDependencies": {
 		"rollup-plugin-copy": "3.5.0"
 	},
-	"gitHead": "bd6eff3f29dfa61a45b389362fff5d0e65080828"
+	"gitHead": "405b6e7a94a3a17e71f7e49c2456bca4c127832c"
 }