myoperator-ui 0.0.232 → 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"],
@@ -30057,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)) {
@@ -30067,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",

package/package.json

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