@versini/ui-styles 8.1.0 → 8.1.2

package/dist/cli/tokens.ts

@@ -0,0 +1,137 @@
+import colors from "tailwindcss/colors";
+
+const errorColorLight = "#ff3f3f";
+const accentColor = colors.violet[300];
+
+export default {
+	colors: {
+		/**
+		 * Action tokens.
+		 * To be used for background color for interactive elements
+		 * like buttons, links, etc.
+		 * @example bg-action-dark, hover:bg-action-dark-hover
+		 */
+		"action-dark": colors.slate[600],
+		"action-dark-hover": colors.slate[700],
+		"action-dark-active": colors.slate[800],
+
+		"action-light": accentColor,
+		"action-light-hover": colors.violet[400],
+		"action-light-active": colors.violet[500],
+
+		"action-danger-dark": colors.red[900],
+		"action-danger-dark-hover": colors.red[700],
+		"action-danger-dark-active": colors.red[600],
+
+		"action-danger-light": colors.red[900],
+		"action-danger-light-hover": colors.red[700],
+		"action-danger-light-active": colors.red[600],
+
+		"action-selected-dark": colors.green[700],
+		"action-selected-dark-hover": colors.green[600],
+		"action-selected-dark-active": colors.green[500],
+
+		/**
+		 * Surface tokens.
+		 * To be used for background colors of containers, cards, modals, etc.
+		 * @example bg-surface-medium
+		 */
+		"surface-darker": colors.slate[900],
+		"surface-dark": colors.slate[700],
+		"surface-medium": colors.slate[500],
+		"surface-light": colors.slate[300],
+		"surface-lighter": colors.slate[200],
+		"surface-lightest": colors.slate[100],
+		"surface-accent": "#0071EB",
+		"surface-information": colors.violet[200],
+		"surface-success": colors.green[200],
+		"surface-warning": colors.orange[200],
+		"surface-error": colors.red[200],
+
+		/**
+		 * Typography tokens.
+		 * To be used for text colors.
+		 * @example text-copy-light, hover:text-copy-light-hover
+		 */
+		"copy-dark": colors.slate[900],
+		"copy-dark-hover": colors.slate[900],
+		"copy-dark-active": colors.slate[900],
+
+		"copy-medium": colors.slate[400],
+		"copy-medium-hover": colors.slate[400],
+		"copy-medium-active": colors.slate[400],
+
+		"copy-light": colors.slate[200],
+		"copy-light-hover": colors.slate[200],
+		"copy-light-active": colors.slate[200],
+
+		"copy-lighter": colors.white,
+		"copy-lighter-hover": colors.white,
+		"copy-lighter-active": colors.white,
+
+		"copy-error": colors.red[800],
+		"copy-error-dark": colors.red[700],
+		"copy-error-light": colors.red[500],
+
+		"copy-success": colors.green[800],
+		"copy-success-light": colors.green[500],
+
+		"copy-information": colors.violet[800],
+		"copy-warning": colors.orange[800],
+
+		"copy-accent": "#a9b9ad",
+		"copy-accent-dark": "#cde8d4",
+
+		/**
+		 * Border tokens.
+		 * To be used for border colors.
+		 * @example border-border-medium
+		 */
+		"border-dark": colors.slate[900],
+		"border-medium": colors.slate[400],
+		"border-light": colors.slate[300],
+		"border-accent": accentColor,
+
+		"border-danger-dark": colors.red[900],
+		"border-danger-medium": colors.red[400],
+		"border-danger-light": colors.red[300],
+
+		"border-selected-dark": colors.green[800],
+		"border-selected-medium": colors.green[400],
+		"border-selected-light": colors.green[300],
+
+		"border-white": colors.white,
+		"border-error-dark": colors.red[700],
+		"border-error-light": errorColorLight,
+
+		"border-information": colors.violet[400],
+		"border-success": colors.green[400],
+		"border-warning": colors.orange[400],
+		"border-error": colors.red[400],
+
+		/**
+		 * Focus tokens.
+		 * To be used for focus outlines and rings.
+		 * @example outline-focus-dark, focus:ring-focus-dark
+		 */
+		"focus-dark": colors.slate[400],
+		"focus-light": colors.slate[400],
+		"focus-error-dark": colors.red[700],
+		"focus-error-light": errorColorLight,
+
+		/**
+		 * Table tokens
+		 * To be used for table row and header backgrounds.
+		 * @example bg-table-dark-odd
+		 */
+		"table-head-dark": colors.gray[950],
+		"table-dark": colors.gray[700],
+		"table-dark-odd": colors.gray[800],
+		"table-dark-even": colors.gray[900],
+
+		"table-head-light": colors.gray[100],
+		"table-light": colors.gray[100],
+		"table-light-odd": colors.gray[200],
+		"table-light-even": colors.gray[300],
+	},
+};

