Handle circular-corners

packages/gitbook/src/components/TableOfContents/Trademark.tsx

@@ -25,12 +25,12 @@ export function Trademark(props: {
                 'absolute',
 
                 'lg:left-0',
-                'left-3',
-                'lg:right-2',
-                'right-3',
-                'bottom-0',
+                'lg:bottom-0',
+                'left-2',
+                'right-2',
+                'bottom-2',
 
-                'py-2',
+                'pt-2',
                 'lg:py-0',
 
                 'pointer-events-none',

packages/gitbook/src/components/primitives/Button.tsx

@@ -62,8 +62,8 @@ export function Button({
     ...rest
 }: ButtonProps & { target?: HTMLAttributeAnchorTarget }) {
     const sizes = {
-        default: ['text-base', 'py-2', 'circular-corners:px-6', iconOnly ? 'px-2' : 'px-5'],
-        medium: ['text-sm', 'py-1.5', 'circular-corners:px-4', iconOnly ? 'px-1.5' : 'px-3.5'],
+        default: ['text-base', 'py-2', 'circular-corners:px-6', iconOnly ? '!px-2' : 'px-5'],
+        medium: ['text-sm', 'py-1.5', 'circular-corners:px-4', iconOnly ? '!px-1.5' : 'px-3.5'],
         small: ['text-xs', 'py-2', iconOnly ? 'px-2' : 'px-3'],
     };
 

packages/gitbook/src/components/utils/Sheet.tsx

@@ -66,6 +66,7 @@ export function SheetContent({
                     '[html.sidebar-filled.theme-bold.tint_&]:bg-tint-subtle',
                     '[html.sidebar-filled.theme-muted_&]:bg-tint-base',
                     '[html.sidebar-filled.theme-bold.tint_&]:bg-tint-base',
+                    'circular-corners:rounded-2xl',
                     'straight-corners:rounded-none',
                     side === 'right' &&
                         'right-1.5 data-[state=closed]:animate-exitToRight data-[state=open]:animate-enterFromRight',