chore: minimizable dialog updates

twilio-labs · Mar 6, 2023 · 0f76851 · 0f76851
1 parent 823f77a
commit 0f76851
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx
@@ -15,7 +15,14 @@ const MinimizableDialogContent = React.forwardRef<HTMLDivElement, MinimizableDia
     const {minimized} = React.useContext(MinimizableDialogContext);
 
     return (
-      <Box {...safelySpreadBoxProps(props)} element={element} ref={ref} display={minimized ? 'none' : 'block'}>
+      <Box
+        {...safelySpreadBoxProps(props)}
+        element={element}
+        ref={ref}
+        display={minimized ? 'none' : 'block'}
+        borderBottomLeftRadius="borderRadius20"
+        borderBottomRightRadius="borderRadius20"
+      >
         {children}
       </Box>
     );

diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx
@@ -54,7 +54,7 @@ const MinimizableDialogHeader = React.forwardRef<HTMLDivElement, MinimizableDial
         <Box
           as="h2"
           element={`${element}_HEADING`}
-          fontWeight="fontWeightBold"
+          fontWeight="fontWeightSemibold"
           fontSize="fontSize30"
           lineHeight="lineHeight30"
           margin="space0"
@@ -63,7 +63,7 @@ const MinimizableDialogHeader = React.forwardRef<HTMLDivElement, MinimizableDial
         </Box>
         <Button
           element={`${element}_MINIMIZE_BUTTON`}
-          variant="reset"
+          variant="secondary_icon"
           size="reset"
           onClick={minimized ? expand : minimize}
           aria-pressed={minimized === undefined ? false : minimized}
@@ -75,7 +75,7 @@ const MinimizableDialogHeader = React.forwardRef<HTMLDivElement, MinimizableDial
           )}
           <ScreenReaderOnly>{i18nMinimizeLabel}</ScreenReaderOnly>
         </Button>
-        <Button element={`${element}_CLOSE_BUTTON`} variant="reset" size="reset" onClick={hide}>
+        <Button element={`${element}_CLOSE_BUTTON`} variant="secondary_icon" size="reset" onClick={hide}>
           <CloseIcon element={`${element}_CLOSE_ICON`} decorative size="sizeIcon20" />
           <ScreenReaderOnly>{i18nDismissLabel}</ScreenReaderOnly>
         </Button>