fix: change default text color of icon button to subtle, remove hover…

… effect of table row when its a child of a tableheader, reduce min size of dropdownmenu width

packages/ui/src/components/dropdown-menu/dropdown-menu.tsx

@@ -79,7 +79,7 @@ const Content = React.forwardRef<
         align={align}
         collisionPadding={collisionPadding}
         className={clx(
-          "bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[300px] overflow-hidden rounded-lg p-1",
+          "bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1",
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
           className
         )}

packages/ui/src/components/icon-button/icon-button.tsx

@@ -14,14 +14,14 @@ const iconButtonVariants = cva(
     variants: {
       variant: {
         primary: clx(
-          "shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient",
+          "shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral after:button-neutral-gradient",
           "hover:bg-ui-button-neutral-hover",
           "active:bg-ui-button-neutral-pressed",
           "focus:shadow-buttons-neutral-focus",
           "after:absolute after:inset-0 after:content-['']"
         ),
         transparent: clx(
-          "text-ui-fg-base border-ui-border-transparent bg-ui-button-transparent",
+          "text-ui-fg-subtle border-ui-border-transparent bg-ui-button-transparent",
           "hover:bg-ui-button-transparent-hover",
           "active:bg-ui-button-transparent-pressed active:border-ui-border-base",
           "focus:shadow-buttons-neutral-focus focus:bg-ui-bg-base",

packages/ui/src/components/switch/switch.tsx

@@ -7,7 +7,7 @@ import * as React from "react"
 import { clx } from "@/utils/clx"
 
 const switchVariants = cva(
-  "bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed",
+  "bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed",
   {
     variants: {
       size: {

packages/ui/src/components/table/table.tsx

@@ -48,7 +48,7 @@ const Header = React.forwardRef<
   <thead
     ref={ref}
     className={clx(
-      "border-ui-border-base txt-compact-small-plus border-y",
+      "border-ui-border-base txt-compact-small-plus [&_tr:hover]:bg-ui-bg-base border-y",
       className
     )}
     {...props}