@basis-ng/styles 0.0.1-alpha.132 → 0.0.1-alpha.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-ng/styles",
-  "version": "0.0.1-alpha.132",
+  "version": "0.0.1-alpha.134",
   "description": "CSS foundation for @basis-ng/primitives components",
   "main": "src/index.css",
   "exports": {
@@ -17,7 +17,6 @@
     "./label": "./src/components/label.css",
     "./menu": "./src/components/menu.css",
     "./option": "./src/components/option.css",
-    "./popover": "./src/components/popover.css",
     "./range": "./src/components/range.css",
     "./row-item": "./src/components/row-item.css",
     "./row": "./src/components/row.css",

package/src/components/button.css

@@ -16,18 +16,16 @@ button[b-button] {
     @apply dark:bg-primary-dark dark:text-primary-foreground-dark dark:hover:bg-primary-dark/80;
   }
   &.b-variant-secondary {
-    @apply bg-secondary text-secondary-foreground hover:bg-secondary/80;
-    @apply dark:bg-secondary-dark dark:text-secondary-foreground-dark dark:hover:bg-secondary-dark/80;
+    @apply bg-primary/10 text-primary hover:bg-primary/20;
+    @apply dark:bg-primary-dark/20 dark:text-primary-dark dark:hover:bg-primary-dark/30;
   }
   &.b-variant-ghost {
-    /* Ghost is transparent with a subtle hover; text uses secondary foreground */
-    @apply bg-transparent text-secondary-foreground hover:bg-secondary;
-    @apply dark:text-secondary-foreground-dark dark:hover:bg-secondary-dark;
+    @apply bg-transparent text-primary hover:bg-primary/10;
+    @apply dark:text-primary-dark dark:hover:bg-primary-dark/20;
   }
   &.b-variant-outlined {
-    /* Outlined keeps a transparent background and an inset ring */
-    @apply bg-secondary/10 text-secondary-foreground inset-ring inset-ring-ring hover:bg-primary/5 shadow-xs;
-    @apply dark:bg-secondary-dark/40 dark:text-secondary-foreground-dark dark:inset-ring-ring-dark dark:hover:bg-primary-dark/5 shadow-xs;
+    @apply bg-transparent text-primary border border-primary/20 hover:bg-primary/5 shadow-xs;
+    @apply dark:bg-transparent dark:text-primary-dark dark:border-primary-dark/30 dark:hover:bg-primary-dark/10 shadow-xs;
   }
   &.b-variant-destructive {
     @apply bg-destructive text-destructive-foreground inset-ring-1 inset-ring-destructive hover:bg-destructive/90 hover:inset-ring-destructive/80;

package/src/index.css

@@ -66,7 +66,6 @@
 @import './components/command.css';
 @import './components/command-options.css';
 @import './components/option.css';
-@import './components/popover.css';
 @import './components/sheet.css';
 @import './components/spinner.css';
 @import './components/switch.css';

package/src/components/popover.css

@@ -1,8 +0,0 @@
-b-popover-content {
-  @apply whitespace-normal rounded-lg shadow flex items-start justify-center gap-1.5 bg-background text-sm font-sans px-3 py-2  max-w-xs sm:max-w-lg;
-  @apply dark:bg-background-dark;
-
-  /* Use the same look as tooltip secondary by default */
-  @apply bg-secondary text-secondary-foreground;
-  @apply dark:bg-secondary-dark dark:text-secondary-foreground-dark;
-}