feat(Button): Decrease default icon size

Author: PrettyCoffee

src/components/layouts/layout.tsx

@@ -58,7 +58,7 @@ const Side = ({ children, actions = [], className }: LayoutSideProps) => {
           className={cn(
             vstack({}),
             "absolute top-3 -right-5 rounded-2xl border border-stroke-gentle bg-background-page",
-            "[&_:where(button,a)]:size-10 [&_:where(button,a)]:rounded-2xl"
+            "[&_:where(button,a)]:size-10 [&_:where(button,a)]:rounded-2xl [&_:where(button,a)_svg]:size-5"
           )}
         >
           <IconButton

src/components/ui/button/button.tsx

@@ -99,7 +99,7 @@ export const Button = ({
         <Icon
           color={iconColor}
           icon={icon}
-          size={size === "sm" ? "sm" : "md"}
+          size={size === "sm" ? "xs" : "sm"}
           className="mr-2"
         />
       ) : null}

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

@@ -43,7 +43,7 @@ export const IconButton = ({
   hideTitle,
   titleSide,
   iconColor = "current",
-  iconSize = size,
+  iconSize = size === "sm" ? "xs" : "sm",
   ...delegated
 }: IconButtonProps) => (
   <TitleTooltip title={hideTitle ? undefined : title} side={titleSide} asChild>

src/features/time-table/time-table-header.tsx

@@ -125,7 +125,6 @@ export const TimeTableHeader = ({
           }
           titleSide="right"
           iconColor="muted"
-          iconSize="sm"
           onClick={() => editableDatesData.actions.toggle(date)}
         />
         <div className="flex-1" />