Fix Dialog demo labelling (#421)

* Fix Dialog demo labelling

Fixes #420

* Update 0.1.7.mdx

Author: benoitgrelard

components/demos/Dialog.jsx

@@ -182,13 +182,11 @@ const DialogDemo = () => (
       </Fieldset>
       <Flex css={{ marginTop: 25, justifyContent: 'flex-end' }}>
         <DialogClose asChild>
-          <Button aria-label="Close" variant="green">
-            Save changes
-          </Button>
+          <Button variant="green">Save changes</Button>
         </DialogClose>
       </Flex>
       <DialogClose asChild>
-        <IconButton>
+        <IconButton aria-label="Close">
           <Cross2Icon />
         </IconButton>
       </DialogClose>

data/primitives/components/dialog/0.1.7.mdx

@@ -486,7 +486,7 @@ export const DialogContent = React.forwardRef(
       <DialogPrimitive.Overlay />
       <DialogPrimitive.Content {...props} ref={forwardedRef}>
         {children}
-        <DialogPrimitive.Close>
+        <DialogPrimitive.Close aria-label="Close">
           <Cross1Icon />
         </DialogPrimitive.Close>
       </DialogPrimitive.Content>