package/dist/cli/ui-doctor.js

@@ -115,7 +115,13 @@ const DEFAULT_IGNORE = [
   "coverage",
   ".next",
   ".rslib",
-  "tmp"
+  "tmp",
+  "__tests__"
+];
+const EXCLUDED_FILE_PATTERNS = [
+  /\.stories\.[jt]sx?$/,
+  /\.test\.[jt]sx?$/,
+  /\.spec\.[jt]sx?$/
 ];
 function shouldIgnore(filePath, ignorePatterns) {
   const parts = filePath.split(path.sep);
@@ -125,6 +131,9 @@ function hasAllowedExtension(filePath, extensions) {
   const ext = path.extname(filePath).slice(1).toLowerCase();
   return extensions.includes(ext);
 }
+function isExcludedFile(fileName) {
+  return EXCLUDED_FILE_PATTERNS.some((pattern) => pattern.test(fileName));
+}
 function scanDirectory(dirPath, rootPath, options, results) {
   let entries;
   try {
@@ -140,7 +149,7 @@ function scanDirectory(dirPath, rootPath, options, results) {
     }
     if (entry.isDirectory()) {
       scanDirectory(fullPath, rootPath, options, results);
-    } else if (entry.isFile() && hasAllowedExtension(entry.name, options.extensions)) {
+    } else if (entry.isFile() && hasAllowedExtension(entry.name, options.extensions) && !isExcludedFile(entry.name)) {
       try {
         const content = fs.readFileSync(fullPath, "utf-8");
         results.push({
@@ -289,18 +298,15 @@ function printReport(report, json = false) {
 function getTokensFilePath() {
   const __filename = fileURLToPath(import.meta.url);
   const __dirname = dirname(__filename);
-  const possiblePaths = [
-    // From src/cli/ - development mode
-    resolve(__dirname, "../plugins/tailwindcss/tokens.ts"),
-    // From dist/cli/ - look in src/ folder
-    resolve(__dirname, "../../src/plugins/tailwindcss/tokens.ts")
-  ];
-  for (const path2 of possiblePaths) {
-    if (existsSync(path2)) {
-      return path2;
-    }
+  const prodPath = resolve(__dirname, "tokens.ts");
+  if (existsSync(prodPath)) {
+    return prodPath;
+  }
+  const devPath = resolve(__dirname, "../plugins/tailwindcss/tokens.ts");
+  if (existsSync(devPath)) {
+    return devPath;
   }
-  return possiblePaths[0];
+  return devPath;
 }
 function parseVariables(content) {
   const variables = /* @__PURE__ */ new Map();

package/dist/index.js

@@ -1,12 +1,12 @@
 /*!
-  @versini/ui-styles v8.1.0
+  @versini/ui-styles v8.1.2
   © 2025 gizmette.com
 */
 try {
   if (!window.__VERSINI_UI_STYLES__) {
     window.__VERSINI_UI_STYLES__ = {
-      version: "8.1.0",
-      buildTime: "12/21/2025 03:50 PM EST",
+      version: "8.1.2",
+      buildTime: "12/21/2025 07:20 PM EST",
       homepage: "https://www.npmjs.com/package/@versini/ui-styles",
       license: "MIT",
     };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-styles",
-	"version": "8.1.0",
+	"version": "8.1.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -43,8 +43,11 @@
 		"@tailwindcss/container-queries": "0.1.1",
 		"@tailwindcss/typography": "0.5.19",
 		"culori": "4.0.2",
-		"fs-extra": "11.3.2",
+		"fs-extra": "11.3.3",
 		"tailwindcss": "4.1.18"
 	},
-	"gitHead": "8824f7b91393041d0d23badb7a667c34c90fbc87"
+	"devDependencies": {
+		"rollup-plugin-copy": "3.5.0"
+	},
+	"gitHead": "d37b46c4678d6f10019489e00e553dbd2adeec2c"
 }