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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/button.css +6 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.133",
3
+ "version": "0.0.1-alpha.134",
4
4
  "description": "CSS foundation for @basis-ng/primitives components",
5
5
  "main": "src/index.css",
6
6
  "exports": {
package/src/components/button.css CHANGED
@@ -16,18 +16,16 @@ button[b-button] {
16
16
  @apply dark:bg-primary-dark dark:text-primary-foreground-dark dark:hover:bg-primary-dark/80;
17
17
  }
18
18
  &.b-variant-secondary {
19
- @apply bg-secondary text-secondary-foreground hover:bg-secondary/80;
20
- @apply dark:bg-secondary-dark dark:text-secondary-foreground-dark dark:hover:bg-secondary-dark/80;
19
+ @apply bg-primary/10 text-primary hover:bg-primary/20;
20
+ @apply dark:bg-primary-dark/20 dark:text-primary-dark dark:hover:bg-primary-dark/30;
21
21
  }
22
22
  &.b-variant-ghost {
23
- /* Ghost is transparent with a subtle hover; text uses secondary foreground */
24
- @apply bg-transparent text-secondary-foreground hover:bg-secondary;
25
- @apply dark:text-secondary-foreground-dark dark:hover:bg-secondary-dark;
23
+ @apply bg-transparent text-primary hover:bg-primary/10;
24
+ @apply dark:text-primary-dark dark:hover:bg-primary-dark/20;
26
25
  }
27
26
  &.b-variant-outlined {
28
- /* Outlined keeps a transparent background and an inset ring */
29
- @apply bg-secondary/10 text-secondary-foreground inset-ring inset-ring-ring hover:bg-primary/5 shadow-xs;
30
- @apply dark:bg-secondary-dark/40 dark:text-secondary-foreground-dark dark:inset-ring-ring-dark dark:hover:bg-primary-dark/5 shadow-xs;
27
+ @apply bg-transparent text-primary border border-primary/20 hover:bg-primary/5 shadow-xs;
28
+ @apply dark:bg-transparent dark:text-primary-dark dark:border-primary-dark/30 dark:hover:bg-primary-dark/10 shadow-xs;
31
29
  }
32
30
  &.b-variant-destructive {
33
31
  @apply bg-destructive text-destructive-foreground inset-ring-1 inset-ring-destructive hover:bg-destructive/90 hover:inset-ring-destructive/80;