Update Details Docs

docs/content/Details.md

@@ -19,7 +19,7 @@ You are responsible for rendering your own `<summary>`. To style your summary el
 ```
 
 ## With children as a function
-The render function gets an object with the `open` prop to allow you to conditionally update UI based on the open state of the dropdown:
+The render function gets an object with the `open` render prop to allow you to conditionally update UI based on the open state of the dropdown:
 
 ```jsx live
 <Details>
@@ -42,5 +42,5 @@ Details components get `COMMON` system props. Read our [System Props](/system-pr
 
 | Name | Type | Default | Description |
 | :- | :- | :-: | :- |
-| open | Boolean | | Sets the open/closed state of the Details component |
+| defaultOpen | Boolean | | Sets the initial open/closed state |
 | overlay | Boolean | false | Sets whether or not element will close when user clicks outside of it

index.d.ts

@@ -104,11 +104,12 @@ declare module '@primer/components' {
 
   export const Heading: React.FunctionComponent<HeadingProps>
 
-  type DetailsRenderFunction = (args: {open: boolean; toggle: () => void}) => React.ReactElement
+  type DetailsRenderFunction = (args: {open: boolean}) => React.ReactElement
 
   export interface DetailsProps extends CommonProps, Omit<React.DetailsHTMLAttributes<HTMLDetailsElement>, 'color'> {
     render?: DetailsRenderFunction
     children?: DetailsRenderFunction | React.ReactNode
+    defaultOpen?: boolean
     overlay?: boolean
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "14.2.0",
+  "version": "14.2.1",
   "description": "Primer react components",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",

src/Dropdown.js

@@ -125,6 +125,7 @@ Dropdown.Item.propTypes = {
 Dropdown.defaultProps = {theme}
 Dropdown.propTypes = {
   children: PropTypes.node,
+  title: PropTypes.string,
   ...COMMON.propTypes
 }