myoperator-ui 0.0.233 → 0.0.234-beta.0

package/dist/index.js

@@ -29632,6 +29632,39 @@ var CSS_VARIABLES_V3 = `@import "./lib/myoperator-ui-theme.css";
 @tailwind components;
 @tailwind utilities;
 
+/* Reset Bootstrap button styles for myOperator UI components */
+@layer components {
+  .inline-flex[class*="rounded"],
+  button.bg-\\[\\#343E55\\],
+  button.bg-\\[\\#E8EAED\\],
+  button.bg-transparent {
+    border: none;
+    box-shadow: none;
+  }
+}
+`;
+var CSS_VARIABLES_V3_BOOTSTRAP = `@import "./lib/myoperator-ui-theme.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+ * Scoped preflight for Tailwind components (tw- prefix).
+ * Since preflight is disabled to avoid breaking Bootstrap,
+ * we manually apply the essential border reset for elements
+ * that use tw-border utilities.
+ */
+[class*="tw-"] {
+  &,
+  &::before,
+  &::after {
+    border-width: 0;
+    border-style: solid;
+    border-color: theme("colors.border", currentColor);
+  }
+}
+
 /* Reset Bootstrap button styles for myOperator UI components */
 @layer components {
   .inline-flex[class*="rounded"],
@@ -29647,7 +29680,10 @@ var getTailwindConfig = (prefix = "tw-", hasBootstrap = false) => `/** @type {im
 export default {
   darkMode: ["class"],
   prefix: "${prefix}",${hasBootstrap ? `
-  important: true,  // Required to override Bootstrap styles` : ""}
+  important: true,  // Required to override Bootstrap styles
+  corePlugins: {
+    preflight: false,  // Disable Tailwind's CSS reset - Bootstrap handles base styles
+  },` : ""}
   content: [
     "./src/components/ui/**/*.{js,ts,jsx,tsx}",
     "./src/components/custom/**/*.{js,ts,jsx,tsx}",
@@ -30054,7 +30090,7 @@ export function cn(...inputs: ClassValue[]) {
     if (tailwindVersion === "v4") {
       cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
     } else {
-      cssContent = CSS_VARIABLES_V3;
+      cssContent = hasBootstrap ? CSS_VARIABLES_V3_BOOTSTRAP : CSS_VARIABLES_V3;
     }
     let cssUpdated = false;
     if (!await fs5.pathExists(globalCssPath)) {
@@ -30064,7 +30100,11 @@ export function cn(...inputs: ClassValue[]) {
     } else {
       const existingCss = await fs5.readFile(globalCssPath, "utf-8");
       const hasThemeImport = existingCss.includes("myoperator-ui-theme.css");
-      if (!hasThemeImport) {
+      const needsScopedPreflight = hasBootstrap && !existingCss.includes('[class*="tw-"]');
+      if (needsScopedPreflight) {
+        await fs5.writeFile(globalCssPath, cssContent);
+        cssUpdated = true;
+      } else if (!hasThemeImport) {
         spinner.stop();
         const result = await prompts2({
           type: "confirm",
@@ -30097,6 +30137,7 @@ export function cn(...inputs: ClassValue[]) {
         const existingConfig2 = await fs5.readFile(tailwindConfigPath, "utf-8");
         const hasLegacyColors = existingConfig2.includes("hsl(var(--destructive))") || existingConfig2.includes("hsl(var(--ring))");
         const hasSemanticColors = existingConfig2.includes("semantic-text-primary");
+        const needsBootstrapUpdate = hasBootstrap && !existingConfig2.includes("preflight");
         if (!hasLegacyColors && !hasSemanticColors) {
           await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
           tailwindUpdated = true;
@@ -30113,6 +30154,9 @@ export function cn(...inputs: ClassValue[]) {
             await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
             tailwindUpdated = true;
           }
+        } else if (needsBootstrapUpdate) {
+          await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
+          tailwindUpdated = true;
         }
       }
     }

package/package.json

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