myoperator-ui 0.0.119 → 0.0.121

package/dist/index.js

@@ -6972,6 +6972,7 @@ export default {
     },
     extend: {
       colors: {
+        // Legacy shadcn colors
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
@@ -7005,6 +7006,71 @@ export default {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
+        // Semantic colors - Primary UI
+        "semantic-primary": "var(--semantic-primary)",
+        "semantic-primary-hover": "var(--semantic-primary-hover)",
+        "semantic-primary-selected": "var(--semantic-primary-selected)",
+        "semantic-primary-selected-hover": "var(--semantic-primary-selected-hover)",
+        "semantic-primary-highlighted": "var(--semantic-primary-highlighted)",
+        "semantic-primary-surface": "var(--semantic-primary-surface)",
+        // Semantic colors - Brand
+        "semantic-brand": "var(--semantic-brand)",
+        "semantic-brand-hover": "var(--semantic-brand-hover)",
+        "semantic-brand-selected": "var(--semantic-brand-selected)",
+        "semantic-brand-selected-hover": "var(--semantic-brand-selected-hover)",
+        "semantic-brand-highlighted": "var(--semantic-brand-highlighted)",
+        "semantic-brand-surface": "var(--semantic-brand-surface)",
+        // Semantic colors - Background
+        "semantic-bg-primary": "var(--semantic-bg-primary)",
+        "semantic-bg-secondary": "var(--semantic-bg-secondary)",
+        "semantic-bg-ui": "var(--semantic-bg-ui)",
+        "semantic-bg-grey": "var(--semantic-bg-grey)",
+        "semantic-bg-grey-hover": "var(--semantic-bg-grey-hover)",
+        "semantic-bg-inverted": "var(--semantic-bg-inverted)",
+        "semantic-bg-hover": "var(--semantic-bg-hover)",
+        // Semantic colors - Text
+        "semantic-text-primary": "var(--semantic-text-primary)",
+        "semantic-text-secondary": "var(--semantic-text-secondary)",
+        "semantic-text-placeholder": "var(--semantic-text-placeholder)",
+        "semantic-text-link": "var(--semantic-text-link)",
+        "semantic-text-inverted": "var(--semantic-text-inverted)",
+        "semantic-text-muted": "var(--semantic-text-muted)",
+        // Semantic colors - Border
+        "semantic-border-primary": "var(--semantic-border-primary)",
+        "semantic-border-secondary": "var(--semantic-border-secondary)",
+        "semantic-border-accent": "var(--semantic-border-accent)",
+        "semantic-border-layout": "var(--semantic-border-layout)",
+        "semantic-border-input": "var(--semantic-border-input)",
+        "semantic-border-input-focus": "var(--semantic-border-input-focus)",
+        // Semantic colors - Disabled
+        "semantic-disabled-primary": "var(--semantic-disabled-primary)",
+        "semantic-disabled-secondary": "var(--semantic-disabled-secondary)",
+        "semantic-disabled-text": "var(--semantic-disabled-text)",
+        "semantic-disabled-border": "var(--semantic-disabled-border)",
+        // Semantic colors - Error
+        "semantic-error-primary": "var(--semantic-error-primary)",
+        "semantic-error-surface": "var(--semantic-error-surface)",
+        "semantic-error-text": "var(--semantic-error-text)",
+        "semantic-error-border": "var(--semantic-error-border)",
+        "semantic-error-hover": "var(--semantic-error-hover)",
+        // Semantic colors - Warning
+        "semantic-warning-primary": "var(--semantic-warning-primary)",
+        "semantic-warning-surface": "var(--semantic-warning-surface)",
+        "semantic-warning-text": "var(--semantic-warning-text)",
+        "semantic-warning-border": "var(--semantic-warning-border)",
+        "semantic-warning-hover": "var(--semantic-warning-hover)",
+        // Semantic colors - Success
+        "semantic-success-primary": "var(--semantic-success-primary)",
+        "semantic-success-surface": "var(--semantic-success-surface)",
+        "semantic-success-text": "var(--semantic-success-text)",
+        "semantic-success-border": "var(--semantic-success-border)",
+        "semantic-success-hover": "var(--semantic-success-hover)",
+        // Semantic colors - Info
+        "semantic-info-primary": "var(--semantic-info-primary)",
+        "semantic-info-surface": "var(--semantic-info-surface)",
+        "semantic-info-text": "var(--semantic-info-text)",
+        "semantic-info-border": "var(--semantic-info-border)",
+        "semantic-info-hover": "var(--semantic-info-hover)",
       },
       borderRadius: {
         lg: "var(--radius)",
@@ -7260,22 +7326,23 @@ export function cn(...inputs: ClassValue[]) {
       cssUpdated = true;
     } else {
       const existingCss = await fs3.readFile(globalCssPath, "utf-8");
-      if (!existingCss.includes("myOperator UI") && !existingCss.includes("--mo-background:")) {
-        let updateCss = tailwindVersion === "v3";
-        if (!updateCss) {
-          spinner.stop();
-          const result = await prompts2({
-            type: "confirm",
-            name: "updateCss",
-            message: `${globalCss} exists. Add myOperator UI imports to the top?`,
-            initial: true
-          });
-          updateCss = result.updateCss;
-          spinner.start("Initializing project...");
-        }
-        if (updateCss) {
-          if (hasBootstrap) {
-            await fs3.writeFile(globalCssPath, cssContent + existingCss);
+      const hasSemanticVariables = existingCss.includes("--semantic-text-primary");
+      if (!hasSemanticVariables) {
+        spinner.stop();
+        const result = await prompts2({
+          type: "confirm",
+          name: "updateCss",
+          message: `${globalCss} is missing semantic CSS variables. Update with full variable set?`,
+          initial: true
+        });
+        spinner.start("Initializing project...");
+        if (result.updateCss) {
+          const customImports = existingCss.match(/@import\s+["'][^"']+["'];?\s*$/gm) || [];
+          const importsToKeep = customImports.filter(
+            (imp) => !imp.includes("tailwindcss") && !imp.includes("@tailwind")
+          ).join("\n");
+          if (importsToKeep) {
+            await fs3.writeFile(globalCssPath, cssContent + "\n" + importsToKeep + "\n");
           } else {
             await fs3.writeFile(globalCssPath, cssContent);
           }
@@ -7291,9 +7358,24 @@ export function cn(...inputs: ClassValue[]) {
         tailwindUpdated = true;
       } else {
         const existingConfig = await fs3.readFile(tailwindConfigPath, "utf-8");
-        if (!existingConfig.includes("hsl(var(--destructive))") && !existingConfig.includes("hsl(var(--ring))")) {
+        const hasLegacyColors = existingConfig.includes("hsl(var(--destructive))") || existingConfig.includes("hsl(var(--ring))");
+        const hasSemanticColors = existingConfig.includes("semantic-text-primary");
+        if (!hasLegacyColors && !hasSemanticColors) {
           await fs3.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
           tailwindUpdated = true;
+        } else if (hasLegacyColors && !hasSemanticColors) {
+          spinner.stop();
+          const result = await prompts2({
+            type: "confirm",
+            name: "updateTailwind",
+            message: `${tailwindConfig} is missing semantic color tokens. Update with full color set?`,
+            initial: true
+          });
+          spinner.start("Initializing project...");
+          if (result.updateTailwind) {
+            await fs3.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
+            tailwindUpdated = true;
+          }
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.119",
+  "version": "0.0.121",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",