Merge pull request #547 from Cynthiafan/fix/alert_dialog_leastDestructiveRef_type

fix: alert dialog `leastDestructiveRef` prop type

Author: codebender828

packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js

@@ -55,7 +55,7 @@ const CAlertDialog = {
       type: Function,
       default: () => null
     },
-    leastDestructiveRef: [HTMLElement, Object]
+    leastDestructiveRef: [HTMLElement, Object, String, Function]
   },
   render (h, { slots, props, data }) {
     return h(CModal, {

website/pages/alertdialog.mdx

@@ -120,4 +120,4 @@ exception is that it requires a `leastDestructiveRef` which is similar to the
 
 | Name                           | Type                              | Default | Description                                                   |
 | ------------------------------ | --------------------------------- | ------- | ------------------------------------------------------------- |
-| leastDestructiveRef (required) | `ref`, `selector` `Function: ref` |         | The least destructive action to get focus when dialog is open |
+| leastDestructiveRef (required) | `vm.$ref`, `() => vm.ref` or `CSS selector` |         | The least destructive action to get focus when dialog is open |