@versini/ui-styles 8.2.2 → 8.3.1

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],
@@ -136,5 +137,8 @@ export default {
 		"table-light-hover": colors.slate[300],
 		"table-light-odd": colors.gray[200],
 		"table-light-even": colors.gray[300],
+
+		"table-active-light": colors.red[700],
+		"table-active-dark": colors.red[500],
 	},
 };

package/dist/index.js

@@ -1,6 +1,6 @@
 /*!
-  @versini/ui-styles v8.2.2
-  © 2025 gizmette.com
+  @versini/ui-styles v8.3.1
+  © 2026 gizmette.com
 */
 
 import container_queries from "@tailwindcss/container-queries";
@@ -9,13 +9,9 @@ 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": {
         "50%": {
@@ -33,7 +29,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 +50,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 +66,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 +77,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 +88,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 +115,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 +146,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"],
@@ -234,11 +225,12 @@ const accentColor = colors.violet["300"];
         "table-light": colors.gray["100"],
         "table-light-hover": colors.slate["300"],
         "table-light-odd": colors.gray["200"],
-        "table-light-even": colors.gray["300"]
+        "table-light-even": colors.gray["300"],
+        "table-active-light": colors.red["700"],
+        "table-active-dark": colors.red["500"]
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/colors.ts
 
 
 const formatFallbackOKLCH = (color)=>{
@@ -257,7 +249,6 @@ const dynamicColors = ()=>{
 };
 /* export default */ const tailwindcss_colors = (dynamicColors());
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/typography.ts
 
 const typography_typography = ({ theme })=>({
         DEFAULT: {
@@ -380,7 +371,6 @@ const typography_typography = ({ theme })=>({
     });
 /* export default */ const tailwindcss_typography = (typography_typography);
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/theme.ts
 
 
 /* export default */ const tailwindcss_theme = ({
@@ -392,7 +382,6 @@ const typography_typography = ({ theme })=>({
     }
 });
 
-;// CONCATENATED MODULE: ./src/plugins/tailwindcss/tailwindPlugin.ts
 
 
 
@@ -463,7 +452,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.2.2",
+	"version": "8.3.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"devDependencies": {
 		"rollup-plugin-copy": "3.5.0"
 	},
-	"gitHead": "04a29ca9e4e6697942e9d8414f82b65fbd38e0ab"
+	"gitHead": "7c76dd8543839e693f0ad12980f8de01ad2ab123"
 }