basecoat-css 0.2.5 → 0.2.7

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.
@@ -2580,16 +2580,6 @@
2580
2580
  color: var(--color-muted-foreground);
2581
2581
  }
2582
2582
  &:not([aria-disabled='true']) {
2583
- &:hover {
2584
- @media (hover: hover) {
2585
- background-color: var(--color-accent);
2586
- }
2587
- }
2588
- &:hover {
2589
- @media (hover: hover) {
2590
- color: var(--color-accent-foreground);
2591
- }
2592
- }
2593
2583
  &:focus-visible {
2594
2584
  background-color: var(--color-accent);
2595
2585
  }
@@ -2617,6 +2607,20 @@
2617
2607
  border-color: var(--color-border);
2618
2608
  }
2619
2609
  }
2610
+ &:not([data-dropdown-menu-initialized]) [data-popover] {
2611
+ [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'] {
2612
+ &:hover {
2613
+ @media (hover: hover) {
2614
+ background-color: var(--color-accent);
2615
+ }
2616
+ }
2617
+ &:hover {
2618
+ @media (hover: hover) {
2619
+ color: var(--color-accent-foreground);
2620
+ }
2621
+ }
2622
+ }
2623
+ }
2620
2624
  }
2621
2625
  }
2622
2626
  @layer components {
@@ -3193,6 +3197,10 @@
3193
3197
  background-position: center right 0.5rem;
3194
3198
  background-repeat: no-repeat;
3195
3199
  }
3200
+ &.active, &:focus-visible {
3201
+ background-color: var(--color-accent);
3202
+ color: var(--color-accent-foreground);
3203
+ }
3196
3204
  }
3197
3205
  [role='listbox'] [role='heading'] {
3198
3206
  display: flex;
@@ -3275,9 +3283,17 @@
3275
3283
  content: var(--tw-content);
3276
3284
  }
3277
3285
  }
3278
- [role='option']:hover, &[data-select-initialized] [role='option'].active, &[data-select-initialized] [role='option']:focus-visible {
3279
- background-color: var(--color-accent);
3280
- color: var(--color-accent-foreground);
3286
+ &:not([data-select-initialized]) [data-popover] [role='option'] {
3287
+ &:hover {
3288
+ @media (hover: hover) {
3289
+ background-color: var(--color-accent);
3290
+ }
3291
+ }
3292
+ &:hover {
3293
+ @media (hover: hover) {
3294
+ color: var(--color-accent-foreground);
3295
+ }
3296
+ }
3281
3297
  }
3282
3298
  }
3283
3299
  }