component-docs.json

{
    "accordion": {
        "description": "An accordion allows a user to toggle the display of sections of content.\nThe accordion component wraps accordion panels that can be selected and expanded. It accepts children to define the content displayed within.",
        "methods": [
            {
                "name": "onClickSummary",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "onKeyDownSummary",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "addSummaryButton",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "button",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the accordion component. _Tested with snapshot testing._"
            },
            "id": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "number"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "HTML id for accordion component. _Tested with snapshot testing._"
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "The panel content for the Accordion component. Accordion panels should be added as <AccordionPanel />. Event handler for the accordion panels should be added to `<AccordionPanel />`. Optional `panelContentActions` component may be passed as prop. _Tested with Mocha framework and snapshot testing._\n\nExample:\n```\n<SLDSAccordion>\n  <SLDSAccordionpanel />\n  <SLDSAccordionpanel />\n  <SLDSAccordionpanel />\n</SLDSAccordion>\n```"
            }
        },
        "route": "accordions",
        "display-name": "Accordions",
        "SLDS-component-path": "/components/accordion",
        "dependencies": [
            {
                "panel": {
                    "description": "The panel content for the Accordion component.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "The panel content for the Accordion component. Accordion panels should be added as <AccordionPanel />. Event handler for the accordion panels should be added to `<AccordionPanel />`. Optional `panelContentActions` component may be passed as prop. _Tested with Mocha framework and snapshot testing._"
                        },
                        "expanded": {
                            "type": {
                                "name": "bool"
                            },
                            "required": true,
                            "description": "Indicates whether item is expanded or not, which should be handled by `onTogglePanel`. _Tested with Mocha framework and snapshot testing._"
                        },
                        "id": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "number"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": true,
                            "description": "Id of the item belonging to this panel. _Tested with snapshot testing._"
                        },
                        "panelContentActions": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Component that can be passed as prop to `<Panel />`. As an example, a menu dropdown could be used here to handle additional actions for each accordion panel. _Tested with Mocha framework._"
                        },
                        "onKeyDownSummary": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Callback that will run whenever there is a keydown on the panel button. Function doesn't change the state of the component."
                        },
                        "onTogglePanel": {
                            "type": {
                                "name": "func"
                            },
                            "required": true,
                            "description": "Callback that will run whenever a panel is toggled. Function should handle state to toggle `expanded` prop. _Tested with Mocha framework._"
                        },
                        "refs": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "summaryButton": {
                                        "name": "func",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "Ref callback that will pass in panel's `input` tag"
                        },
                        "summary": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": true,
                            "description": "Summary in the span element in the header of this panel. The summary is truncated and so the title element should contain the full text so that it is accessible on hover. _Tested with snapshot testing._"
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML title attribute. _Tested with snapshot testing._"
                        }
                    },
                    "name": "panel",
                    "source": "/components/accordion/panel.jsx"
                }
            }
        ]
    },
    "alert": {
        "description": "Alert banners communicate a state that affects the entire system, not just a feature or page. It persists over a session and appears without the user initiating the action. View [banner guidelines](https://www.lightningdesignsystem.com/guidelines/messaging/components/banners/).",
        "methods": [
            {
                "name": "saveButtonRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "closeButton": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `closeButton`: This is a visually hidden label for the close button.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tcloseButton: 'Close',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-notify_alert`. Uses `classNames` [API](https://github.com/JedWatson/classnames).\n_Tested with snapshot testing._"
            },
            "dismissible": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Allows user to click a close button. Banners should be dismissible only if they communicate future impact to the system,\n_Tested with snapshot testing._"
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Icon of type `~/components/icon`. This icon will be cloned and additional props appended. The default icons are:\n* info variant: `utility:info`\n* error variant: `utility:error`\n* offline variant: `utility:offline`\n* warning variant: `utility:warning`\n\n_Tested with snapshot testing._"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "heading": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        },
                        "headingLink": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `heading`: text within heading tag\n* `headingLink`: Text of link that triggers `onClickHeadingLink`. Inline links should pass a keyed array of React components into `labels.heading`.\n\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "onClickHeadingLink": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered by link. _Tested with Mocha testing._"
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered by close button. This is a controlled component. _Tested with Mocha testing._"
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component. _Tested with Mocha testing._"
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'error'",
                            "computed": false
                        },
                        {
                            "value": "'info'",
                            "computed": false
                        },
                        {
                            "value": "'offline'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The type of alert. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "'info'",
                    "computed": false
                }
            }
        },
        "route": "alerts",
        "display-name": "Alerts",
        "SLDS-component-path": "/components/alert",
        "dependencies": [
            {
                "container": {
                    "description": "A fixed container for alert banners.",
                    "methods": [],
                    "props": {
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to tag with `.slds-notify_alert`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Alert components"
                        }
                    },
                    "name": "container",
                    "source": "/components/alert/container.jsx"
                }
            }
        ]
    },
    "app-launcher": {
        "description": "The App Launcher allows the user to quickly access all the apps and functionality with their organization.\nThe App Launcher should generally only be used as a sub-component of the [Global Navigation Bar](/components/global-navigation-bar)\n\nUSAGE EXAMPLE:\n```\n<AppLauncher>\n\t<AppLauncherExpandableSection>\n\t\t<AppLauncherTile />\n\t\t<AppLauncherTile />\n\t\t<AppLauncherTile />\n\t</AppLauncherExpandableSection>\n\t<AppLauncherExpandableSection>\n\t\t<AppLauncherTile />\n\t\t<AppLauncherTile />\n\t</AppLauncherExpandableSection>\n</AppLauncher>\n```\n\nBy default, `Modal`, a child component of App Launcher, will add `aria-hidden=true` to the `body` tag, but this disables some assistive technologies. To prevent this you can add the following to your application with `#mount` being the root node of your application that you would like to hide from assistive technologies when the `Modal` is open.\n```\nimport settings from 'design-system-react/components/settings';\nsettings.setAppElement('#mount');\n```",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "openAppLauncher",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "closeAppLauncher",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderSearch",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "trigger": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `trigger`: This is a visually hidden label for the app launcher icon.",
                "defaultValue": {
                    "value": "{\n\ttrigger: 'Open App Launcher',\n}",
                    "computed": false
                }
            },
            "ariaHideApp": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean indicating if the appElement should be hidden.",
                "defaultValue": {
                    "value": "true",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "One or more `<AppLauncherExpandableSection />`s, each containing one or more `<AppLauncherTile />`s or `<AppLauncherLink />`s"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The app launcher id. If not provided, one will be generated for accessibility"
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Control the open/close state of the App Launcher"
            },
            "modalClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to App Launcher Modal."
            },
            "modalHeaderButton": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Button that exists in the upper right hand corner of the App Launcher modal"
            },
            "noTruncate": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Allows longer application names without truncating them."
            },
            "onClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback when the App Launcher Modal is closed"
            },
            "search": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Search bar for the Modal's header. Will typically be an instance of `design-system-react/input/search`"
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Set the App Launcher's title text (for localization)",
                "defaultValue": {
                    "value": "'App Launcher'",
                    "computed": false
                }
            },
            "triggerName": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "This is typically the name of the cloud or application"
            },
            "triggerOnClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback when the App Launcher icon is clicked"
            }
        },
        "route": "app-launcher",
        "display-name": "App Launcher",
        "SLDS-component-path": "/components/app-launcher",
        "dependencies": [
            {
                "expandable-section": {
                    "description": "App Launcher Sections allow users to categorize App Tiles & Links as well as toggle their display. It is a superset of components/expandable-section with content formatting.\nAll Expandable Section props are compatible with props passed to this component.",
                    "methods": [
                        {
                            "name": "toggleOpen",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                },
                                {
                                    "name": "data",
                                    "type": null
                                }
                            ],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "toggleSection": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `toggleSection`: Label for the icon that expands / collapses the section"
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Contents of the section"
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Class names to be added to the `slds-section` classed node"
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Unique identifier for the expandable section. The id is automatically generated if not provided"
                        },
                        "isOpen": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Specifies whether the section is expanded or collapsed. If not provided, component will use its own state to manage this itself"
                        },
                        "nonCollapsible": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Specifies whether the section can be expanded or collapsed. Defaults to `false`"
                        },
                        "onToggleOpen": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Callback for when the section is expanded or collapsed. Passes event object and data object with `isOpen` bool."
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": true,
                            "description": "The title for the section"
                        }
                    },
                    "name": "expandable-section",
                    "source": "/components/app-launcher/expandable-section.jsx"
                }
            },
            {
                "link": {
                    "description": "App Launcher Link component creates simple links to be used in \"All Items\" sections",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Contents of the link"
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Classes to be applied to the link"
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The `href` attribute of the link. If the `onClick` callback is specified this URL will be prevented from changing the browser's location.",
                            "defaultValue": {
                                "value": "'#'",
                                "computed": false
                            }
                        },
                        "onClick": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Callback for when the link is clicked. Passes back event and data object with href prop. Prevents click from changing browser's location if set."
                        },
                        "search": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text used to highlight content in link"
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The title for the link. If not provided it will attempt to use child content if that content is a string."
                        }
                    },
                    "name": "link",
                    "source": "/components/app-launcher/link.jsx"
                }
            },
            {
                "tile": {
                    "description": "App Launcher Tiles provide information and links to a user's apps",
                    "methods": [
                        {
                            "name": "handleClick",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "dragIconText": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `dragIconText`: Text that describes the purpose of the drag handle icon.",
                            "defaultValue": {
                                "value": "{\n\tdragIconText: 'Reorder',\n}",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Class names to be added to the tile."
                        },
                        "description": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The description of the app. Not visible on small tiles."
                        },
                        "descriptionHeading": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Heading for app description. NOTE: this prop is DEPRECATED and use should be avoided"
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The `href` attribute of the tile. Please pass in bookmarkable URLs from your routing library. If the `onClick` callback is specified this URL will be prevented from changing the browser's location.",
                            "defaultValue": {
                                "value": "'#'",
                                "computed": false
                            }
                        },
                        "iconBackgroundColor": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Background color to be used on the icon. Only applied if iconNode is undefined"
                        },
                        "iconNode": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Icon node for app tile. Takes priority over `iconText`"
                        },
                        "iconText": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text to be used as an icon. Only renders if iconNode is undefined"
                        },
                        "isOpenTooltip": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Open the More Tooltip"
                        },
                        "moreLabel": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The localized text for the \"More information\" tooltip.",
                            "defaultValue": {
                                "value": "' More'",
                                "computed": false
                            }
                        },
                        "onClick": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function that will be executed when clicking on a tile"
                        },
                        "search": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text used to highlight content in app tiles"
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": true,
                            "description": "App name for the tile's title."
                        }
                    },
                    "name": "tile",
                    "source": "/components/app-launcher/tile.jsx"
                }
            }
        ]
    },
    "avatar": {
        "description": "The avatar component represents an object or entity. An image is the preferred format for an avatar.\n If the `imgSrc` prop is undefined, and if a `label` or `initials` prop is available, the fallback avatar will render with initials. If initals are passed in directly in the `initials` prop, this will render in the fallback avatar. If `initals` prop is unavailable but a `label` prop is available, the fallback avatar will render with built initials of the user name or entity name.\n\n Intials built from the `label` prop will apply the following logic: If the label name contains two words, like first and last name, the first letter of each will be capitalized and returned. For labels that only have a single word name, the first two letters of that word, using one capital and one lower case letter, will be returned. For labels that contain three or more words, the first character of the first and last words will be capitalized and returned.\n\n If `initials` or `label` are not available, the fallback avatar will render a standard icon. If `variant='user'`, a user icon will\n render. If `variant='entity'`, an account icon will render.",
        "methods": [
            {
                "name": "buildInitials",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleImageError",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderBaseAvatar",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderIconAvatar",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderInitialsAvatar",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "icon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `icon`: Assistive text for accessibility that labels the icon.",
                "defaultValue": {
                    "value": "{\n\ticon: 'User or Account Icon',\n}",
                    "computed": false
                }
            },
            "imgAlt": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Alt attribute to be applied to image (base case) element.",
                "defaultValue": {
                    "value": "''",
                    "computed": false
                }
            },
            "imgSrc": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Source attribute to be applied to image (base case) element."
            },
            "initials": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Initials attribute to optionally pass in initials directly in case of \"initials\" fallback case."
            },
            "inverse": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Avatar with initials that are dark text on light background"
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Label attibute to display inside \"initials\" fallback case. Will be passed as title prop in `abbr` element to provide more specificity."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'entity'",
                            "computed": false
                        },
                        {
                            "value": "'user'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Avatar variants to apply relevant styling (circle: user, square: entity) and icon rendering if applicable.",
                "defaultValue": {
                    "value": "'user'",
                    "computed": false
                }
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of the icon in \"icon\" fallback case.",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Title attribute for the avatar container.",
                "defaultValue": {
                    "value": "'user avatar'",
                    "computed": false
                }
            }
        },
        "route": "avatars",
        "display-name": "Avatars",
        "SLDS-component-path": "/components/avatar",
        "dependencies": []
    },
    "badge": {
        "description": "Badges are labels which hold small amounts of information.",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the Badge's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the Badge's HTML id. Generate a new one if no ID present."
            }
        ],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the component"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Id of component, if desired. If not provided an id is automatically generated"
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component"
            },
            "color": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'default'",
                            "computed": false
                        },
                        {
                            "value": "'inverse'",
                            "computed": false
                        },
                        {
                            "value": "'light'",
                            "computed": false
                        },
                        {
                            "value": "'success'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        },
                        {
                            "value": "'error'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Color variant for the badge component",
                "defaultValue": {
                    "value": "'default'",
                    "computed": false
                }
            },
            "iconAlignment": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Icon alignment for the badge component",
                "defaultValue": {
                    "value": "'left'",
                    "computed": false
                }
            },
            "content": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "Content to be placed inside the badge component"
            }
        },
        "route": "badge",
        "display-name": "Badge",
        "SLDS-component-path": "/components/badges",
        "dependencies": []
    },
    "brand-band": {
        "description": "The brand band provides theming capability that adds personality and improves information density and contrast.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Primary application grid layout or a white background component such as a `Card` should be passed into this component."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the component"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Id of component, if desired. If not provided an id is automatically generated"
            },
            "image": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'default'",
                            "computed": false
                        },
                        {
                            "value": "'none'",
                            "computed": false
                        },
                        {
                            "value": "'group'",
                            "computed": false
                        },
                        {
                            "value": "'user'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Image of the brand band",
                "defaultValue": {
                    "value": "'default'",
                    "computed": false
                }
            },
            "backgroundSize": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'contain'",
                            "computed": false
                        },
                        {
                            "value": "'cover'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Background size of the brand band. Default is 'contain'",
                "defaultValue": {
                    "value": "'contain'",
                    "computed": false
                }
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of the brand band. Default is 'medium'",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component"
            }
        },
        "route": "brand-band",
        "display-name": "Brand Band",
        "SLDS-component-path": "/components/brand-band",
        "dependencies": []
    },
    "breadcrumb": {
        "description": "Use breadcrumbs to note the path of a record and help the user to navigate back to the parent.Breadcrumb based on SLDS 2.1.0-dev",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `label`: The assistive text for the breadcrumb trail.",
                "defaultValue": {
                    "value": "{\n\tlabel: 'Breadcrumbs',\n}",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button."
            },
            "overflowDropdownMenu": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Overflow menu of the type [Dropdown](/components/menu-dropdowns)"
            },
            "styleContainer": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the containing `nav` tag"
            },
            "trail": {
                "type": {
                    "name": "array"
                },
                "required": true,
                "description": "An array of anchor elements that define the path to the current record."
            }
        },
        "route": "breadcrumbs",
        "display-name": "Breadcrumbs",
        "SLDS-component-path": "/components/breadcrumb",
        "dependencies": []
    },
    "builder-header": {
        "description": "Every builder needs a builder header, which contains basic navigation elements. It also shows the builder type and content name.",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "backIcon": {
                            "name": "string",
                            "required": false
                        },
                        "helpIcon": {
                            "name": "string",
                            "required": false
                        },
                        "icon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `backIcon`: Used for the back icon.\n* `helpIcon`: Used for the help icon.\n* `icon`: Used for the main icon next to the header title.\n* _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tbackIcon: 'Back',\n\thelpIcon: 'Help',\n\ticon: 'Builder',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Provide children of the types `<BuilderHeaderNav />`, `<BuilderHeaderToolbar />`, or `<BuilderHeaderMisc />` to define the structure of the header.\n```\n<BuilderHeader>\n  <BuilderHeaderNav />\n  <BuilderHeaderToolbar />\n  <BuilderHeaderMisc />\n</BuilderHeader>\n```"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-builder-header_container`. Uses `classNames` [API](https://github.com/JedWatson/classnames). _Tested with snapshot testing._"
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onClickBack": {
                            "name": "func",
                            "required": false
                        },
                        "onClickHelp": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Event Callbacks\n* `onClickBack`: Called when the Back link is clicked.\n* `onClickHelp`: Called when the Help link is clicked.\n_Tested with Mocha testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "iconCategory": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Category of the title icon from [lightningdesignsystem.com/icons/](https://www.lightningdesignsystem.com/icons/)",
                "defaultValue": {
                    "value": "'utility'",
                    "computed": false
                }
            },
            "iconClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the title icon."
            },
            "iconName": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the title icon. Visit <a href='http://www.lightningdesignsystem.com/resources/icons'>Lightning Design System Icons</a> to reference icon names.",
                "defaultValue": {
                    "value": "'builder'",
                    "computed": false
                }
            },
            "iconPath": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the title icon. This will override any global icon settings."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "back": {
                            "name": "string",
                            "required": false
                        },
                        "help": {
                            "name": "string",
                            "required": false
                        },
                        "pageType": {
                            "name": "string",
                            "required": false
                        },
                        "title": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `back`: The label for the Back link.\n* `help`: The label for the Help link.\n* `pageType`: The label that describes the page type.\n* `title`: The label for the page title.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tback: 'Back',\n\thelp: 'Help',\n\tpageType: 'Page Type',\n\ttitle: 'App Name',\n}",
                    "computed": false
                }
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles applied to the `.slds-builder-header_container` element."
            }
        },
        "route": "builder-header",
        "display-name": "Builder Header",
        "SLDS-component-path": "/components/builder-header",
        "dependencies": [
            {
                "nav": {
                    "description": "The navigation section of the header.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Provide children of the types `<BuilderHeaderNavLink />` or `<BuilderHeaderNavDropdown />` to define the structure of the navigation section.\n```\n<BuilderHeader>\n  <BuilderHeaderNav>\n    <BuilderHeaderNavLink />\n    <BuilderHeaderNavDropdown />\n  </BuilderHeaderNav>\n</BuilderHeader>\n```"
                        }
                    },
                    "name": "nav",
                    "source": "/components/builder-header/nav.jsx"
                }
            },
            {
                "nav-dropdown": {
                    "description": "A dropdown within the navigation section of the header.",
                    "methods": [],
                    "composes": [
                        "../menu-dropdown/menu-dropdown"
                    ],
                    "name": "nav-dropdown",
                    "source": "/components/builder-header/nav-dropdown.jsx"
                }
            },
            {
                "nav-link": {
                    "description": "A link within the navigation section of the header.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "icon": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `icon`: Used for the icon next to the link text.\n* _Tested with snapshot testing._"
                        },
                        "iconCategory": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'action'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'custom'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'doctype'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'standard'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'utility'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Name of the icon category. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon categories."
                        },
                        "iconName": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Name of the icon. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon names."
                        },
                        "iconPath": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Path to the icon. This will override any global icon settings."
                        },
                        "label": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text for the link."
                        },
                        "onClick": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when the link is clicked."
                        }
                    },
                    "name": "nav-link",
                    "source": "/components/builder-header/nav-link.jsx"
                }
            },
            {
                "toolbar": {
                    "description": "The toolbar section of the header.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "actions": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `actions`: Used for the aria-label for the actions section of the toolbar.\n* _Tested with snapshot testing._",
                            "defaultValue": {
                                "value": "{\n\tactions: 'Actions',\n}",
                                "computed": false
                            }
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Provide children of the type `<ButtonGroup />` to define the structure of the toolbar section.\n```\n<BuilderHeader>\n  <BuilderHeaderToolbar>\n    <ButtonGroup />\n    <ButtonGroup />\n  </BuilderHeaderToolbar>\n</BuilderHeader>\n```"
                        },
                        "onRenderActions": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Renders the actions section of the header."
                        }
                    },
                    "name": "toolbar",
                    "source": "/components/builder-header/toolbar.jsx"
                }
            },
            {
                "utilities": {
                    "description": "The navigation section of the header.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Provide children of the types `<BuilderHeaderNavLink />` or `<BuilderHeaderNavDropdown />` to define the structure of the utilities section.\n```\n<BuilderHeader>\n  <BuilderHeaderUtilities>\n    <BuilderHeaderNavLink />\n    <BuilderHeaderNavDropdown />\n  </BuilderHeaderUtilities>\n</BuilderHeader>\n```"
                        }
                    },
                    "name": "utilities",
                    "source": "/components/builder-header/utilities.jsx"
                }
            },
            {
                "misc": {
                    "description": "The miscellaneous section of the header.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Provide custom content in place of Page Type label\n```\n<BuilderHeader>\n  <BuilderHeaderMisc>\n    Custom content\n  </BuilderHeaderMisc>\n</BuilderHeader>\n```"
                        }
                    },
                    "name": "misc",
                    "source": "/components/builder-header/misc.jsx"
                }
            }
        ]
    },
    "button-group": {
        "description": "The ButtonGroup component wraps other components (ie. Button, MenuDropdown, PopoverTooltip, Checkboxes, etc).",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "Children are expected to be components. If last button triggers a dropdown menu, use Dropdown instead of Button. _Tested with snapshot testing._"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes added to `slds-button-group` or `slds-checkbox_button-group` tag"
            },
            "classNameContainer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "If the `labels.label` prop is set, a `.slds-form-element` classed fieldset element is added as a container. This prop applies classes to that element"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "error": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `error`: Message to display when any of Checkboxes are in an error state. _Tested with snapshot testing._\n* `label`: This label appears above the button group. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'checkbox'",
                            "computed": false
                        },
                        {
                            "value": "'list'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Use checkbox variant for \"Checkbox Button Group\" styling and add Checkbox components as children _Tested with snapshot testing._"
            }
        },
        "route": "button-groups",
        "display-name": "Button Groups",
        "SLDS-component-path": "/components/button-group",
        "dependencies": []
    },
    "button-stateful": {
        "description": "The ButtonStateful component is a variant of the Lightning Design System Button component. It is used for buttons that have a state of unselected or selected.\nFor icon buttons, use <code>variant='icon'</code>. For buttons with labels or buttons with labels and icons, pass data to the state props (ie. <code>stateOne={{iconName: 'add', label: 'Join'}}</code>).\nAlthough not listed in the prop table, all `aria-*` props will be added to the button element if passed in.\nIf no `aria-*` props are passed in, <code>aria-live='polite'</code> is used for `icon` and `icon-filled` variants,\nand <code>aria-live='assertive'</code> is used for the remaining variants.",
        "methods": [
            {
                "name": "getClassName",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "active",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleBlur",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "active": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Specifies the current state of the button. If set, the button will act as a ['controlled' component](https://facebook.github.io/react/docs/forms.html#controlled-components)."
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "icon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `icon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. This should also include the state of the button. If the button has an icon and a visible label, you can omit the <code>icon</code> prop and use the <code>label</code> prop.",
                "defaultValue": {
                    "value": "{ icon: '' }",
                    "computed": false
                }
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the button and adds disabled styling.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Icon associated with the stateful button. Accepts an `Icon` component"
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when focus is removed."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the button is clicked."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when component is focused."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed down"
            },
            "onKeyPress": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed and released"
            },
            "onKeyUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is released"
            },
            "onMouseDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse button is pressed down"
            },
            "onMouseEnter": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse arrow hovers"
            },
            "responsive": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, button scales to 100% width on small form factors.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "stateOne": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Initial label and icon (optional) of button.",
                "defaultValue": {
                    "value": "{ iconName: 'add', label: 'Follow' }",
                    "computed": false
                }
            },
            "stateTwo": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Selected label and icon (optional) of button.",
                "defaultValue": {
                    "value": "{ iconName: 'check', label: 'Following' }",
                    "computed": false
                }
            },
            "stateThree": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Deselect label and icon (optional) of button.",
                "defaultValue": {
                    "value": "{ iconName: 'close', label: 'Unfollow' }",
                    "computed": false
                }
            },
            "tabIndex": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Write \"-1\" if you don't want the user to tab to the button."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'neutral'",
                            "computed": false
                        },
                        {
                            "value": "'brand'",
                            "computed": false
                        },
                        {
                            "value": "'destructive'",
                            "computed": false
                        },
                        {
                            "value": "'icon'",
                            "computed": false
                        },
                        {
                            "value": "'icon-filled'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Different types of buttons"
            },
            "iconSize": {
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                },
                "required": false
            }
        },
        "route": "stateful-buttons",
        "display-name": "Stateful Buttons",
        "SLDS-component-path": "/components/button/#flavor-stateful",
        "dependencies": []
    },
    "button": {
        "description": "The Button component is the Lightning Design System Button component. The Button should be used for label buttons, icon buttons, or buttons that have both labels and icons.\nEither a <code>label</code> or <code>assistiveText.icon</code> is required; see the Prop Details table below. For buttons that maintain selected/unselected states, use the <a href=\"#/button-stateful\">ButtonStateful</a> component.\nAlthough not listed in the prop table, all `aria-*`, `data-*` and `form*` props will be added to the `button` element if passed in.",
        "methods": [
            {
                "name": "getClassName",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderIcon",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "name",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderLabel",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderButton",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderTooltip",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "icon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `icon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. If the button has an icon and a visible label, you can omit the <code>assistiveText.icon</code> prop and use the <code>label</code> prop.",
                "defaultValue": {
                    "value": "{ icon: '' }",
                    "computed": false
                }
            },
            "buttonRef": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback that passes in the DOM reference of the `<button>` DOM node within this component. Primary use is to allow `focus` to be called. You should still test if the node exists, since rendering is asynchronous. `buttonRef={(component) => { if(component) console.log(component); }}`"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to button."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the button and adds disabled styling.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "hint": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Associates an icon button with another element on the page by changes the color of the SVG. Please reference <a href=\"http://www.lightningdesignsystem.com/components/buttons/#hint\">Lightning Design System Buttons > Hint</a>.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "iconCategory": {
                "type": {
                    "name": "custom",
                    "raw": "requiredIf(\n\tPropTypes.oneOf(['action', 'custom', 'doctype', 'standard', 'utility']),\n\t(props) => !!props.iconName\n)"
                },
                "required": false,
                "description": "Name of the icon category. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon categories."
            },
            "iconClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to icon."
            },
            "iconName": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the icon. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon names."
            },
            "iconPath": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the icon. This will override any global icon settings."
            },
            "iconPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "If omitted, icon position is centered."
            },
            "iconSize": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the size of the icon.",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            },
            "iconVariant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'bare'",
                            "computed": false
                        },
                        {
                            "value": "'container'",
                            "computed": false
                        },
                        {
                            "value": "'border'",
                            "computed": false
                        },
                        {
                            "value": "'border-filled'",
                            "computed": false
                        },
                        {
                            "value": "'brand'",
                            "computed": false
                        },
                        {
                            "value": "'more'",
                            "computed": false
                        },
                        {
                            "value": "'global-header'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "For icon variants, please reference <a href=\"http://www.lightningdesignsystem.com/components/buttons/#icon\">Lightning Design System Icons</a>."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Id string applied to button node."
            },
            "inverse": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, button/icon is white. Meant for buttons or utility icons on dark backgrounds."
            },
            "label": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "Visible label on the button. If the button is an icon button with no label, you must use the <code>assistiveText.icon</code> prop."
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when focus is removed."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the button is clicked."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when component is focused."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed down"
            },
            "onKeyPress": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed and released"
            },
            "onKeyUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is released"
            },
            "onMouseDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse button is pressed down"
            },
            "onMouseEnter": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse arrow hovers"
            },
            "onMouseLeave": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse arrow no longer hovers"
            },
            "onMouseUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a mouse button is released"
            },
            "onRequestFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered to indicate that this component should receive focus."
            },
            "requestFocus": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, will trigger `onRequestFocus`."
            },
            "responsive": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, button scales to 100% width on small form factors.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "tabIndex": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Write <code>\"-1\"</code> if you don't want the user to tab to the button."
            },
            "type": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'reset'",
                            "computed": false
                        },
                        {
                            "value": "'submit'",
                            "computed": false
                        },
                        {
                            "value": "'button'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Button type",
                "defaultValue": {
                    "value": "'button'",
                    "computed": false
                }
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML title attribute"
            },
            "tooltip": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "[Deprecated] Tooltip on button. Button should be a child of `Tooltip` instead."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'link'",
                            "computed": false
                        },
                        {
                            "value": "'neutral'",
                            "computed": false
                        },
                        {
                            "value": "'brand'",
                            "computed": false
                        },
                        {
                            "value": "'outline-brand'",
                            "computed": false
                        },
                        {
                            "value": "'destructive'",
                            "computed": false
                        },
                        {
                            "value": "'success'",
                            "computed": false
                        },
                        {
                            "value": "'text-destructive'",
                            "computed": false
                        },
                        {
                            "value": "'icon'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Different types of buttons",
                "defaultValue": {
                    "value": "'neutral'",
                    "computed": false
                }
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component"
            }
        },
        "route": "buttons",
        "display-name": "Buttons",
        "SLDS-component-path": "/components/buttons",
        "dependencies": []
    },
    "card": {
        "description": "Cards are used to apply a container around a related grouping of information. It has a header, a body, and an optional footer. It often contains a DataTable or Tile (coming soon). Actions associated with selected items or with all items are included within the header actions. Footer often contains pagination. `aria-` and `data-` props can be provided and will be destructured on the root `article` element.",
        "methods": [],
        "props": {
            "bodyClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the card body (wraps children)."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The main section of the card. It often contains a `DataTable` or `Tile`."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the card."
            },
            "empty": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "bool"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "Replaces the body (that is the children) with the specified empty state, this will also remove header actions, the filter, and the icon. If the default empty state is wanted, set to `true`."
            },
            "filter": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Adds a filter input to the card header."
            },
            "footer": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Footer often contains pagination."
            },
            "hasNoHeader": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Allows card to have no header, and ignores header related props altogether."
            },
            "header": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Allows a custom header (the media object with the icon in the first column). `icon`, `heading` and other props are passed into the media object from Card if present. Use `design-system-react/components/media-object` to create your own custom header."
            },
            "heading": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "The heading is the name of the related item group and should only contain inline elements.",
                "defaultValue": {
                    "value": "'Related Items'",
                    "computed": false
                }
            },
            "headerActions": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Actions to perform on selected items or actions that are not specific to one item such as adding an item. If no group actions are needed, then the number of selected items is often present."
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Icon associated with the items within the `body`."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Set the HTML `id` of the card. This also sets the `id` of the filter and the header actions."
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be added to the card."
            }
        },
        "route": "cards",
        "display-name": "Cards",
        "SLDS-component-path": "/components/cards",
        "dependencies": [
            {
                "empty": {
                    "description": "A default empty state for Cards.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Additional call to actions that will render under the heading. Often this is an \"Add Item\" button."
                        },
                        "heading": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Primary text for an Empty Card.",
                            "defaultValue": {
                                "value": "'No Related Items'",
                                "computed": false
                            }
                        }
                    },
                    "name": "empty",
                    "source": "/components/card/empty.jsx"
                }
            },
            {
                "filter": {
                    "description": "A default filter or search input for Cards that contain items.",
                    "methods": [],
                    "props": {
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The HTML `id` from the card with a suffixe."
                        },
                        "onChange": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "This callback fires when the input changes."
                        },
                        "placeholder": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text present in input until the user enters text. This text will also be used for a visually hidden label on the filter `input` element for accessibility.",
                            "defaultValue": {
                                "value": "'Find in List'",
                                "computed": false
                            }
                        }
                    },
                    "name": "filter",
                    "source": "/components/card/filter.jsx"
                }
            }
        ]
    },
    "carousel": {
        "description": "A carousel allows multiple pieces of featured content to occupy an allocated amount of space.\nCurrently panel index and auto play cannot be controlled by the app.",
        "methods": [
            {
                "name": "onNextPanelHandler",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "onPreviousPanelHandler",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "onIndicatorBlur",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "onIndicatorClickHandler",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "panel",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "onIndicatorFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "onAutoplayBtnClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getPanelId",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ carouselId, itemId }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getCurrentPanel",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsAutoplayOn",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setDimensions",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setTranslationAmount",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "amount",
                        "type": null
                    },
                    {
                        "name": "cb",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setCurrentPanel",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "amount",
                        "type": null
                    },
                    {
                        "name": "cb",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "startAutoplay",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "stopAutoplay",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "ignoreCallbacksAndStateUpdates",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "changeTranslationAutomatically",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "canGoToNext",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "canGoToPrevious",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Description of the carousel items for screen-readers.",
                "defaultValue": {
                    "value": "{\n\tautoplayButton: 'Start / Stop auto-play',\n\tnextPanel: 'Next Panel',\n\tpreviousPanel: 'Previous Panel',\n}",
                    "computed": false
                }
            },
            "autoplayInterval": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Interval for the autoplay iteration",
                "defaultValue": {
                    "value": "4000",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the main 'slds-carousel' classed component container"
            },
            "currentPanel": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Dictates the currently active/visible carousel panel. Use with `onRequestPanelChange` for a controlled carousel component. If not provided, the carousel will manage this itself via state."
            },
            "hasAutoplay": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean showing whether the autoplay button is available or not",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "hasPreviousNextPanelNavigation": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean for displaying the navigation indicators (left/right arrows) of the carousel",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Id of component, if desired. If not provided an id is automatically generated"
            },
            "isAutoplayOn": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean that dictates whether autoplay is active or not. Use with `onRequestAutoplayToggle` for a controlled carousel component."
            },
            "isInfinite": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean for infinite loop navigation. Note: if not true autoplay will stop automatically at the last panel.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "items": {
                "type": {
                    "name": "array"
                },
                "required": true,
                "description": "* **Array of item objects used by the default carousel item renderer.**\nEach object can contain:\n* `id`: The id of the carousel item. [REQUIRED]\n* `heading`: Primary string that will be used as the heading\n* `description`: Secondary string that is used to describe the item\n* `buttonLabel`: If assigned a call to button action will be rendered with this text, if unassigned no button is rendered\n* `imageAssistiveText`: Image alt text, if not present heading will be used instead\n* `href`: Used for item link, if not provided '#' is used instead\n* `src`: Item image src value"
            },
            "itemsPerPanel": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Number of items to be displayed at a time in the carousel",
                "defaultValue": {
                    "value": "1",
                    "computed": false
                }
            },
            "onRenderItem": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Accepts a custom carousel item rendering function"
            },
            "onRequestAutoplayToggle": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called whenever `isAutoplayOn` is requested to be toggled on or off. Use with `isAutoplayOn` prop for a controlled carousel component. Passes an event object and a data object with the current `isAutoplayOn` value as an attribute."
            },
            "onRequestPanelChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called whenever the panel is requested to change due to user interaction or auto-play. Use with `currentPanel` for a controlled carousel component. Passes an event object and a data object with `currentPanel` and `requestedPanel` attributes."
            },
            "onItemClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Handler for clicking on a carousel item"
            }
        },
        "route": "carousel",
        "display-name": "Carousel",
        "SLDS-component-path": "/components/carousel",
        "dependencies": []
    },
    "checkbox": {
        "description": "The ability to style checkboxes with CSS varies across browsers. Using this component ensures checkboxes look the same everywhere.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getAriaDescribedBy",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ idArray = [] }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderButtonGroupVariant",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "props",
                        "type": null
                    },
                    {
                        "name": "ariaProps",
                        "type": null
                    },
                    {
                        "name": "assistiveText",
                        "type": null
                    },
                    {
                        "name": "labels",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderBaseVariant",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "props",
                        "type": null
                    },
                    {
                        "name": "ariaProps",
                        "type": null
                    },
                    {
                        "name": "assistiveText",
                        "type": null
                    },
                    {
                        "name": "labels",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderToggleVariant",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "props",
                        "type": null
                    },
                    {
                        "name": "ariaProps",
                        "type": null
                    },
                    {
                        "name": "assistiveText",
                        "type": null
                    },
                    {
                        "name": "labels",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderVisualPickerVariant",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "props",
                        "type": null
                    },
                    {
                        "name": "ariaProps",
                        "type": null
                    },
                    {
                        "name": "assistiveText",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "aria-controls": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An HTML ID that is shared with ARIA-supported devices with the\n`aria-controls` attribute in order to relate the input with\nanother region of the page. An example would be a select box\nthat shows or hides a panel."
            },
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The `aria-describedby` attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them. This is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more information that the user might need."
            },
            "aria-labelledby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-labelledby attribute establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion."
            },
            "aria-owns": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "`aria-owns` indicate that an element depends on the current one when the relation can't be determined by the hierarchy structure."
            },
            "aria-required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "The `aria-required` attribute is used to indicate that user input is required on an element before a form can be submitted."
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "heading": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `heading`: This is used as a visually hidden label if, no `labels.heading` is provided.\n* `label`: This is used as a visually hidden label if, no `labels.label` is provided.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "checked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "The Checkbox should be a controlled component, and will always be in the state specified. If checked is not defined, the state of the uncontrolled native `input` component will be used."
            },
            "defaultChecked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This is the initial value of an uncontrolled form element and is present only\nto provide compatibility with hybrid framework applications that are not\nentirely React. It should only be used in an application without centralized\nstate (Redux, Flux). \"Controlled components\" with centralized state is highly recommended. See [Code Overview](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#controlled-and-uncontrolled-components) for more information."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the outer container of the Checkbox."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the Checkbox and prevents clicking it."
            },
            "errorText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the Checkbox is in an error state. When this is present, also visually highlights the component as in error."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation and ARIA support. This ID is added to the `input` element"
            },
            "indeterminate": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "The Checkbox will be indeterminate if its state can not be figured out or is partially checked. Once a checkbox is indeterminate, a click should cause it to be checked. Since a user cannot put a checkbox into an indeterminate state, it is assumed you are controlling the value of `checked` with the parent, also, and that this is a controlled component. **Note:** `indeterminate` proptype does nothing in the `toggle` variant, as [SLDS does not support it](https://lightningdesignsystem.com/components/forms/#flavor-checkbox-toggle-checkbox-toggle)."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "heading": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "toggleDisabled": {
                            "name": "string",
                            "required": false
                        },
                        "toggleEnabled": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `heading`: Heading for the visual picker variant\n* `label`: Label for the _enabled_ state of the Toggle variant. Defaults to \"Enabled\".\n* `toggleDisabled`: Label for the _disabled_ state of the Toggle variant. Defaults to \"Disabled\". Note that this uses SLDS language, and meaning, of \"Enabled\" and \"Disabled\"; referring to the state of whatever the checkbox is _toggling_, not whether the checkbox itself is enabled or disabled.\n* `toggleEnabled`: Label for the _enabled_ state of the Toggle variant. Defaults to \"Enabled\".",
                "defaultValue": {
                    "value": "{\n\ttoggleDisabled: 'Disabled',\n\ttoggleEnabled: 'Enabled',\n}",
                    "computed": false
                }
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the submitted form parameter."
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the Checkbox looses focus. It passes in `{ event }`."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the Checkbox changes. Passes in `event, { checked }`. This used to be `checked, event, { checked }`."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the Checkbox is focused. It passes in `{ event }`."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when a key is pressed down. It passes in `{ event }`."
            },
            "onKeyPress": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when a character is typed. See [this article](http://www.bloggingdeveloper.com/post/KeyPress-KeyDown-KeyUp-The-Difference-Between-Javascript-Key-Events.aspx) for more information. It passes in `{ event }`."
            },
            "onKeyUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when a pressed key is released. It passes in `{ event }`."
            },
            "onRequestFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered to indicate that this component should receive focus."
            },
            "readOnly": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Displays the value of the input, but does not allow changes."
            },
            "requestFocus": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, will trigger `onRequestFocus`."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Highlights the Checkbox as a required field (does not perform any validation)."
            },
            "role": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-role of the checkbox."
            },
            "tabIndex": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Write <code>\"-1\"</code> if you don't want the user to tab to the button."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'toggle'",
                            "computed": false
                        },
                        {
                            "value": "'button-group'",
                            "computed": false
                        },
                        {
                            "value": "'visual-picker'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Which UX pattern of checkbox? The default is `base` while other option is `toggle`. (**Note:** `toggle` variant does not support the `indeterminate` feature, because [SLDS does not support it](https://lightningdesignsystem.com/components/forms/#flavor-checkbox-toggle-checkbox-toggle).)",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "coverable": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines whether visual picker is coverable when selected (only for visual picker variant)"
            },
            "vertical": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines whether the visual picker should be vertical or horizontal (only for visual picker variant)"
            },
            "onRenderVisualPicker": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown with checkbox (only for non-coverable visual picker variant)"
            },
            "onRenderVisualPickerSelected": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown if checkbox is not selected (only for visual picker variant)"
            },
            "onRenderVisualPickerNotSelected": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown if checkbox is not selected (only for visual picker variant)"
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of checkbox in case of visual composer variant"
            }
        },
        "route": "checkboxes",
        "display-name": "Checkboxes",
        "SLDS-component-path": "/components/checkbox",
        "dependencies": []
    },
    "color-picker": {
        "description": "The Unified Color Picker component allows for a fully accessible and configurable color picker, allowing the user to pick from a set of predefined colors (swatches), or to pick a custom color using a HSB selection interface. It can be configured to show one or both of those color selection interfaces. View [component blueprint guidelines](https://lightningdesignsystem.com/components/color-picker/).",
        "methods": [
            {
                "name": "getInput",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getDefaultTab",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getCustomTab",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getPopover",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setWorkingColor",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "color",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSwatchChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleOnRequestClose",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ trigger }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClickOutside",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCancel",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCancelState",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleColorChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "property",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleHexInputChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNavigate",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "property",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSaturationValueChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ saturation, value }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSubmitButtonClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSwatchButtonClick",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleSwatchSelect",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ hex }",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "hueSlider": {
                            "name": "string",
                            "required": false
                        },
                        "saturationValueGrid": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `label`: Visually hidden label but read out loud by screen readers.\n* `hueSlider`: Instructions for hue selection input\n* `saturationValueGrid`: Instructions for using the grid for saturation\nand value selection",
                "defaultValue": {
                    "value": "{\n\tsaturationValueGrid:\n\t\t'Use arrow keys to select a saturation and brightness, on an x and y axis.',\n\thueSlider: 'Select Hue',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-color-picker`. Uses `classNames` [API](https://github.com/JedWatson/classnames). _Tested with snapshot testing._"
            },
            "classNameMenu": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-popover`. Uses `classNames` [API](https://github.com/JedWatson/classnames). _Tested with snapshot testing._"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Unique ID for component."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the input and button."
            },
            "errorText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the outer input is in an error state. When this is present, also visually highlights the component as in error."
            },
            "errorTextWorkingColor": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the custom tab input is in an error state. When this is present, also visually highlights the component as in error."
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onChange": {
                            "name": "func",
                            "required": false
                        },
                        "onClose": {
                            "name": "func",
                            "required": false
                        },
                        "onOpen": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestClose": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestOpen": {
                            "name": "func",
                            "required": false
                        },
                        "onValidateColor": {
                            "name": "func",
                            "required": false
                        },
                        "onValidateWorkingColor": {
                            "name": "func",
                            "required": false
                        },
                        "onWorkingColorChange": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Event Callbacks\n* `onChange`: This function is triggered when done is clicked. This function returns `{event, { color: [string] }}`, which is a hex representation of the color.\n* `onClose`: This function is triggered when the menu is closed. This function returns `{event, { trigger, componentWillUnmount }}`. Trigger can have the values `cancel`, `clickOutside`, or `newPopover`.\n* `onOpen`: This function is triggered when the color-picker menu is mounted and added to the DOM. The parameters are `event, { portal: }`. `portal` can be used as a React tree root node.\n* `onRequestClose`:  This function is triggered when the user clicks outside the menu or clicks the close button. You will want to define this if color-picker is to be a controlled component. Most of the time you will want to set `isOpen` to `false` when this is triggered unless you need to validate something.\n\t\t\t\t\t\tThis function returns `{event, {trigger: [string]}}` where `trigger` is either `cancel` or `clickOutside`.\n* `onRequestOpen`: Function called when the color-picker menu would like show.\n* `onValidateColor`: Function that overwrites default color validator and called when validating HEX color on outer input change. If callback returns false, errorText is shown if set.\n* `onValidateWorkingColor`: Function that overwrites default color validator and called when validating HEX color on custom tab inner input change. If callback returns false, errorTextWorkingColor is shown if set.\n* `onWorkingColorChange`: This function is triggered when working color changes (color inside the custom tab). This function returns `{event, { color: [string] }}`, which is a hex representation of the color.\n_Tested with Mocha framework._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "By default, dialogs will flip their alignment (such as bottom to top) if they extend beyond a boundary element such as a scrolling parent or a window/viewpoint. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._"
            },
            "hideInput": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Hides the text input"
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Popover open state"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "blueAbbreviated": {
                            "name": "string",
                            "required": false
                        },
                        "cancelButton": {
                            "name": "string",
                            "required": false
                        },
                        "customTab": {
                            "name": "string",
                            "required": false
                        },
                        "customTabActiveWorkingColorSwatch": {
                            "name": "string",
                            "required": false
                        },
                        "customTabTransparentSwatch": {
                            "name": "string",
                            "required": false
                        },
                        "greenAbbreviated": {
                            "name": "string",
                            "required": false
                        },
                        "hexLabel": {
                            "name": "string",
                            "required": false
                        },
                        "invalidColor": {
                            "name": "string",
                            "required": false
                        },
                        "invalidComponent": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "redAbbreviated": {
                            "name": "string",
                            "required": false
                        },
                        "swatchTab": {
                            "name": "string",
                            "required": false
                        },
                        "swatchTabTransparentSwatch": {
                            "name": "string",
                            "required": false
                        },
                        "submitButton": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\n* `blueAbbreviated`: One letter abbreviation of blue color component\n* `cancelButton`: Text for cancel button on popover\n* `customTab`: Text for custom tab of popover\n* `customTabActiveWorkingColorSwatch`: Label for custom tab active working color swatch\n* `customTabTransparentSwatch`: Label for custom tab active transparent swatch\n* `greenAbbreviated`: One letter abbreviation of green color component\n* `hexLabel`: Label for input of hexadecimal color\n* `invalidColor`: Error message when hex color input is invalid\n* `invalidComponent`: Error message when a component input is invalid\n* `label`: An `input` label as for a `form`\n* `redAbbreviated`: One letter abbreviation of red color component\n* `swatchTab`: Label for swatch tab of popover\n* `submitButton`: Text for submit/done button of popover",
                "defaultValue": {
                    "value": "{\n\tblueAbbreviated: 'B',\n\tcancelButton: 'Cancel',\n\tcustomTab: 'Custom',\n\tcustomTabActiveWorkingColorSwatch: 'Working Color',\n\tcustomTabTransparentSwatch: 'Transparent Swatch',\n\tgreenAbbreviated: 'G',\n\thexLabel: 'Hex',\n\tinvalidColor: 'The color entered is invalid',\n\tinvalidComponent: 'The value needs to be an integer from 0-255',\n\tredAbbreviated: 'R',\n\tsubmitButton: 'Done',\n\tswatchTab: 'Default',\n\tswatchTabTransparentSwatch: 'Transparent Swatch',\n}",
                    "computed": false
                }
            },
            "menuPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "swatchColors": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "string"
                    }
                },
                "required": false,
                "description": "An array of hex color values which is used to set the options of the\nswatch tab of the colorpicker popover.\nTo specify transparent, use empty string as a value.",
                "defaultValue": {
                    "value": "[\n\t'#e3abec',\n\t'#c2dbf7',\n\t'#9fd6ff',\n\t'#9de7da',\n\t'#9df0c0',\n\t'#fff099',\n\t'#fed49a',\n\t'#d073e0',\n\t'#86baf3',\n\t'#5ebbff',\n\t'#44d8be',\n\t'#3be282',\n\t'#ffe654',\n\t'#ffb758',\n\t'#bd35bd',\n\t'#5779c1',\n\t'#5679c0',\n\t'#00aea9',\n\t'#3cba4c',\n\t'#f5bc25',\n\t'#f99221',\n\t'#580d8c',\n\t'#001970',\n\t'#0a2399',\n\t'#0b7477',\n\t'#0b6b50',\n\t'#b67e11',\n\t'#b85d0d',\n\t'',\n]",
                    "computed": false
                }
            },
            "defaultSelectedTab": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'swatches'",
                            "computed": false
                        },
                        {
                            "value": "'custom'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines which tab is visible when dialog opens. Use this prop with `base` variant only.\nDefaults to `swatch` tab.",
                "defaultValue": {
                    "value": "'swatches'",
                    "computed": false
                }
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'swatches'",
                            "computed": false
                        },
                        {
                            "value": "'custom'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Selects which tabs are present for the colorpicker.\n* `base`: both swatches and custom tabs are present\n* `swatches`: only swatch tab is present\n* `custom`: only custom tab is present\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "value": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Current color in hexadecimal string, including # sign (eg: \"#000000\")"
            },
            "valueWorking": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Current working color in hexadecimal string, including # sign (eg: \"#000000\")"
            }
        },
        "route": "color-pickers",
        "display-name": "Color Pickers",
        "SLDS-component-path": "/components/color-picker",
        "dependencies": []
    },
    "combobox": {
        "description": "A widget that provides a user with an input field that is either an autocomplete or readonly, accompanied with a listbox of pre-definfined options.",
        "methods": [
            {
                "name": "getCustomPopoverProps",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "body",
                        "type": null
                    },
                    {
                        "name": "{ assistiveText, labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getDialog",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ menuRenderer }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getId",
                "docblock": "Shared class property getter methods",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Shared class property getter methods"
            },
            {
                "name": "getIsActiveOption",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getNewActiveOptionIndex",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ activeOptionIndex, offset, options }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getOptions",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "props",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getTargetElement",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setInputRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setSelectedListboxRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "ref",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleBlurPill",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClickOutside",
                "docblock": "Menu open/close and sub-render methods",
                "modifiers": [],
                "params": [
                    {
                        "name": "event"
                    }
                ],
                "returns": null,
                "description": "Menu open/close and sub-render methods"
            },
            {
                "name": "handleClose",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ trigger }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInputBlur",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInputChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInputFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInputSubmit",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": "Input and menu keyboard event methods",
                "modifiers": [],
                "params": [
                    {
                        "name": "event"
                    }
                ],
                "returns": null,
                "description": "Input and menu keyboard event methods"
            },
            {
                "name": "handleKeyDownDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDownTab",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDownUp",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDownOther",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNavigateListboxMenu",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ direction }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNavigateSelectedListbox",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ direction }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handlePillFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ option, index }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRemoveSelectedOption",
                "docblock": "Selected options with selected listbox event methods",
                "modifiers": [],
                "params": [
                    {
                        "name": "event"
                    },
                    {
                        "name": "{ option, index }"
                    }
                ],
                "returns": null,
                "description": "Selected options with selected listbox event methods"
            },
            {
                "name": "handleRequestClose",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRequestFocusSelectedListbox",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ ref }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSelect",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ selection, option }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "isSelected",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ selection, option }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "openDialog",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "requestOpenMenu",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderBase",
                "docblock": "Combobox variant subrenders\n(these can probably be broken into function components\nif state is passed in as a prop)",
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText, labels, props, userDefinedProps }"
                    }
                ],
                "returns": null,
                "description": "Combobox variant subrenders\n(these can probably be broken into function components\nif state is passed in as a prop)"
            },
            {
                "name": "renderInlineMultiple",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{\n\tassistiveText,\n\tlabels,\n\tprops,\n\tuserDefinedProps,\n}",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderInlineSingle",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText, labels, props, userDefinedProps }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderMenu",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText, labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderPopover",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText, labels, props }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderReadOnlyMultiple",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{\n\tassistiveText,\n\tlabels,\n\tprops,\n\tuserDefinedProps,\n}",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderReadOnlySingle",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{\n\tassistiveText,\n\tlabels,\n\tprops,\n\tuserDefinedProps,\n}",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "loadingMenuItems": {
                            "name": "string",
                            "required": false
                        },
                        "optionSelectedInMenu": {
                            "name": "string",
                            "required": false
                        },
                        "popoverLabel": {
                            "name": "string",
                            "required": false
                        },
                        "removeSingleSelectedOption": {
                            "name": "string",
                            "required": false
                        },
                        "removePill": {
                            "name": "string",
                            "required": false
                        },
                        "selectedListboxLabel": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `label`: This is used as a visually hidden label if, no `labels.label` is provided.\n* `loading`: Text added to loading spinner.\n* `optionSelectedInMenu`: Added before selected menu items in Read-only variants (Picklists). The default is `Current Selection:`.\n* `popoverLabel`: Used by popover variant, assistive text for the Popover aria-label.\n* `removeSingleSelectedOption`: Used by inline-listbox, single-select variant to remove the selected item (pill). This is a button with focus. The default is `Remove selected option`.\n* `removePill`: Used by multiple selection Comboboxes to remove a selected item (pill). Focus is on the pill. This is not a button. The default  is `, Press delete or backspace to remove`.\n* `selectedListboxLabel`: This is a label for the selected listbox. The grouping of pills for multiple selection Comboboxes. The default is `Selected Options:`.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tloadingMenuItems: 'Loading',\n\toptionSelectedInMenu: 'Current Selection:',\n\tremoveSingleSelectedOption: 'Remove selected option',\n\tremovePill: ', Press delete or backspace to remove',\n\tselectedListboxLabel: 'Selected Options:',\n}",
                    "computed": false
                }
            },
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The `aria-describedby` attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them.\nThis is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more information that the user might need. _Tested with snapshot testing._"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-combobox`. Uses `classNames` [API](https://github.com/JedWatson/classnames). _Tested with snapshot testing._"
            },
            "classNameContainer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to top level tag with `.slds-form-element` and not on `.slds-combobox_container`. Uses `classNames` [API](https://github.com/JedWatson/classnames). _Tested with snapshot testing._"
            },
            "classNameMenu": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-dropdown`. Uses `classNames` [API](https://github.com/JedWatson/classnames). Autocomplete/bass variant menu height should not scroll and should be determined by number items which should be no more than 10. _Tested with snapshot testing._"
            },
            "classNameMenuSubHeader": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-dropdown__header`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onBlur": {
                            "name": "func",
                            "required": false
                        },
                        "onChange": {
                            "name": "func",
                            "required": false
                        },
                        "onClose": {
                            "name": "func",
                            "required": false
                        },
                        "onFocus": {
                            "name": "func",
                            "required": false
                        },
                        "onOpen": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestClose": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestOpen": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestRemoveSelectedOption": {
                            "name": "func",
                            "required": false
                        },
                        "onSelect": {
                            "name": "func",
                            "required": false
                        },
                        "onSubmit": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Event Callbacks\n* `onBlur`: Called when `input` removes focus.\n* `onChange`: Called when keyboard events occur within `input`\n* `onClose`: Triggered when the menu has closed.\n* `onFocus`: Called when `input` receives focus.\n* `onOpen`: Triggered when the menu has opened.\n* `onRequestClose`: Function called when the menu would like to hide. Please use with `isOpen`.\n* `onRequestOpen`:  Function called when the menu would like to show. Please use with `isOpen`.\n* `onRequestRemoveSelectedOption`: Function called when a single selection option is to be removed.\n* `onSelect`: Function called when a menu item is selected. This includes header and footer items.\n* `onSubmit`: Function called when user presses enter or submits the `input`\n_Tested with Mocha testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "errorText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the input is in an error state. When this is present, also visually highlights the component as in error. _Tested with snapshot testing._"
            },
            "fieldLevelHelpTooltip": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "A [Tooltip](https://react.lightningdesignsystem.com/components/tooltips/) component that is displayed next to the `labels.label`. The props from the component will be merged and override any default props."
            },
            "hasDeselect": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, `{ label: 'None': value: '' }` will be selected."
            },
            "hasInputSpinner": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, loading spinner appears inside input on right hand side."
            },
            "hasMenuSpinner": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Add loading spinner below the options"
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "By default, dialogs will flip their alignment (such as bottom to top) if they extend beyond a boundary element such as a scrolling parent or a window/viewpoint. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component. _Tested with snapshot testing._"
            },
            "input": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "An [Input](https://react.lightningdesignsystem.com/components/inputs) component.\nThe props from this component will override any default props."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "deselectOption": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "node"
                                },
                                {
                                    "name": "string"
                                }
                            ],
                            "required": false
                        },
                        "multipleOptionsSelected": {
                            "name": "string",
                            "required": false
                        },
                        "noOptionsFound": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "node"
                                },
                                {
                                    "name": "string"
                                }
                            ],
                            "required": false
                        },
                        "placeholder": {
                            "name": "string",
                            "required": false
                        },
                        "placeholderReadOnly": {
                            "name": "string",
                            "required": false
                        },
                        "removePillTitle": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `deselectOption`: This label appears first in the menu items of a read-only, Picklist-like Combobox. Selecting it, deselects any currently selected value.\n* `label`: This label appears above the input.\n* `cancelButton`: This label is only used by the dialog variant for the cancel button in the footer of the dialog. The default is `Cancel`\n* `doneButton`: This label is only used by the dialog variant for the done button in the footer of the dialog. The default is `Done`\n* `multipleOptionsSelected`: This label is used by the readonly variant when multiple options are selected. The default is `${props.selection.length} options selected`. This will override the entire string.\n* `noOptionsFound`: Custom message that renders when no matches found. The default empty state is just text that says, 'No matches found.'.\n* `placeholder`: Input placeholder\n* `placeholderReadOnly`: Placeholder for Picklist-like Combobox\n* `removePillTitle`: Title on `X` icon\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tdeselectOption: 'None',\n\tcancelButton: 'Cancel',\n\tdoneButton: `Done`,\n\tnoOptionsFound: 'No matches found.',\n\toptionDisabledTooltipLabel: 'This option is disabled.',\n\tplaceholderReadOnly: 'Select an Option',\n\tremovePillTitle: 'Remove',\n}",
                    "computed": false
                }
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Forces the dropdown to be open or closed. See controlled/uncontrolled callback/prop pattern for more on suggested use view [Concepts and Best Practices](https://github.com/salesforce-ux/design-system-react/blob/master/CONTRIBUTING.md#concepts-and-best-practices) _Tested with snapshot testing._"
            },
            "inheritWidthOf": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'target'",
                            "computed": false
                        },
                        {
                            "value": "'menu'",
                            "computed": false
                        },
                        {
                            "value": "'none'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Sets the dialog width to the width of one of the following:\n* `target`: Sets the dialog width to the width of the target. (Menus attached to `input` typically follow this UX pattern),\n* `menu`: Consider setting a `menuMaxWidth` if using this value. If not, width will be set to width of largest menu item.\n* `none`: Does not set a width on the dialog. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "'target'",
                    "computed": false
                }
            },
            "onRenderMenuItem": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Accepts a custom menu item rendering function that becomes a custom component. It should return a React node. The checkmark is still rendered in readonly variants. This function is passed the following props:\n* `assistiveText`: Object, `assistiveText` prop that is passed into Combobox\n* `option`: Object, option data for item being rendered that is passed into Combobox\n* `selected`: Boolean, allows rendering of `assistiveText.optionSelectedInMenu` in Readonly Combobox\n\n_Tested with snapshot testing._"
            },
            "inputRef": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback exposes the input reference / DOM node to parent components."
            },
            "menuPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "menuMaxWidth": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Sets a maximum width that the menu will be used if `inheritWidthOf` is set to `menu`. (Example: 500px) _Tested with snapshot testing._"
            },
            "multiple": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Allows multiple selections _Tested with mocha testing._"
            },
            "options": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": true
                            },
                            "icon": {
                                "name": "node",
                                "required": false
                            },
                            "label": {
                                "name": "string",
                                "required": false
                            },
                            "subTitle": {
                                "name": "string",
                                "required": false
                            },
                            "title": {
                                "name": "string",
                                "required": false
                            },
                            "type": {
                                "name": "string",
                                "required": false
                            },
                            "disabled": {
                                "name": "bool",
                                "required": false
                            },
                            "tooltipContent": {
                                "name": "node",
                                "required": false
                            }
                        }
                    }
                },
                "required": false,
                "description": "**Array of item objects in the dropdown menu.**\nEach object can contain:\n* `icon`: An `Icon` component. (not used in read-only variant)\n* `id`: A unique identifier string.\n* `label`: A primary string of text for a menu item or group separator.\n* `subTitle`: A secondary string of text added for clarity. (optional)\n* `title`: A string of text shown as the title of the selected item (optional)\n* `type`: 'separator' is the only type currently used\n* `disabled`: Set to true to disable this menu item.\n* `tooltipContent`: Content that is displayed in tooltip when item is disabled\n```\n{\n\tid: '2',\n\tlabel: 'Salesforce.com, Inc.',\n\tsubTitle: 'Account • San Francisco',\n\ttitle: 'Salesforce',\n\ttype: 'account',\n disabled: true,\n tooltipContent: \"You don't have permission to select this item.\"\n},\n```\nNote: At the moment, Combobox does not support two consecutive separators. _Tested with snapshot testing._"
            },
            "menuItemVisibleLength": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "5",
                            "computed": false
                        },
                        {
                            "value": "7",
                            "computed": false
                        },
                        {
                            "value": "10",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the height of the menu based on SLDS CSS classes. This is a `number`. The default for a `readonly` variant is `5`."
            },
            "predefinedOptionsOnly": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Limits auto-complete input submission to one of the provided options. _Tested with mocha testing._"
            },
            "popover": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "A `Popover` component. The props from this popover will be merged and override any default props. This also allows a Combobox's Popover dialog to be a controlled component. _Tested with snapshot testing._"
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies label styling for a required form element. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "selection": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": true
                            },
                            "icon": {
                                "name": "node",
                                "required": false
                            },
                            "label": {
                                "name": "string",
                                "required": false
                            },
                            "subTitle": {
                                "name": "string",
                                "required": false
                            },
                            "type": {
                                "name": "string",
                                "required": false
                            }
                        }
                    }
                },
                "required": false,
                "description": "Accepts an array of item objects. For single selection, pass in an array of one object. For item object keys, see `options` prop. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "selectedListboxRef": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback exposes the selected listbox reference / DOM node to parent components."
            },
            "singleInputDisabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the input and prevents editing the contents. This only applies for single readonly and inline-listbox variants.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "tooltipMenuItemDisabled": {
                "type": {
                    "name": "element"
                },
                "required": false,
                "description": "Accepts a tooltip that is displayed when hovering on disabled menu items."
            },
            "value": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Value of input. _This is a controlled component,_ so you will need to control the input value by passing the `value` from `onChange` to a parent component or state manager, and then pass it back into the componet with this prop. Please see examples for more clarification. _Tested with snapshot testing._"
            },
            "defaultValue": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Default value of input. Provide uncontroled behaviour"
            },
            "optionsAddItem": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": false
                            },
                            "icon": {
                                "name": "node",
                                "required": false
                            },
                            "label": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "func"
                                    }
                                ],
                                "required": false
                            }
                        }
                    }
                },
                "required": false,
                "description": "**Array of item objects in the dropdown menu that is displayed below the list of `options`. `onSelect` fires when selected.**\nEach object can contain:\n* `id`: A unique identifier string.\n* `icon`: An [Icon](/components/icons/) component to be displayed to the left of the menu item `label`.\n* `label`: A primary string of text for a menu item or a function that receives `inputValue` as function parameter and returns text to be displayed in for a menu item.\n```\n{\n\tid: '1',\n\ticon: (\n \t<Icon\n\t\t\tassistiveText={{ label: 'add' }}\n\t\t\tcategory=\"utility\"\n\t\t\tsize=\"x-small\"\n\t\t\tname=\"add\"\n\t\t/>\n\t),\n\tlabel: 'New Entity'\n}\n```\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "optionsSearchEntity": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": false
                            },
                            "icon": {
                                "name": "node",
                                "required": false
                            },
                            "label": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "func"
                                    }
                                ],
                                "required": false
                            }
                        }
                    }
                },
                "required": false,
                "description": "**Array of item objects in the dropdown menu that is displayed above the list of `options`. `onSelect` fires when selected. **\nEach object can contain:\n* `id`: A unique identifier string.\n* `icon`: An [Icon](/components/icons/) component to be displayed to the left of the menu item `label`.\n* `label`: A primary string of text for a menu item or a function that receives `inputValue` as function parameter and returns text to be displayed in for a menu item.\n```\n{\nid: '1',\nicon: (\n\t<Icon\n\t\tassistiveText={{ label: 'Add in Accounts' }}\n\t\tsize=\"x-small\"\n\t\tcategory=\"utility\"\n\t\tname=\"search\"\n\t/>\n),\nlabel: (searchTerm) => {\n\treturn `${searchTerm} in Accounts`;\n},\n}\n```\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "entityCombobox": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Node of type [Combobox](/components/comboboxes/) for creating grouped comboboxes."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'inline-listbox'",
                            "computed": false
                        },
                        {
                            "value": "'popover'",
                            "computed": false
                        },
                        {
                            "value": "'readonly'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Defines Combobox variant styling and functionality",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "deselectOption": {
                "defaultValue": {
                    "value": "false",
                    "computed": false
                },
                "required": false
            }
        },
        "route": "comboboxes",
        "display-name": "Comboboxes",
        "SLDS-component-path": "/components/combobox",
        "dependencies": []
    },
    "data-table": {
        "description": "DataTables support the display of structured data in rows and columns with an HTML table. To sort, filter or paginate the table, simply update the data passed in the items to the table and it will re-render itself appropriately. The table will throw a sort event as needed, and helper components for paging and filtering are coming soon.\n\nNOTE: for horizontal scrolling with `fixedHeader`-enabled DataTables, see the `style` property description",
        "methods": [
            {
                "name": "onResize",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getFixedHeader",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getKeyboardNavigation",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getFixedLayout",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getFirstInteractiveElement",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "rowIndex",
                        "type": null
                    },
                    {
                        "name": "columnIndex",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleToggleAll",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    },
                    {
                        "name": "{ checked }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRowToggle",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "item",
                        "type": null
                    },
                    {
                        "name": "selected",
                        "type": null
                    },
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "repositionResizers",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "resizeFixedHeaders",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "loadMoreIfNeeded",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "toggleFixedHeaderListeners",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "attach",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "isResizable",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "resizeGrips",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "enableResize",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "disableResize",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "changeActiveCell",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "rowIndex",
                        "type": null
                    },
                    {
                        "name": "columnIndex",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "changeActiveElement",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "activeElement",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDownUp",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDownDown",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "displaceByArrowKey",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "factor",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "makeGripVisible",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "newIndex",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDownLeft",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDownRight",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDownEnter",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyDownEscape",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "moveNext",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "rowIndex",
                        "type": null
                    },
                    {
                        "name": "columnIndex",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNextActionable",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyTabPress",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "registerInteractiveElement",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "rowIndex",
                        "type": null
                    },
                    {
                        "name": "columnIndex",
                        "type": null
                    },
                    {
                        "name": "elementId",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "actionsHeader": {
                            "name": "string",
                            "required": false
                        },
                        "columnSort": {
                            "name": "string",
                            "required": false
                        },
                        "columnSortedAscending": {
                            "name": "string",
                            "required": false
                        },
                        "columnSortedDescending": {
                            "name": "string",
                            "required": false
                        },
                        "selectAllRows": {
                            "name": "string",
                            "required": false
                        },
                        "selectRow": {
                            "name": "string",
                            "required": false
                        },
                        "selectRowGroup": {
                            "name": "string",
                            "required": false
                        },
                        "loadingMore": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `actionsHeader`: Text for heading of actions column\n* `columnSort`: Text for sort action on table column header\n* `columnSortedAscending`: Text announced once a column is sorted in ascending order\n* `columnSortedDescending`: Text announced once a column is sorted in descending order\n* `selectAllRows`: Text for select all checkbox within the table header\n* `selectRow`: Text for select row. Default: \"Select row 1\"\n* `selectRowGroup`: This is an input group label and is attached to each checkbox or radio. Default is \"Choose a row to select\"",
                "defaultValue": {
                    "value": "{\n\tactionsHeader: 'Actions',\n\tcolumnSort: 'Sort by: ',\n\tcolumnSortedAscending: 'Sorted Ascending',\n\tcolumnSortedDescending: 'Sorted Descending',\n\tselectAllRows: 'Select all rows',\n\tselectRow: 'Select row',\n\tselectRowGroup: 'Choose a row to select',\n\tloadingMore: 'Loading more',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Provide children of the type `<DataTableColumn />` to define the structure of the data being represented and children of the type `<DataTableRowActions />` to define a menu which will be rendered for each item in the grid. Use a _higher-order component_ to customize a data table cell that will override the default cell rendering. `CustomDataTableCell` must have the same `displayName` as `DataTableCell` or it will be ignored. If you want complete control of the HTML, including the wrapping `td`, you don't have to use `DataTableCell`.\n```\nimport DataTableCell from 'design-system-react/data-table/cell';\nconst CustomDataTableCell = ({ children, ...props }) => (\n  <DataTableCell {...props} >\n    <a href=\"#\">{children}</a>\n  </DataTableCell>\n);\nCustomDataTableCell.displayName = DataTableCell.displayName;\n\n<DataTable>\n  <DataTableColumn />\n  <DataTableColumn>\n  <DataTableCustomCell />\n  </DataTableColumn>\n  <DataTableRowActions />\n</DataTable>\n```"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the table."
            },
            "columnBordered": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which adds border to the vertical columns."
            },
            "fixedHeader": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Use this to enable fixed headers and scrolling columns / rows. Appearance / behavior is consistent only if used in combination with `fixedLayout`. Since scrolling is enabled, columns are not truncated unless a width is set. Due to `overflow:hidden` elements, any dialog components will need a separate render tree (portal) such as with `menuPosition: overflowBoundaryElement` in order to break out of the container."
            },
            "fixedLayout": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Use this if you are creating an advanced table (selectable, sortable, or resizable rows). Columns widths will be truncate based on width and DOM ancestors. See `fixedHeader` to enable horizontal and vertical scrolling.\n\nWhen `keyboardNavigation` is enabled, the advanced table implements keyboard navigation as described in [Data Tables](https://www.lightningdesignsystem.com/components/data-tables/).\nWrap interactive elements in the table with `<DataTableInteractiveElement>` so that it can control the element's focus and `tabIndex` behavior:\n```\nconst InteractiveButton = DataTableInteractiveElement(Button);\nconst InteractiveCheckBox = DataTableInteractiveElement(Checkbox);\nconst CustomDataTableCell = () => (\n\t<DataTableCell>\n\t\t<InteractiveCheckBox />\n\t\t<InteractiveButton />\n\t</DataTableCell>\n);\n```\nThe wrapped element must accept the props:\n * `onFocus`: Callback for when the element is focused.\n * `onRequestFocus`: Trigger to indicate that this element should be focused.\n * `requestFocus`: This wrapper overrides the `requestFocus` prop and provides its own value.\n * `tabIndex`: This wrapper overrides the `tabIndex` prop and provides its own value."
            },
            "hasMore": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "When fixedHeader is true, specifies whether there's more data to be loaded and displays a spinner at the bottom of the table if so.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "onRenderSubHeadingRow": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "A render prop for subheadings to describe what the next section of the table is about. This is often a heirarchical data structure and semantic heading levels should be used, but not visually differ. This is not a `role=rowheader` which provides a heading for a row. Basic sorting of columns is not recommended, since this pattern assumes top level groupings. Headings should be visually aligned with selection column when selection pattern is present, so not to be grouped with the previous row.\n```\nconst CustomHeaderRow = ({ columns, item } ) => (\n<tr>\n   <th id={item.id} colSpan={columns.length+1} scope=\"colgroup\">\n     <p role=\"heading\" aria-level={item.ariaLevel}>\n       {item.heading}\n     </p>\n   </th>\n </tr>);\nCustomHeaderRow.displayName = DataTableCell.displayName;\n\n<DataTable items=[{\n        type: 'header-row',\n        id: 'header-row-example-id-3',\n        heading: 'Argentina > Autonomous City of Buenos Aires > Belgrano',\n        ariaLevel: 3,\n}],\n/>\n```"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation and ARIA support."
            },
            "items": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": true
                            },
                            "classNameRow": {
                                "name": "string",
                                "required": false
                            }
                        }
                    }
                },
                "required": true,
                "description": "The collection of items to render in the table. This is an array of objects with each object having keys that correspond with the  `property` prop of each `DataTableColumn`.\n\nUse the key `classNameRow` to add a custom class to the item's `<tr>` element."
            },
            "isHeadless": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Removes the header from the data table. Tested with snapshot testing"
            },
            "joined": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Makes DataTable joinable with PageHeader by adding appropriate classes/styling"
            },
            "loadMoreOffset": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Determines when to trigger infinite loading based on how many pixels the table's scroll position is from the bottom of the table.",
                "defaultValue": {
                    "value": "20",
                    "computed": false
                }
            },
            "keyboardNavigation": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Enables keyboard navigation when this is an advanced table."
            },
            "noRowHover": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which removes hover style on rows"
            },
            "onFixedHeaderResize": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "By default this function resizes the display headers when fixedHeader is `true`, but this behavior can be overridden. Passes an event and a data object with properties `headerRefs`, an array of DOM nodes referencing the `thead th` elements and `scrollerRef`, a DOM node referencing `.slds-table_header-fixed_scroller`"
            },
            "onLoadMore": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function fires when infinite loading loads more data.\n\nThis will be called multiple times while the table is being scrolled within the `loadMoreOffset`. It'll also continue to be called while `hasMore` is `true` and the table has not yet loaded enough rows to allow a user to scroll.  Please track whether or not loading is in progress and check it at the start of this function to avoid executing your callback too many times."
            },
            "onRowChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function fires when the selection of rows changes. This component passes in `event, { selection }` to the function. `selection` is an array of objects from the `items` prop.\n\nThis used to be `onChange` which is deprecated now, so that the parameters can be consistent with other components. `onChange` passed in the selection first and the event wtihout a data object."
            },
            "onSort": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function fires when the table should be sorted."
            },
            "onToggleFixedHeaderListeners": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "By default this function attaches/detaches listeners for window resize and tbody scrolling when fixedHeader is `true`, but this behavior can be overridden. Passes an event and a data object with an `attach` boolean property to determine whether listeners should be attached, a `resizeHandler` function property that can be called as-needed, and a `scrollerRef` DOM node property that serves as a reference to `.slds-table_header-fixed_scroller`"
            },
            "selection": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "An array of objects of selected rows. See `items` prop for shape of objects.",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "disabledSelection": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "An array of objects of rows that selection is disabled. See `items` prop for shape of objects.",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "selectRows": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "bool"
                        },
                        {
                            "name": "enum",
                            "value": [
                                {
                                    "value": "'checkbox'",
                                    "computed": false
                                },
                                {
                                    "value": "'radio'",
                                    "computed": false
                                }
                            ]
                        }
                    ]
                },
                "required": false,
                "description": "Specifies a row selection UX pattern.\n* `checkbox`: Multiple row selection.\n* `radio`: _Required_ single row selection.\n_This prop used to be a `boolean`, a `true` value will be considered `checkbox` for backwards compatibility._"
            },
            "stacked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which modifies table layout by stacking cells to accommodate smaller viewports. Should not be used at the same time as `stackedHorizontal`."
            },
            "stackedHorizontal": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which modifies table layout by displaying the header and row data side by side for smaller viewports. Should not be used at the same time as `stacked`."
            },
            "striped": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which adds stripes to alternating rows."
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the table.\nNOTE: for horizontal scrolling in `fixedHeader`-enabled DataTables, apply a `minWidth` style here. If the containing element width is less than the `minWidth` value, horizontal scrolling will occur"
            },
            "unborderedRow": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Tables have horizontal borders by default. This removes them."
            },
            "unbufferedCell": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which removes horizontal padding. CSS class will be removed if `fixedLayout==true`."
            },
            "resizable": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "A variant which allows column dividers to be grabbed with the mouse. This feature needs\n`@salesforce/design-system-react/assets/styles/table.css` to be loaded. This prop is in prototype` state. a) It may change within a minor release. (b) Web Content Accessibility Guidelines may not be met. (c) CSS imports may be required.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "resizableOptions": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Object with properties to be used in case of resizable: true\n\nresizeMode: It is used to set how the resize method works. Those are the possible values: 'fit', 'flex' and 'overflow'\nonResize: Callback function to be fired when the user has ended dragging a column\n`@salesforce/design-system-react/assets/styles/table.css` to be loaded. This prop is in prototype` state. a) It may change within a minor release. (b) Web Content Accessibility Guidelines may not be met. (c) CSS imports may be required.",
                "defaultValue": {
                    "value": "{\n\tresizeMode: 'fit',\n\tdraggingClass: 'slds-table-column-resizer',\n}",
                    "computed": false
                }
            }
        },
        "route": "data-tables",
        "display-name": "Data Tables",
        "SLDS-component-path": "/components/data-tables",
        "dependencies": [
            {
                "cell": {
                    "description": "The default Cell renderer for the DataTable. Pass in any React component with the same `displayName` which takes the same props to provide custom rendering.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The contents of the cell. This can be simple text or DOM nodes. Equivalent to `props.item[props.property]`"
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Class names to be added to the cell."
                        },
                        "fixedLayout": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Use this if you are creating an advanced table (selectable, sortable, or resizable rows)"
                        },
                        "item": {
                            "type": {
                                "name": "object"
                            },
                            "required": false,
                            "description": "The item from the items which represents this row."
                        },
                        "primaryColumn": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "The primary column for a row. This is almost always the first column."
                        },
                        "property": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The property of this item to display."
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Shows on hover. Useful for truncated cells."
                        },
                        "width": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Width of column. This is required for advanced/fixed layout tables. Please provide units. (`rems` are recommended)"
                        }
                    },
                    "name": "cell",
                    "source": "/components/data-table/cell.jsx"
                }
            },
            {
                "column": {
                    "description": "Columns define the structure of the data displayed in the DataTable.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "element"
                            },
                            "required": false,
                            "description": "Use a _higher-order component_ to customize a data table cell that will override the default cell rendering. `CustomDataTableCell` must have the same `displayName` as `DataTableCell` or it will be ignored. If you want complete control of the HTML, including the wrapping `td`, you don't have to use `DataTableCell`.\n```\nimport DataTableCell from 'design-system-react/data-table/cell';\nconst CustomDataTableCell = ({ children, ...props }) => (\n  <DataTableCell {...props} >\n    <a href=\"#\">{children}</a>\n  </DataTableCell>\n);\nCustomDataTableCell.displayName = DataTableCell.displayName;\n\n<DataTable>\n  <DataTableColumn />\n  <DataTableColumn>\n    <DataTableCustomCell />\n  </DataTableColumn>\n  <DataTableRowActions />\n</DataTable>\n```"
                        },
                        "isDefaultSortDescending": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Some columns, such as \"date last viewed\" or \"date recently updated,\" should sort descending first, since that is what the user probably wants. How often does one want to see their oldest files first in a table? If sortable and the `DataTable`'s parent has not defined the sort order, then ascending (A at the top to Z at the bottom) is the default sort order on first click."
                        },
                        "isSorted": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Selects this column as the currently sorted column."
                        },
                        "label": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The column label. If a `string` is not passed in, no `title` attribute will be rendered."
                        },
                        "primaryColumn": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "The primary column for a row. This is almost always the first column."
                        },
                        "property": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The property which corresponds to this column."
                        },
                        "sortable": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether or not the column is sortable."
                        },
                        "sortDirection": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'desc'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'asc'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The current sort direction. If left out the component will track this internally. Required if `isSorted` is true."
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Title used for truncation div within the cell."
                        },
                        "truncate": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Adds truncate to cell node."
                        },
                        "width": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Width of column. This is required for advanced/fixed layout tables. Please provide units. (`rems` are recommended)"
                        }
                    },
                    "name": "column",
                    "source": "/components/data-table/column.jsx"
                }
            },
            {
                "highlight-cell": {
                    "description": "A Cell renderer for the DataTable that automatically highlights search text.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The contents of the cell. Equivalent to `props.item[props.property]`"
                        },
                        "search": {
                            "type": {
                                "name": "any"
                            },
                            "required": false,
                            "description": "The string of text (or Regular Expression) to highlight."
                        }
                    },
                    "name": "highlight-cell",
                    "source": "/components/data-table/highlight-cell.jsx"
                }
            },
            {
                "row-actions": {
                    "description": "RowActions provide a mechanism for defining a menu to display alongside each row in the DataTable.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "object"
                            },
                            "required": false,
                            "description": "Description of the menu for screenreaders.",
                            "defaultValue": {
                                "value": "{ icon: 'Actions' }",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Class names to be added to the actions menu."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML ID to be added to the actions menu."
                        },
                        "item": {
                            "type": {
                                "name": "object"
                            },
                            "required": false,
                            "description": "`DataTable` row item"
                        },
                        "noHint": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Disable hint styling which changes the color of the dropdown svg on hover over.",
                            "defaultValue": {
                                "value": "false",
                                "computed": false
                            }
                        },
                        "onAction": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when an item is selected."
                        },
                        "options": {
                            "type": {
                                "name": "array"
                            },
                            "required": false,
                            "description": "`Dropdown` options. See `Dropdown`.",
                            "defaultValue": {
                                "value": "[]",
                                "computed": false
                            }
                        },
                        "dropdown": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A [Dropdown](http://react.lightningdesignsystem.com/components/dropdown-menus/) component. The props from this drop will be merged and override any default props.\n**Note:** onAction will not be overridden, both `DropDown`'s onSelect(dropDownActionOption) and onAction(rowItem, dropdownActionOption) will be called with appropriate parameters"
                        }
                    },
                    "name": "row-actions",
                    "source": "/components/data-table/row-actions.jsx"
                }
            }
        ]
    },
    "date-picker": {
        "description": "A date picker is a non-text input form element. You can select a single date from a popup calendar. Please use an external library such as [MomentJS](https://github.com/moment/moment/) for date formatting and parsing and internationalization. You will want to use your date library within the `parser` and `formatter` callbacks.\n\nThe calendar is rendered with time/dates based on local browser time of the client browser. All dates are in the local user's timezones and time. Another way to put it is if a user selects a date, they are actually selecting midnight in their current time on their current day and not mightnight in UTC. If `Datepicker` is paired with a time and timezone input, you may want to convert dates provided by this component to UTC and then combine the date with your time and timezone input.\n\nPairing with any other component besides an `input` is untested.\n\nThis component is wrapped in a [higher order component to listen for clicks outside itself](https://github.com/kentor/react-click-outside) and thus requires use of `ReactDOM`.",
        "methods": [
            {
                "name": "getDatePicker",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels, assistiveText }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getDialog",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels, assistiveText }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getInputProps",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText, labels }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setInputRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCalendarChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ date }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClickOutside",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClose",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleInputChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ portal }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRequestClose",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "openDialogFromIcon",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "openDialog",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "isRequestFromIcon",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "parseDate",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "formattedValue",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "nextMonth": {
                            "name": "string",
                            "required": false
                        },
                        "openCalendar": {
                            "name": "string",
                            "required": false
                        },
                        "previousMonth": {
                            "name": "string",
                            "required": false
                        },
                        "year": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `nextMonth`: Label for button to go to the next month _Tested with snapshot testing._\n* `openCalendar`: Call to action label for calendar dialog trigger _Tested with snapshot testing._\n* `previousMonth`: Label for button to go to the previous month _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tnextMonth: 'Next month',\n\topenCalendar: 'Open Calendar',\n\tpreviousMonth: 'Previous month',\n\tyear: 'Year',\n}",
                    "computed": false
                }
            },
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Aligns the right or left side of the menu with the respective side of the trigger. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "'left'",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `slds-datepicker`. If you are looking for the outer DOM node (slds-dropdown-trigger), please review `triggerClassName`. _Tested with snapshot testing._"
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disable input and calendar. _Tested with Mocha framework._"
            },
            "dateDisabled": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function callback receives a data object with a key of `date`. Write your own validation and return `true` if the date should be disabled, otherwise please return `false`. The value of `date` is the day rendered in the calendar with the current local time and timezone.",
                "defaultValue": {
                    "value": "() => false",
                    "computed": false
                }
            },
            "formatter": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Date formatting function that formats the `value` prop (`value` is an ECMAScript `Date()` object) and returns a string to be rendered as the `input` value. Please use an external library such as [MomentJS](https://github.com/moment/moment/) for date formatting and internationalization. _Tested with snapshot testing._\nThe default `formatter` function is:\n```\nformatter(date) {\n  return date\n   ? `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`\n   : '';\n}\n```",
                "defaultValue": {
                    "value": "(date) {\n\treturn date\n\t\t? `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`\n\t\t: '';\n}",
                    "computed": false
                }
            },
            "formattedValue": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Value of input that gets passed to `parser` prop on initial render. This prop is only present for uncontrolled use of Datepicker which is _highly discouraged_. A better name for this prop would be `defaultFormatedValue`. Please use the `value` prop instead. _Not tested._"
            },
            "hasError": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies the error style to the component."
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Prevents the dropdown from changing position based on the viewport/window. If set to true your dropdowns can extend outside the viewport _and_ overflow outside of a scrolling parent. If this happens, you might want to consider making the dropdowns contents scrollable to fit the menu on the screen. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component _Tested with snapshot testing._"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "abbreviatedWeekDays": {
                            "name": "array",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "months": {
                            "name": "array",
                            "required": false
                        },
                        "placeholder": {
                            "name": "string",
                            "required": false
                        },
                        "today": {
                            "name": "string",
                            "required": false
                        },
                        "weekDays": {
                            "name": "array",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `abbreviatedWeekDays`: Three letter abbreviations of the days of the week, starting on Sunday. _Tested with snapshot testing._\n* `months`: Names of the months. _Tested with snapshot testing._\n* `label`: This label appears above the input.\n* `placeholder`: Placeholder text for input. _Tested with snapshot testing._\n* `today`: Label of shortcut to jump to today within the calendar. This is also used for assistive text on today's date. _Tested with snapshot testing._\n* `weekDays`: Full names of the seven days of the week, starting on Sunday. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tabbreviatedWeekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n\tmonths: [\n\t\t'January',\n\t\t'February',\n\t\t'March',\n\t\t'April',\n\t\t'May',\n\t\t'June',\n\t\t'July',\n\t\t'August',\n\t\t'September',\n\t\t'October',\n\t\t'November',\n\t\t'December',\n\t],\n\tplaceholder: 'Pick a Date',\n\ttoday: 'Today',\n\tweekDays: [\n\t\t'Sunday',\n\t\t'Monday',\n\t\t'Tuesday',\n\t\t'Wednesday',\n\t\t'Thursday',\n\t\t'Friday',\n\t\t'Saturday',\n\t],\n}",
                    "computed": false
                }
            },
            "input": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "An [Input](http://react.lightningdesignsystem.com/components/inputs/) component. The props from this `Input` component will be merged and override any default props. See [Component composition with prop spread](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#component-composition-with-prop-spread) for more information on this methodology."
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Forces the dropdown to be open or closed. See controlled/uncontrolled callback/prop pattern for more on suggested use view [Concepts and Best Practices](https://github.com/salesforce-ux/design-system-react/blob/master/CONTRIBUTING.md#concepts-and-best-practices)"
            },
            "isIsoWeekday": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Makes Monday the first day of the week. _Tested with snapshot testing._"
            },
            "menuPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "onCalendarFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the user wants to focus on a new day with the keyboard. If the target node is a day it will return the keyboard event a data object with the shape: `{date: [Date object]}`. Event will be `null` when new month is re-rendered.  _Tested with Mocha framework._"
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the date changes. `onChange` can be used for form validation if needed. It receives an event and a data object in the shape: `{date: [Date object], formattedDate: [string], timezoneOffset: [number]}`. `data.date` is Coordinated Universal Time (UTC), but the days of the calendar are in local time of the user. The `timezoneOffset` is the difference, in minutes, between UTC and the local time. Please note that this means that the offset is positive if the local timezone is behind UTC and negative if it is ahead. `timezoneOffset` is in minutes, for hours divide by `60`. _Tested with Mocha framework._"
            },
            "onClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the calendar is closed. _Tested with Mocha framework._"
            },
            "onOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the calendar has opened. _Tested with Mocha framework._"
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function called when the calendar dialog would like hide. This will turn the calendar dialog into into a controlled component. Please use with `isOpen`. _Tested with Mocha framework._"
            },
            "onRequestOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function called when the calendar dialog would like show. This will turn the calendar dialog into into a controlled component. Please use with `isOpen`. _Tested with Mocha framework._"
            },
            "parser": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Custom function to parse date string from the `input` value, which must return an ECMAScript `Date()` object.  Please use an external library such as [MomentJS](https://github.com/moment/moment/) for date parsing and internationalization. The default `parser` passes the input value to ECMAScript `Date()` and _prays_ for a miracle. **Do not use the default parsing function in production.** _Tested with snapshot testing._\nThe default `parser function is:\n```\nparser(str) {\n  return new Date(str);\n}\n```",
                "defaultValue": {
                    "value": "(str) {\n\tlowPriorityWarning(\n\t\tfalse,\n\t\t`Please use an external library for date parsing and internationalization like MomentJS (https://github.com/moment/moment/) instead of the default parser.`\n\t);\n\treturn new Date(str);\n}",
                    "computed": false
                }
            },
            "relativeYearFrom": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Offset of year from current year that can be selected in the year selection dropdown. (2017 - 5 = 2012). _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "-10",
                    "computed": false
                }
            },
            "relativeYearTo": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Offset of year from current year that can be selected in the year selection dropdown. (2017 + 5 = 2012). _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "10",
                    "computed": false
                }
            },
            "triggerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `slds-datepicker-trigger`. This is typically a wrapping `div` around the input. _Tested with snapshot testing._"
            },
            "value": {
                "type": {
                    "name": "instanceOf",
                    "value": "Date"
                },
                "required": false,
                "description": "Sets date with a `Date` ECMAScript object. _Tested with snapshot testing._"
            }
        },
        "route": "datepickers",
        "display-name": "Datepickers",
        "SLDS-component-path": "/components/datepickers",
        "dependencies": []
    },
    "docked-composer": {
        "description": "The Docked Composer is a persistent utility bar that allows a user to continually use the app to complete tasks or gather information while expanding/collapsing a composer window. [component blueprint guidelines](https://www.lightningdesignsystem.com/components/docked-composer/).",
        "displayName": "DockedComposer",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component.\n_Tested with snapshot testing._"
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether the docked composer is open or closed.\n_Tested with snapshot testing._"
            },
            "header": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "Text or node to display in the header.\n_Tested with snapshot testing._"
            },
            "body": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Body of the composer.\n_Tested with snapshot testing._"
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "expandButton": {
                            "name": "string",
                            "required": false
                        },
                        "minimizeButton": {
                            "name": "string",
                            "required": false
                        },
                        "closeButton": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `expandButton`: This is a visually hidden label for expand button shown when the composer is minimized.\n* `minimizeButton`: This is a visually hidden label for minimize button shown when the composer is expanded.\n* `closeButton`: This is a visually hidden label for close button.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\texpandButton: 'Expand',\n\tminimizeButton: 'Minimize',\n\tcloseButton: 'Close',\n}",
                    "computed": false
                }
            },
            "classNameContainer": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Additional class name added to the container with slds-docked_container class.\n_Tested with snapshot testing._"
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onRequestMinimize": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestExpand": {
                            "name": "func",
                            "required": false
                        },
                        "onRequestClose": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Event Callbacks\n* `onRequestMinimize`: Called when minimize button is clicked.\n* `onRequestExpand`: Called when the expand button is clicked.\n* `onRequestClose`: Called when the close button is clicked.\n_Tested with Mocha testing._"
            }
        },
        "route": "docked-composers",
        "display-name": "Docked Composers",
        "SLDS-component-path": "/components/docked-composer",
        "dependencies": []
    },
    "dynamic-icon": {
        "description": "A set of delightful animated icons.",
        "methods": [
            {
                "name": "getIconChildren",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `label`: Used as a visually hidden label to describe the dynamic icon."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the icon."
            },
            "isPaused": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Pauses the icon animation if the value is true."
            },
            "isStatic": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables icon animation if set to true"
            },
            "scorePolarity": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'positive'",
                            "computed": false
                        },
                        {
                            "value": "'negative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Polarity values for the 'score' variant. Defaults to 'positive'"
            },
            "strengthLevel": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'-3'",
                            "computed": false
                        },
                        {
                            "value": "'-2'",
                            "computed": false
                        },
                        {
                            "value": "'-1'",
                            "computed": false
                        },
                        {
                            "value": "'0'",
                            "computed": false
                        },
                        {
                            "value": "'1'",
                            "computed": false
                        },
                        {
                            "value": "'2'",
                            "computed": false
                        },
                        {
                            "value": "'3'",
                            "computed": false
                        },
                        {
                            "value": "-3",
                            "computed": true
                        },
                        {
                            "value": "-2",
                            "computed": true
                        },
                        {
                            "value": "-1",
                            "computed": true
                        },
                        {
                            "value": "0",
                            "computed": false
                        },
                        {
                            "value": "1",
                            "computed": false
                        },
                        {
                            "value": "2",
                            "computed": false
                        },
                        {
                            "value": "3",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Range of strength values for the 'strength' variant. Defaults to '0'."
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": true,
                "description": "HTML title attribute."
            },
            "trendDirection": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'down'",
                            "computed": false
                        },
                        {
                            "value": "'up'",
                            "computed": false
                        },
                        {
                            "value": "'neutral'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Signals direction for the 'trend' variant. The default value 'neutral' points to the east."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'ellie'",
                            "computed": false
                        },
                        {
                            "value": "'eq'",
                            "computed": false
                        },
                        {
                            "value": "'score'",
                            "computed": false
                        },
                        {
                            "value": "'strength'",
                            "computed": false
                        },
                        {
                            "value": "'trend'",
                            "computed": false
                        },
                        {
                            "value": "'typing'",
                            "computed": false
                        },
                        {
                            "value": "'waffle'",
                            "computed": false
                        }
                    ]
                },
                "required": true,
                "description": "Different types of dynamic icons. Possible variants:\n\n`ellie` - Displays a pulsing blue circle, which pulses and stops after one animation cycle.\n`eq` - Displays an animated graph with three bars that rise and fall randomly.\n`score` - Displays a green filled circle or a red unfilled circle.\n`strength` - Displays three animated horizontal circles that are colored green or red.\n`trend` - Displays animated arrows that point up, down, or straight.\n`waffle` - Displays a 3x3 grid of dots that animates on hover."
            }
        },
        "route": "dynamic-icon",
        "display-name": "Dynamic Icon",
        "SLDS-component-path": "/components/dynamic-icon",
        "dependencies": []
    },
    "expandable-section": {
        "description": "Toggle visibility of section content with the Expandable Section",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "toggleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "toggleSection": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\n* `toggleSection`: Label for the icon that expands / collapses the section",
                "defaultValue": {
                    "value": "{\n\ttoggleSection: 'Toggle visibility of section',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Contents of the section"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the `slds-section` classed node"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Unique identifier for the expandable section. The id is automatically generated if not provided"
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Specifies whether the section is expanded or collapsed. If not provided, component will use its own state to manage this itself"
            },
            "nonCollapsible": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Specifies whether the section can be expanded or collapsed. Defaults to `false`",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "onToggleOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback for when the section is expanded or collapsed. Passes event object and data object with `isOpen` bool."
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": true,
                "description": "The title for the section"
            }
        },
        "route": "expandable-section",
        "display-name": "Expandable Section",
        "SLDS-component-path": "/components/expandable-section",
        "dependencies": []
    },
    "expression": {
        "description": "Expression builders help users declaratively construct logical expressions.\nThese expressions can be used when querying for a filtered set of records,\ncreating rules to control when something executes, or any other conditional logic.",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the Expression Group's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the Expression Group's HTML id. Generate a new one if no ID present."
            }
        ],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "`Expression` children, accepts `ExpressionCondition` & `ExpressionGroup`"
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onChangeTrigger": {
                            "name": "func",
                            "required": false
                        },
                        "onAddGroup": {
                            "name": "func",
                            "required": false
                        },
                        "onAddCondition": {
                            "name": "func",
                            "required": false
                        },
                        "onChangeCustomLogicValue": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Callbacks for various expression events such as trigger change, add group etc"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "addCondition": {
                            "name": "string",
                            "required": false
                        },
                        "addGroup": {
                            "name": "string",
                            "required": false
                        },
                        "customLogic": {
                            "name": "string",
                            "required": false
                        },
                        "takeAction": {
                            "name": "string",
                            "required": false
                        },
                        "title": {
                            "name": "string",
                            "required": false
                        },
                        "triggerAll": {
                            "name": "string",
                            "required": false
                        },
                        "triggerAlways": {
                            "name": "string",
                            "required": false
                        },
                        "triggerAny": {
                            "name": "string",
                            "required": false
                        },
                        "triggerCustom": {
                            "name": "string",
                            "required": false
                        },
                        "triggerFormula": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `addCondition`: Label for the Add Condition Button. Defaults to \"Add Condition\"\n* `addGroup`: Label for the Add Group Button. Defaults to \"Add Group\"\n* `customLogic`: Label for the text box for inputting `customLogicValue`, if the `triggerType` is `custom`. Defaults to \"Custom Logic\"\n* `takeAction`: Label for the `triggerType` selector. Defaults to \"Take Action When\"\n* `title` : Title for the Expression. Defaults to \"Conditions\"\n* `triggerAll`: Label for the `all` value within the trigger selector\n* `triggerAlways`: Label for the `always` value within the trigger selector\n* `triggerAny`: Label for the `any` value within the trigger selector\n* `triggerCustom`: Label for the `custom` value within the trigger selector\n* `triggerFormula`: Label for the `formula` value within the trigger selector",
                "defaultValue": {
                    "value": "{\n\ttitle: 'Conditions',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the element with class `.slds-expression`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "triggerType": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'all'",
                            "computed": false
                        },
                        {
                            "value": "'any'",
                            "computed": false
                        },
                        {
                            "value": "'custom'",
                            "computed": false
                        },
                        {
                            "value": "'always'",
                            "computed": false
                        },
                        {
                            "value": "'formula'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Sets the trigger type for the expression."
            },
            "customLogicValue": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Sets the input for the custom logic value input box, shown if the `triggerType` is set to `custom`."
            }
        },
        "route": "expression",
        "display-name": "Expression",
        "SLDS-component-path": "/components/expression",
        "dependencies": [
            {
                "condition": {
                    "description": "Expression Condition Component",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": "Get the Expression Condition's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the Expression Condition's HTML id. Generate a new one if no ID present."
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "title": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "deleteIcon": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `title`: For users of assistive technology, title for the condition fieldset. Defaults to 'Condition'\n* `deleteIcon`: For users of assistive technology, assistive text for the Delete Condition button's icon. Defaults to 'Delete Condition'",
                            "defaultValue": {
                                "value": "{\n\ttitle: 'Condition',\n\tdeleteIcon: 'Delete Condition',\n}",
                                "computed": false
                            }
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the element with class `.slds-expression__row`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "events": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "onChangeResource": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onChangeOperator": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onChangeValue": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onDelete": {
                                        "name": "func",
                                        "required": false
                                    }
                                }
                            },
                            "required": true,
                            "description": "Callbacks for various expression condition events such as value change, delete etc"
                        },
                        "focusOnMount": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "If set to true, the component will focus on the first focusable input upon mounting. This is useful for accessibility when adding new conditions."
                        },
                        "labels": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "deleteCondition": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "label": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "operator": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "resource": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "value": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every\n* `deleteCondition`: Title for the delete condition button. Defaults to \"Delete Condition\".\n* `label`: Label for the condition, shown left-most in the row. Left empty on default.\n* `operator`: Label for the operator selection dropdown. Defaults to \"Operator\"\n* `resource`: Label for the resource selection dropdown. Defaults to \"Resource\"\n* `value`: Label for the value input box. Defaults to \"Value\"",
                            "defaultValue": {
                                "value": "{\n\tlabel: '',\n\toperator: 'Operator',\n\tresource: 'Resource',\n\tvalue: 'Value',\n\tdeleteCondition: 'Delete Condition',\n}",
                                "computed": false
                            }
                        },
                        "isSubCondition": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Controls whether the condition is a sub-condition inside a ExpressionGroup"
                        },
                        "resourcesList": {
                            "type": {
                                "name": "arrayOf",
                                "value": {
                                    "name": "object"
                                }
                            },
                            "required": false,
                            "description": "**Array of item objects that are options in the resource selection dropdown menu.**\nEach object can contain:\n* `id`: A unique identifier string.\n* `label`: A primary string of text for a menu item.\n```\n{\n\tid: '1',\n\tlabel: 'Resource 1',\n},\n```\nNote: The dropdown uses the Combobox Component, and `resourcesList` is\npassed as `options` props to it, and hence shall also support more\ncustom objects. Please refer to the Combobox documentation."
                        },
                        "resourceSelected": {
                            "type": {
                                "name": "object"
                            },
                            "required": false,
                            "description": "Accepts an object from the `resourcesList` which needs to be selected\n for the resource dropdown menu,"
                        },
                        "operatorsList": {
                            "type": {
                                "name": "arrayOf",
                                "value": {
                                    "name": "object"
                                }
                            },
                            "required": false,
                            "description": "**Array of item objects that are options in the operator selection dropdown menu.**\nEach object can contain:\n* `id`: A unique identifier string.\n* `label`: A primary string of text for a menu item.\n```\n{\n\tid: '1',\n\tlabel: 'Operator 1',\n},\n```\nNote: The dropdown uses the Combobox Component, and `operatorList` is\npassed as `options` props to it, and hence shall also support more\ncustom objects. Please refer to the Combobox documentation."
                        },
                        "operatorSelected": {
                            "type": {
                                "name": "object"
                            },
                            "required": false,
                            "description": "Accepts an object from the `operatorSelected` which needs to be selected\n for the operator dropdown menu,"
                        },
                        "value": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Sets the input value for the Value input field.",
                            "defaultValue": {
                                "value": "''",
                                "computed": false
                            }
                        }
                    },
                    "name": "condition",
                    "source": "/components/expression/condition.jsx"
                }
            },
            {
                "formula": {
                    "description": "Expression Formula Component",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": "Get the Expression Condition's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the Expression Condition's HTML id. Generate a new one if no ID present."
                        },
                        {
                            "name": "handleTextEditorChange",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "help": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `help`: Assistive text for help icon",
                            "defaultValue": {
                                "value": "{\n\thelp: 'Help',\n}",
                                "computed": false
                            }
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the element with class `.slds-form-element`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "events": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "onChangeTextEditor": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onClickHelp": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onClickCheckSyntax": {
                                        "name": "func",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "Callbacks for various expression formula events such as text editor change, check syntax etc"
                        },
                        "labels": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "label": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "checkSyntax": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "textArea": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `label`: Label for the Expression Formula group.Defaults to \"Formula\"\n* `checkSyntax`: Label for the Check Syntax Button. Defaults to \"Check Syntax\"\n* `textArea`: Label for the `triggerType` selector. Defaults to \"Take Action When\"",
                            "defaultValue": {
                                "value": "{\n\tlabel: 'Formula',\n\tcheckSyntax: 'Check Syntax',\n\ttextArea: 'Text Area',\n}",
                                "computed": false
                            }
                        },
                        "resourceCombobox": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Accepts a single combobox component, to select resource in the expression formula editor"
                        },
                        "functionCombobox": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Accepts a single combobox component, to select function in the expression formula editor"
                        },
                        "operatorInput": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Accepts a single input component, to enter operator in the expression formula editor"
                        },
                        "textEditorValue": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Value for the text editor in expression formula editor"
                        }
                    },
                    "name": "formula",
                    "source": "/components/expression/formula.jsx"
                }
            },
            {
                "group": {
                    "description": "Expression Group Component",
                    "methods": [
                        {
                            "name": "triggerChange",
                            "docblock": "Return triggerType selected, processing the triggerType objects generated",
                            "modifiers": [
                                "static"
                            ],
                            "params": [
                                {
                                    "name": "event"
                                },
                                {
                                    "name": "data"
                                }
                            ],
                            "returns": null,
                            "description": "Return triggerType selected, processing the triggerType objects generated"
                        },
                        {
                            "name": "getId",
                            "docblock": "Get the Expression Group's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the Expression Group's HTML id. Generate a new one if no ID present."
                        },
                        {
                            "name": "getTriggers",
                            "docblock": "Generate and return trigger type objects, with labels either sent as props or using default props.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Generate and return trigger type objects, with labels either sent as props or using default props."
                        },
                        {
                            "name": "getTriggerSelection",
                            "docblock": "Returns object of trigger from trigger passed as prop",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Returns object of trigger from trigger passed as prop"
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "label": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "addCondition": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "addGroup": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `label`: For users of assistive technology, assistive text for the expression group's label.\n* `addCondition`: For users of assistive technology, assistive text for the Add Condition button's icon.\n* `addGroup`: For users of assistive technology, assistive text for the Add Group button's icon."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for ExpressionGroup component."
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "`ExpressionGroup` children, accepts `ExpressionCondition`. (Also accepts sub-`ExpressionGroup` if `isRoot`)"
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the element with class `.slds-expression__group`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "events": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "onChangeTrigger": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onChangeCustomLogicValue": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onAddCondition": {
                                        "name": "func",
                                        "required": false
                                    },
                                    "onAddGroup": {
                                        "name": "func",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "Callbacks for various expression group events such as trigger change, add condition etc"
                        },
                        "focusOnMount": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "If set to true, the component will focus on the first focusable input upon mounting. This is useful for accessibility when adding new groups."
                        },
                        "labels": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "addCondition": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "addGroup": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "customLogic": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "label": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "takeAction": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "triggerAll": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "triggerAlways": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "triggerAny": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "triggerCustom": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "triggerFormula": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `addCondition`: Label for the Add Condition Button. Defaults to \"Add Condition\"\n* `addGroup`: Label for the Add Group Button. Defaults to \"Add Group\"\n* `customLogic`: Label for the text box for inputting `customLogicValue`, if the `triggerType` is `custom`. Defaults to \"Custom Logic\"\n* `label`: Label for the expression group, to indicate condition connectors based on the parent's trigger-type chosen. Defaults to \"\"\n* `takeAction`: Label for the `triggerType` selector. Defaults to \"Take Action When\"\n* `triggerAll`: Label for the `all` value within the trigger selector\n* `triggerAlways`: Label for the `always` value within the trigger selector\n* `triggerAny`: Label for the `any` value within the trigger selector\n* `triggerCustom`: Label for the `custom` value within the trigger selector\n* `triggerFormula`: Label for the `formula` value within the trigger selector",
                            "defaultValue": {
                                "value": "{\n\tlabel: '',\n\ttakeAction: 'Take Action When',\n\tcustomLogic: 'Custom Logic',\n\taddCondition: 'Add Condition',\n\taddGroup: 'Add Group',\n\ttriggerAll: 'All Conditions Are Met',\n\ttriggerAny: 'Any Condition Is Met',\n\ttriggerCustom: 'Custom Logic Is Met',\n\ttriggerAlways: 'Always (No Criteria)',\n\ttriggerFormula: 'Formula Evaluates To True',\n}",
                                "computed": false
                            }
                        },
                        "isRoot": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the group is at root level"
                        },
                        "triggerType": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'all'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'any'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'custom'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'always'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'formula'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Trigger type for the Group",
                            "defaultValue": {
                                "value": "'all'",
                                "computed": false
                            }
                        },
                        "customLogicValue": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Sets the input for the custom logic value input box, shown if the `triggerType` is set to `custom`.",
                            "defaultValue": {
                                "value": "''",
                                "computed": false
                            }
                        }
                    },
                    "name": "group",
                    "source": "/components/expression/group.jsx"
                }
            }
        ]
    },
    "files": {
        "description": "Files is a component that wraps multiple file components that represent an attachment",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the File's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the File's HTML id. Generate a new one if no ID present."
            }
        ],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "crop": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'16-by-9'",
                            "computed": false
                        },
                        {
                            "value": "'4-by-3'",
                            "computed": false
                        },
                        {
                            "value": "'1-by-1'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Crop ratio for the file preview image",
                "defaultValue": {
                    "value": "'4-by-3'",
                    "computed": false
                }
            },
            "columnClassName": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Column class names to be added each file in the grid"
            }
        },
        "route": "files",
        "display-name": "Files",
        "SLDS-component-path": "/components/files",
        "dependencies": [
            {
                "file": {
                    "description": "File is a component that represents content uploaded as an attachment.",
                    "methods": [
                        {
                            "name": "injectMoreActionsStyles",
                            "docblock": null,
                            "modifiers": [
                                "static"
                            ],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "getId",
                            "docblock": "Get the File's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the File's HTML id. Generate a new one if no ID present."
                        },
                        {
                            "name": "handleOnClickImage",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "download": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "image": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "link": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "loading": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "moreActions": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n * download - description for the download button if present\n * image - description for the file image\n * link - description for the file link\n * loading - description for the loading spinner if present\n * moreActions - description for the more actions dropdown if present",
                            "defaultValue": {
                                "value": "{\n\tdownload: 'download',\n\tlink: 'Preview:',\n\tloading: 'loading',\n\tmoreActions: 'more actions',\n}",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
                        },
                        "crop": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'16-by-9'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'4-by-3'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'1-by-1'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Controls different cropping aspect ratios for the component",
                            "defaultValue": {
                                "value": "'16-by-9'",
                                "computed": false
                            }
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "onClickDownload": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Action to be done on clicking download button; doesn't show download button if empty"
                        },
                        "onClickImage": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function that is called when image is clicked; can be used instead of href for more advanced event handling"
                        },
                        "moreActionsDropdown": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Dropdown for more actions button; doesn't show more actions button if empty"
                        },
                        "icon": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Icon associated with the file. Accepts an Icon component"
                        },
                        "externalIcon": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Icon to be shown in top left corner of File component. Accepts an Icon component"
                        },
                        "image": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Link to thumbnail image"
                        },
                        "isLoading": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Controls whether file preview is loading",
                            "defaultValue": {
                                "value": "false",
                                "computed": false
                            }
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Href attribute for image",
                            "defaultValue": {
                                "value": "'#'",
                                "computed": false
                            }
                        },
                        "labels": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "title": {
                                        "name": "string",
                                        "required": true
                                    }
                                }
                            },
                            "required": false,
                            "description": "Labels for the File Component\n* image - title for the file. Required."
                        },
                        "hasNoVisibleTitle": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Controls whether the file's title should be visible",
                            "defaultValue": {
                                "value": "false",
                                "computed": false
                            }
                        }
                    },
                    "name": "file",
                    "source": "/components/files/file.jsx"
                }
            },
            {
                "more-files": {
                    "description": "MoreFiles is a component that represents a number of file contents uploaded as an attachment.",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "count": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "image": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "link": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n * count - description for the more files count\n * image - description for the image\n * link - description for the more files link",
                            "defaultValue": {
                                "value": "{\n\tcount: 'more files',\n\timage: 'Show more files',\n\tlink: 'Preview:',\n}",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "crop": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'16-by-9'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'4-by-3'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'1-by-1'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Controls different cropping aspect ratios for the component",
                            "defaultValue": {
                                "value": "'16-by-9'",
                                "computed": false
                            }
                        },
                        "image": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Link to thumbnail image"
                        },
                        "count": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Controls the number of additional files that is displayed"
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Href attribute for image",
                            "defaultValue": {
                                "value": "'#'",
                                "computed": false
                            }
                        }
                    },
                    "name": "more-files",
                    "source": "/components/files/more-files.jsx"
                }
            }
        ]
    },
    "filter": {
        "description": "A Filter is a popover with custom trigger. It can be used by [Panel Filtering](/components/panels/). Menus within a Filter Popover will need to not have \"portal mounts\" and be inline.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getCustomPopoverProps",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ assistiveText }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleFilterClick",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClose",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRemove",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Aligns the popover with the respective side of the trigger. That is `left` will place the `Popover` to the left of the Filter.",
                "defaultValue": {
                    "value": "'left'",
                    "computed": false
                }
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "editFilter": {
                            "name": "string",
                            "required": false
                        },
                        "editFilterHeading": {
                            "name": "string",
                            "required": false
                        },
                        "removeFilter": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `removeFilter`: Assistive text for removing a filter. The default is `Remove Filter: this.props.property this.props.predicate`.\n* `editFilter`: Assistive text for changing a filter.\n* `editFilterHeading`: Assistive text for Popover heading.",
                "defaultValue": {
                    "value": "{\n\teditFilter: 'Edit filter:',\n\teditFilterHeading: 'Choose filter criteria',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Contents of popover. That is the dropdowns and inputs that set the filter criteria."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes for `slds-filters__item` node. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "isError": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies error state styling. Per filter error messages are outside this components."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button. An `id` will be generated if none is supplied."
            },
            "isLocked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, the filter will not display an editing popover when clicked."
            },
            "isNew": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies new filter styling."
            },
            "isPermanent": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, the filter will not include a remove button."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Will be triggered when Done within the Popover is clicked. This is the place to update the filter props displayed. Callback will recieve parameters: `clickEvent, { id }`. An index into your store may be a good setting for `id`, so that it will be passed back here."
            },
            "onRemove": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Will be triggered when \"Remove Filter\" button is clicked. Callback will recieve parameters: `clickEvent, { id }`. An index into your store may be a good setting for `id`, so that it will be passed back here."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Will be triggered when Filter is clicked. This is the place to close/open popover if a custom popover is passed in"
            },
            "popover": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "A `Popover` component. The props from this popover will be merged and override any default props. This also allows a Filter's Popover dialog to be a controlled component. _Tested with Mocha framework._"
            },
            "predicate": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The criteria you are filtering for. For instance, if \"Hair Color is PURPLE\" is your filter, \"is PURPLE\" is your filter predicate.",
                "defaultValue": {
                    "value": "'New Filter'",
                    "computed": false
                }
            },
            "property": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The property you are filtering. For instance, if \"Hair Color is PURPLE\" is your filter, \"Hair Color\" is your filter property."
            }
        },
        "route": "filters",
        "display-name": "Filters",
        "SLDS-component-path": "/components/filter",
        "dependencies": []
    },
    "global-header": {
        "description": "The global header is the anchor for the Salesforce platform and spans all other parts of the UI. It accepts children to define the items displayed within.\n\nExample:\n```\n<SLDSGlobalHeader>\n  <SLDSGlobalHeaderSearch />\n  <SLDSGlobalHeaderButton />\n  <SLDSGlobalHeaderDropdown />\n  <SLDSGlobalHeaderDropdown />\n  <SLDSGlobalHeaderProfile />\n</SLDSGlobalHeader>\n```",
        "methods": [
            {
                "name": "handleSkipToContent",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSkipToNav",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "skipToNav": {
                            "name": "string",
                            "required": false
                        },
                        "skipToContent": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `skipToNav`: The localized text that will be read back for the \"Skip to Navigation\" accessibility link.\n* `skipToContent`: The localized text that will be read back for the \"Skip to Main Content\" accessibility link.",
                "defaultValue": {
                    "value": "{\n\tskipToNav: 'Skip to Navigation',\n\tskipToContent: 'Skip to Main Content',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "See the component description, this accepts some combination of `SLDSGlobalHeaderSearch`, `SLDSGlobalHeaderButton`, `SLDSGlobalHeaderDropdown`, and `SLDSGlobalHeaderProfile` components."
            },
            "logoSrc": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The Salesforce logo to display in the header.",
                "defaultValue": {
                    "value": "'/assets/images/logo-noname.svg'",
                    "computed": false
                }
            },
            "navigation": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Pass in the Global Navigation Bar component"
            },
            "onSkipToContent": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Required for accessibility. Should jump the user to the primary content area."
            },
            "onSkipToNav": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Required for accessibility. Should jump the user to the primary navigation."
            }
        },
        "route": "global-header",
        "display-name": "Global Header",
        "SLDS-component-path": "/components/global-header#flavor-base",
        "dependencies": [
            {
                "favorites": {
                    "description": "A GlobalHeaderFavorites component. The favorites action is used to \"favorite\" a commonly used page within a user's experience. When a user \"favorites\" a page by pressing the favorites action, the button icon changes color with a small animation to confirm your selection.",
                    "methods": [
                        {
                            "name": "toggleActionSelected",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "action": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "more": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `action`: Description of star button. Default is \"Toggle Favorite.\"\n* `more`: Description of dropdown menu. Default is \"View Favorites.\"",
                            "defaultValue": {
                                "value": "{\n\taction: 'Toggle Favorite',\n\tmore: 'View Favorites',\n}",
                                "computed": false
                            }
                        },
                        "actionDisabled": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Disables the favorites action (star) button and not the related Popover.\""
                        },
                        "actionSelected": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Controls whether the favorites action (star) button is selected or not"
                        },
                        "onToggleActionSelected": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "This event fires when the favorites action (star) button is toggled. Passes in `event, { actionSelected }`."
                        },
                        "popover": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Popover` component applied to the favorites more button. The props from this popover will be merged and override any default props. The `children` prop will be ignored."
                        }
                    },
                    "name": "favorites",
                    "source": "/components/global-header/favorites.jsx"
                }
            },
            {
                "help": {
                    "description": "A GlobalHeaderHelp component.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "triggerButton": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `triggerButton`: Assistive text for the GlobalHeaderHelp trigger button. The default is `Help and Training`.",
                            "defaultValue": {
                                "value": "{\n\ttriggerButton: 'Help and Training',\n}",
                                "computed": false
                            }
                        },
                        "popover": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Popover` component. The props from this popover will be merged and override any default props. The `children` prop will be ignored."
                        }
                    },
                    "name": "help",
                    "source": "/components/global-header/help.jsx"
                }
            },
            {
                "notifications": {
                    "description": "A GlobalHeaderNotifications component. Notifications are a way to notify a user about a global change within the application.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "newNotificationsAfter": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "newNotificationsBefore": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "noNotifications": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `newNotificationsAfter`: Assistive text for when there are new notifications, after the notificationCount. The default is ' new notifications'.\n* `newNotificationsBefore`: Assistive text for when there are new notifications, before the notificationCount. The default is ''.\n* `noNotifications`: Assistive text for when there are no new notifications.",
                            "defaultValue": {
                                "value": "{\n\tnewNotificationsAfter: ' new notifications',\n\tnewNotificationsBefore: '',\n\tnoNotifications: 'No new notifications',\n}",
                                "computed": false
                            }
                        },
                        "notificationCount": {
                            "type": {
                                "name": "number"
                            },
                            "required": false,
                            "description": "Dictates the number of notifications shown in the new notifications badge.",
                            "defaultValue": {
                                "value": "0",
                                "computed": false
                            }
                        },
                        "popover": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Popover` component. The props from this popover will be merged and override any default props. The `children` prop will be ignored."
                        }
                    },
                    "name": "notifications",
                    "source": "/components/global-header/notifications.jsx"
                }
            },
            {
                "profile": {
                    "description": "This component is an `Avatar` component that opens a `Popover` component when clicked.",
                    "methods": [],
                    "props": {
                        "className": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Extra classnames to apply to the popover."
                        },
                        "avatar": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "An image URL or avatar node to display for the user profile. Defaults to a base64 encoded generic user avatar image string"
                        },
                        "buttonClassName": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the `button` element."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the popover to the triggering button. If an id is not provided, it will be automatically generated."
                        },
                        "popover": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Popover` component. The props from this popover will be merged and override any default props."
                        },
                        "userName": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The user name of the profile. Defaults to \"User Name\"",
                            "defaultValue": {
                                "value": "'User Name'",
                                "computed": false
                            }
                        }
                    },
                    "name": "profile",
                    "source": "/components/global-header/profile.jsx"
                }
            },
            {
                "search": {
                    "description": "The GlobalHeaderSearch component is used for application wide search. The form element is implemented as a `Combobox`.",
                    "methods": [],
                    "props": {
                        "combobox": {
                            "type": {
                                "name": "node"
                            },
                            "required": true,
                            "description": "A required `Combobox` component. The props from this combobox will be merged and override any default props."
                        }
                    },
                    "name": "search",
                    "source": "/components/global-header/search.jsx"
                }
            },
            {
                "setup": {
                    "description": "A GlobalHeaderSetup component.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "triggerButton": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `triggerButton`: Assistive text for the GlobalHeaderSetup trigger button. The default is `Setup`.",
                            "defaultValue": {
                                "value": "{\n\ttriggerButton: 'Setup',\n}",
                                "computed": false
                            }
                        },
                        "dropdown": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Dropdown` component. The props from this dropdown will be merged and override any default props. This also allows custom content to be passed as children and rendered in the dropdown."
                        }
                    },
                    "name": "setup",
                    "source": "/components/global-header/setup.jsx"
                }
            },
            {
                "task": {
                    "description": "A GlobalHeaderTask component.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "triggerButton": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `triggerButton`: Assistive text for the GlobalHeaderTask trigger button. The default is `Global Actions`.",
                            "defaultValue": {
                                "value": "{\n\ttriggerButton: 'Global Actions',\n}",
                                "computed": false
                            }
                        },
                        "dropdown": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "A `Dropdown` component. The props from this dropdown will be merged and override any default props. This also allows custom content to be passed as children and rendered in the dropdown."
                        }
                    },
                    "name": "task",
                    "source": "/components/global-header/task.jsx"
                }
            }
        ]
    },
    "global-navigation-bar": {
        "description": "Global Navigation Bar represents a list of links that either take the user to another page or parts of the page the user is in.",
        "methods": [],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The items to be displayed in the Global Navigation Bar."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element."
            },
            "cloud": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Typically the cloud name (e.g.- \"sales\" or \"marketing\"). This primarily changes the background color."
            },
            "theme": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'light'",
                            "computed": false
                        },
                        {
                            "value": "'dark'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Transforms text and interactions (such as hover) to be more visually accessible."
            }
        },
        "route": "global-navigation-bar",
        "display-name": "Global Navigation Bar",
        "SLDS-component-path": "/components/global-navigation",
        "dependencies": [
            {
                "button": {
                    "description": "A helper component that renders a Button as an item in the Global Navigation Bar. All props are passed onto `Button` except `active` and `dividerPosition`.",
                    "methods": [],
                    "props": {
                        "active": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the item is active or not."
                        },
                        "dividerPosition": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines position of separating bar."
                        },
                        "className": {
                            "defaultValue": {
                                "value": "'slds-context-bar__label-action slds-text-body_regular'",
                                "computed": false
                            },
                            "required": false
                        },
                        "style": {
                            "defaultValue": {
                                "value": "{ lineHeight: 'inherit' }",
                                "computed": false
                            },
                            "required": false
                        },
                        "variant": {
                            "defaultValue": {
                                "value": "'base'",
                                "computed": false
                            },
                            "required": false
                        }
                    },
                    "name": "button",
                    "source": "/components/global-navigation-bar/button.jsx"
                }
            },
            {
                "dropdown": {
                    "description": "This component is an implementation of `MenuDropdown` with a custom trigger. All the properties listed below are provided to the `MenuDropdown` component. Any additional properties are provided to the Custom Trigger (that is the `Button` or `li` tag).",
                    "methods": [],
                    "props": {
                        "active": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the item is active or not."
                        },
                        "activeBackgroundColor": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Allows alignment of active item with active application background color."
                        },
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "icon": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `icon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. If the button has an icon and a visible label, you can omit the <code>assistiveText.icon</code> prop and use the <code>label</code> prop."
                        },
                        "align": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Aligns the right or left side of the menu with the respective side of the trigger. This is not intended for use with `nubbinPosition`.",
                            "defaultValue": {
                                "value": "'right'",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Extra classnames to apply to the dropdown menu."
                        },
                        "dividerPosition": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines position of separating bar."
                        },
                        "buttonClassName": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to `li` element."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button."
                        },
                        "length": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "null",
                                        "computed": false
                                    },
                                    {
                                        "value": "'5'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'7'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'10'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Provided to List to indicate number of items visible in the List. Pass `null` to display all items, or a string containing one of the numeric option values listed under [Dropdown Height](https://www.lightningdesignsystem.com/components/menus/#flavor-dropdown-height) at the right (eg. '5').",
                            "defaultValue": {
                                "value": "null",
                                "computed": false
                            }
                        },
                        "offset": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Offset adds pixels to the absolutely positioned dropdown menu in the format: ([vertical]px [horizontal]px)."
                        },
                        "onSelect": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when an item in the menu is clicked."
                        },
                        "options": {
                            "type": {
                                "name": "array"
                            },
                            "required": true,
                            "description": "An array of menu item."
                        }
                    },
                    "name": "dropdown",
                    "source": "/components/global-navigation-bar/dropdown.jsx"
                }
            },
            {
                "label": {
                    "description": "Wraps text in the proper markup and removes link styling to support use in the GlobalNavigationBar.",
                    "methods": [],
                    "props": {
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Class names to be added to the `span` element"
                        },
                        "dividerPosition": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines position of separating bar."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Id string applied to first <span> inside of <li>"
                        },
                        "label": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text to show"
                        }
                    },
                    "name": "label",
                    "source": "/components/global-navigation-bar/label.jsx"
                }
            },
            {
                "link": {
                    "description": "Wraps a link in the proper markup to support use in the GlobalNavigationBar.",
                    "methods": [],
                    "props": {
                        "active": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the item is active or not."
                        },
                        "activeBackgroundColor": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Allows alignment of active item with active application background color. If application background is dark, text color may need to be `#fff`. This can be done with the style prop."
                        },
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "activeDescriptor": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `activeDescriptor`: The text that appears alongside a link that is currently active."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Class names to be added to the anchor element"
                        },
                        "dividerPosition": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines position of separating bar."
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The `href` attribute of the link. Please pass in bookmarkable URLs from your routing library. Use `GlobalNavigationBarButton` if a \"real URL\" is not desired. If the `onClick` callback is specified this URL will still be prevented from changing the browser's location."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "The `id` attribute is applied to the `li` tag. _This was recently changed from being on the anchor tag._"
                        },
                        "label": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Text to show for link item."
                        },
                        "onBlur": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when focus is removed."
                        },
                        "onClick": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "`function (event, href)` - fires when the link is clicked. If set, the browser location change to the `href` specified will be ignored, but the `href` will be included in an additional parameter passed to the callback."
                        },
                        "onFocus": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when component is focused."
                        },
                        "onKeyDown": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when a key is pressed down"
                        },
                        "onKeyPress": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when a key is pressed and released"
                        },
                        "onKeyUp": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when a key is released"
                        },
                        "onMouseEnter": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when a mouse arrow hovers"
                        },
                        "onMouseLeave": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggered when a mouse arrow no longer hovers"
                        },
                        "tabIndex": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Write \"-1\" if you don't want the user to tab to the button."
                        }
                    },
                    "name": "link",
                    "source": "/components/global-navigation-bar/link.jsx"
                }
            },
            {
                "region": {
                    "description": "Regions make up a GlobalNavigation Bar and typically contain links and dropdowns. The Primary region contains the AppSwitcher, Application Name, and Object Switcher. The secondary region typically has navigation betweens sections of the application. The tertiary region is aligned to the right side of the screen and contains shortcuts or actions.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Contents of region. Expects `GlobalNavigationBarLink`, `GlobalNavigationBarDropdown`, `GlobalNavigationBarApplicationName`, `AppSwitcher`, but could be any component. This is the place to pass in an Object Switcher until that is supported."
                        },
                        "dividerPosition": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'left'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'right'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines position of separating bar."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the region"
                        },
                        "navigation": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Wraps the `secondary` region in a `nav` and adds a role attribute"
                        },
                        "region": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'primary'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'secondary'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'tertiary'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": true,
                            "description": "Region wrap children in styling specific to that region. When `tertiary`\nregion is used, secondary region only supports four list items."
                        }
                    },
                    "name": "region",
                    "source": "/components/global-navigation-bar/region.jsx"
                }
            }
        ]
    },
    "icon-settings": {
        "description": "The Icon Settings component allows for the path to the icons to be specified in all child components and is recommended to be used at the root of the application. It's render function is `return this.props.children`, so it can only have one child node.\n\n**Individual sprites**\nIf you are using webpack it is advised to use the sprite properties\n{actionSprite, standardSprite...} to specify the individual sprite paths so that webpack can\neasily re-write the paths.\n```\nimport actionSprite from '......';\n\n<IconSettings actionSprite={actionSprite} ......>\n```\n**Root icon path**\nOtherwise use the iconPath to specify the root path to where the icon files will be located in you application\nsuch as `/assets/icons`.",
        "methods": [],
        "props": {
            "iconPath": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the root icon folder\nexample: `/assets/icons`"
            },
            "onRequestIconPath": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function to allow developers to return a custom icon path--for instance, on the same page with a local anchor (`#down`). This is helpful for when there are Cross-Origin Resource Sharing (CORS) issues with SVGs that are located on another domain such as a CDN. `({category, name}) => { return \\`#${name}\\` }`"
            },
            "actionSprite": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the action sprite\nexample: '@salesforce-ux/design-system/assets/icons/action-sprite/svg/symbols.svg';"
            },
            "customSprite": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the custom sprite\nexample: '@salesforce-ux/design-system/assets/icons/custom-sprite/svg/symbols.svg';"
            },
            "doctypeSprite": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the doctype sprite\nexample: '@salesforce-ux/design-system/assets/icons/doctype-sprite/svg/symbols.svg';"
            },
            "standardSprite": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the standard sprite\nexample: '@salesforce-ux/design-system/assets/icons/standard-sprite/svg/symbols.svg';"
            },
            "utilitySprite": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the utility sprite\nexample: '@salesforce-ux/design-system/assets/icons/utility-sprite/svg/symbols.svg';"
            }
        },
        "route": "icon-settings",
        "display-name": "Icon Settings",
        "dependencies": []
    },
    "icon": {
        "description": "The Icon component is the Lightning Design System Icon component and should be used for naked icons. For icons that are buttons, use the <a href='/components/buttons/'>Button component</a> component with <code>variant='icon'</code>.",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `label`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. Naked icons must have assistive text, however, if you also have visible descriptive text with the icon, declare this prop as <code>assistiveText=''</code>.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "category": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'action'",
                            "computed": false
                        },
                        {
                            "value": "'custom'",
                            "computed": false
                        },
                        {
                            "value": "'doctype'",
                            "computed": false
                        },
                        {
                            "value": "'standard'",
                            "computed": false
                        },
                        {
                            "value": "'utility'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Icon category from [lightningdesignsystem.com/icons/](https://www.lightningdesignsystem.com/icons/)",
                "defaultValue": {
                    "value": "'standard'",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the SVG."
            },
            "containerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes that are applied to the span."
            },
            "containerStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Styles that are applied to the span."
            },
            "colorVariant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'default'",
                            "computed": false
                        },
                        {
                            "value": "'error'",
                            "computed": false
                        },
                        {
                            "value": "'light'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        },
                        {
                            "value": "'success'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Icon color variants",
                "defaultValue": {
                    "value": "'default'",
                    "computed": false
                }
            },
            "icon": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "A custom SVG object to use instead of the supplied SLDS icons, look in `design-system-react/icons` for examples and syntax."
            },
            "inverse": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Setting `inverse` to true will switch the color of the icon: light to dark, dark to light."
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the icon. Visit <a href='http://www.lightningdesignsystem.com/resources/icons'>Lightning Design System Icons</a> to reference icon names."
            },
            "path": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Path to the icon. This will override any global icon settings"
            },
            "productTheme": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'global-setup'",
                            "computed": false
                        },
                        {
                            "value": "'service-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'industry-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'sales-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'commerce-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'community-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'marketing-cloud'",
                            "computed": false
                        },
                        {
                            "value": "'quip'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Background theme color for the icon. **Only compatible with icon category `standard`**"
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'xx-small'",
                            "computed": false
                        },
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of the icon. Visit [lightningdesignsystem.com/components/icons/#flavor-sizes](https://www.lightningdesignsystem.com/components/icons/#flavor-sizes)",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the SVG. Could be used to change icon or background color."
            },
            "title": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Title attribute for the icon container"
            }
        },
        "route": "icons",
        "display-name": "Icons",
        "SLDS-component-path": "/components/icons",
        "dependencies": []
    },
    "input": {
        "description": "The HTML `input` with a label and error messaging.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getValueAsNumber",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getCounterButtonIcon",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "direction",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getIconRender",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "position",
                        "type": null
                    },
                    {
                        "name": "iconPositionProp",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setInputRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "ref",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "performStep",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "direction",
                        "type": null
                    },
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "stopStepping",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "aria-activedescendant": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-activedescendant attribute contains the ID of the currently active child object that is part of a composite widget within the Document Object Model. It makes do with the overhead of having all or more than one child focusable. As the name specifies, it helps in managing the current active child of the composite widget."
            },
            "aria-autocomplete": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Indicates if the suggestions in a composite widget are values that complete the current textbox input."
            },
            "aria-controls": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An HTML ID that is shared with ARIA-supported devices with the\n`aria-controls` attribute in order to relate the input with\nanother region of the page. An example would be a select box\nthat shows or hides a panel."
            },
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The `aria-describedby` attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them. This is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more information that the user might need."
            },
            "aria-expanded": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Use the `aria-expanded` state to indicate whether regions of the content are collapsible, and to expose whether a region is currently expanded or collapsed."
            },
            "aria-haspopup": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Indicates that the element has a popup context menu or sub-level menu."
            },
            "aria-labelledby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-labelledby attribute contains the element IDs of labels in objects such as input elements, widgets, and groups. The attribute establishes relationships between objects and their labels. Assistive technology, such as screen readers, use this attribute to catalog the objects in a document so that users can navigate between them. Without an element ID, the assistive technology cannot catalog the object."
            },
            "aria-owns": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An HTML ID that is shared with ARIA-supported devices with the\n`aria-controls` attribute in order to relate the input with\nanother region of the page. An example would be a search field\nthat shows search results."
            },
            "aria-required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "The `aria-required` attribute is used to indicate that user input is required on an element before a form can be submitted."
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "spinner": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `label`: Visually hidden label but read out loud by screen readers.\n* `spinner`: Text for loading spinner icon.",
                "defaultValue": {
                    "value": "{\n\tdecrement: `${DECREMENT} ${COUNTER}`,\n\tincrement: `${INCREMENT} ${COUNTER}`,\n}",
                    "computed": false
                }
            },
            "autoComplete": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Disabled brower's autocomplete when \"off\" is used."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Elements are added after the `input`."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the outer container of the input."
            },
            "defaultValue": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "number"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "This is the initial value of an uncontrolled form element and\nis present only to provide compatibility with hybrid framework\napplications that are not entirely React. It should only be used\nin an application without centralized state (Redux, Flux).\n\"Controlled components\" with centralized state is highly recommended.\nSee [Code Overview](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#controlled-and-uncontrolled-components) for more information."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the input and prevents editing the contents."
            },
            "errorText": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Message to display when the input is in an error state. When this is present, also visually highlights the component as in error."
            },
            "fieldLevelHelpTooltip": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "A [Tooltip](https://react.lightningdesignsystem.com/components/tooltips/) component that is displayed next to the label."
            },
            "fixedTextLeft": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Displays text or node to the left of the input. This follows the fixed text input UX pattern."
            },
            "fixedTextRight": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Displays text or node to the right of the input. This follows the fixed text input UX pattern."
            },
            "hasSpinner": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, loading spinner appears inside input on right hand side."
            },
            "iconLeft": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Left aligned icon, must be instace of `design-system-react/components/icon/input-icon`"
            },
            "iconRight": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Right aligned icon, must be instace of `design-system-react/components/icon/input-icon`"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Every input must have a unique ID in order to support keyboard navigation and ARIA support."
            },
            "inlineHelpText": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Displays help text under the input."
            },
            "inputRef": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback exposes the input reference / DOM node to parent components. `<Parent inputRef={(inputComponent) => this.input = inputComponent} />"
            },
            "isStatic": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Displays the value of the input statically. This follows the static input UX pattern."
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "This label appears above the input."
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when focus is removed."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback fires when the input changes. Passes in `event, { value }`."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the input is clicked."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when component is focused."
            },
            "onInput": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Similar to `onchange`. Triggered when an element gets user input."
            },
            "onInvalid": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a submittable `<input>` element is invalid."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed down"
            },
            "onKeyPress": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed and released"
            },
            "onKeyUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is released"
            },
            "onSelect": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered after some text has been selected in an element."
            },
            "onSubmit": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Fires when a form is submitted."
            },
            "placeholder": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Text that will appear in an empty input."
            },
            "minLength": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Sets the minimum number of characters that an `<input>` can accept."
            },
            "minValue": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Specifies minimum accepted value for a counter input"
            },
            "maxLength": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Sets the maximum number of characters that an `<input>` can accept."
            },
            "maxValue": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Specifies maximum accepted value for a counter input"
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the submitted form parameter."
            },
            "readOnly": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Displays the value of the input as read-only. This is used in the inline edit UX pattern."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Highlights the input as a required field (does not perform any validation)."
            },
            "role": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "ARIA role"
            },
            "step": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Determines the step size upon increment or decrement. Can be set to decimal values."
            },
            "styleInput": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "styles to be added to input"
            },
            "styleContainer": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component container"
            },
            "type": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'text'",
                            "computed": false
                        },
                        {
                            "value": "'password'",
                            "computed": false
                        },
                        {
                            "value": "'datetime'",
                            "computed": false
                        },
                        {
                            "value": "'datetime-local'",
                            "computed": false
                        },
                        {
                            "value": "'date'",
                            "computed": false
                        },
                        {
                            "value": "'month'",
                            "computed": false
                        },
                        {
                            "value": "'time'",
                            "computed": false
                        },
                        {
                            "value": "'week'",
                            "computed": false
                        },
                        {
                            "value": "'number'",
                            "computed": false
                        },
                        {
                            "value": "'email'",
                            "computed": false
                        },
                        {
                            "value": "'url'",
                            "computed": false
                        },
                        {
                            "value": "'search'",
                            "computed": false
                        },
                        {
                            "value": "'tel'",
                            "computed": false
                        },
                        {
                            "value": "'color'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The `<Input>` element includes support for all HTML5 types.",
                "defaultValue": {
                    "value": "'text'",
                    "computed": false
                }
            },
            "value": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "number"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "The input is a controlled component, and will always display this value."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'counter'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Which UX pattern of input? The default is `base` while other option is `counter`"
            }
        },
        "route": "inputs",
        "display-name": "Inputs",
        "SLDS-component-path": "/components/input",
        "dependencies": [
            {
                "search": {
                    "description": "A `Search` is an `Input` which renders the search icon by default. It can be cleared, too. All `Input` props not specified as props already may be used with this component and will override defaults.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "label": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `label`: Assistive text to search input",
                            "defaultValue": {
                                "value": "{}",
                                "computed": false
                            }
                        },
                        "clearable": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Adds a clear button to right side of the input"
                        },
                        "onClear": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Triggers when the clear button is clicked"
                        },
                        "onSearch": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "This event fires when enter is pressed in the `input` or the search button is clicked."
                        },
                        "placeholder": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Placeholder for the input"
                        }
                    },
                    "name": "search",
                    "source": "/components/input/search.jsx"
                }
            }
        ]
    },
    "location-map": {
        "description": "A location map component is used to find and show locations",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the LocationMap's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the LocationMap's HTML id. Generate a new one if no ID present."
            },
            {
                "name": "handleClick",
                "docblock": "Handles clicking of a location",
                "modifiers": [],
                "params": [
                    {
                        "name": "event"
                    },
                    {
                        "name": "i"
                    }
                ],
                "returns": null,
                "description": "Handles clicking of a location"
            }
        ],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added with `slds-map` class. `array`, `object`, or `string` are accepted."
            },
            "classNameContainer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
            },
            "defaultLocation": {
                "type": {
                    "name": "shape",
                    "value": {
                        "id": {
                            "name": "string",
                            "required": true
                        },
                        "name": {
                            "name": "string",
                            "required": true
                        },
                        "address": {
                            "name": "string",
                            "required": true
                        }
                    }
                },
                "required": true,
                "description": "Accepts location object that will be shown if no location has been selected. Required\n * `id` : A unique identifier string for the location\n * `name` : Name of the location\n * `address` : Address of the location"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "title": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Labels\n * `title` - Title for the LocationMap component."
            },
            "locations": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "id": {
                                "name": "string",
                                "required": true
                            },
                            "name": {
                                "name": "string",
                                "required": true
                            },
                            "address": {
                                "name": "string",
                                "required": true
                            }
                        }
                    }
                },
                "required": true,
                "description": "Array of locations objects for the LocationMap component.**\nEach location object can contain:\n * `id` : A unique identifier string for the location\n * `name` : Name of the location\n * `address` : Address of the location"
            },
            "onClickLocation": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback function triggered when a location is selected"
            },
            "googleAPIKey": {
                "type": {
                    "name": "string"
                },
                "required": true,
                "description": "Accepts a Google Map API Key that will be used for showing the map"
            },
            "selection": {
                "type": {
                    "name": "shape",
                    "value": {
                        "id": {
                            "name": "string",
                            "required": true
                        },
                        "name": {
                            "name": "string",
                            "required": true
                        },
                        "address": {
                            "name": "string",
                            "required": true
                        }
                    }
                },
                "required": false,
                "description": "Accepts location object that will be shown when selected\n * `id` : A unique identifier string for the location\n * `name` : Name of the location\n * `address` : Address of the location"
            }
        },
        "route": "location-map",
        "display-name": "Location Map",
        "SLDS-component-path": "/components/location-map",
        "dependencies": []
    },
    "media-object": {
        "description": "When you need text and a figure next to each other, use a media object.",
        "methods": [],
        "props": {
            "canTruncate": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Often the body may need to be truncated for correct layout. This is only applicable if using the component within a flexbox container."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the component's HTML tag with `slds-media` class."
            },
            "body": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The body is often text such as a heading or paragraph."
            },
            "figure": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The figure is the optional visualization of the text within the body."
            },
            "verticalCenter": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Vertically centers the body with the middle of the figure."
            }
        },
        "route": "media-objects",
        "display-name": "Media Objects",
        "SLDS-component-path": "/components/utilities/media-object",
        "dependencies": []
    },
    "menu-dropdown": {
        "description": "The MenuDropdown component is a variant of the Lightning Design System Menu component. This component\nmay require a polyfill such as [classList](https://github.com/yola/classlist-polyfill) due to\n[react-onclickoutside](https://github.com/Pomax/react-onclickoutside) if Internet Explorer 11\nsupport is needed.\n\nThis component is wrapped in a [higher order component to listen for clicks outside itself](https://github.com/kentor/react-click-outside) and thus requires use of `ReactDOM`.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIndexByValue",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "value",
                        "type": null
                    },
                    {
                        "name": "options",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getValueByIndex",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getListItemRenderer",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getListItemId",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setFocus",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getMenu",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getMenuItem",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getCurrentSelectedIndices",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "nextProps",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "saveRefToTrigger",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "trigger",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "saveRefToTriggerContainer",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "triggerContainer",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "saveRefToList",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "list",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "saveRefToListItem",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "listItem",
                        "type": null
                    },
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClose",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleMouseEnter",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleMouseLeave",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCloseForHover",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleOpenForHover",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClickCustomContent",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleSelect",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCancel",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClickOutside",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleKeyboardNavigate",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{\n\tevent,\n\tisOpen = true,\n\tkeyCode,\n\tonFocus = this.handleKeyboardFocus,\n\tonSelect,\n\ttarget,\n\ttoggleOpen = noop,\n}",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyboardFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "focusedIndex",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "focusMenuItem",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "menuItem",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "scrollToMenuItem",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "menu",
                        "type": null
                    },
                    {
                        "name": "menuItem",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "toggleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderDefaultMenuContent",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "customListProps",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderMenuContent",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "customContent",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderDialog",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "customContent",
                        "type": null
                    },
                    {
                        "name": "isOpen",
                        "type": null
                    },
                    {
                        "name": "outsideClickIgnoreClass",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderOverlay",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "isOpen",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'center'",
                            "computed": false
                        },
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Aligns the menu center, right, or left respective to the trigger. This is not intended for use with `nubbinPosition`.",
                "defaultValue": {
                    "value": "'left'",
                    "computed": false
                }
            },
            "assistiveText": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. You can omit this prop if you are using the `label` prop."
            },
            "buttonClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to triggering button."
            },
            "buttonInverse": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, button/icon is white. Meant for buttons or utility icons on dark backgrounds."
            },
            "buttonVariant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'neutral'",
                            "computed": false
                        },
                        {
                            "value": "'brand'",
                            "computed": false
                        },
                        {
                            "value": "'destructive'",
                            "computed": false
                        },
                        {
                            "value": "'icon'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Determines variant of the Button component that triggers dropdown."
            },
            "checkmark": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, renders checkmark icon on the selected Menu Item."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "If you need custom content _and_ a list, use a `<Popover>` instead."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to dropdown menu."
            },
            "containerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "By default, these class names will be added to the absolutely-positioned `Dialog` component."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Prevent dropdown menu from opening. Also applies disabled styling to trigger button."
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Prevents the dropdown from changing position based on the viewport/window. If set to true your dropdowns can extend outside the viewport _and_ overflow outside of a scrolling parent. If this happens, you might want to consider making the dropdowns contents scrollable to fit the menu on the screen. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._"
            },
            "hint": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Associates an icon button with another element on the page by changes the color of the SVG. Please reference <a href=\"http://www.lightningdesignsystem.com/components/buttons/#hint\">Lightning Design System Buttons > Hint</a>."
            },
            "hoverCloseDelay": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Delay on menu closing in milliseconds.",
                "defaultValue": {
                    "value": "300",
                    "computed": false
                }
            },
            "iconCategory": {
                "type": {
                    "name": "custom",
                    "raw": "requiredIf(\n\tPropTypes.oneOf(['action', 'custom', 'doctype', 'standard', 'utility']),\n\t(props) => !!props.iconName\n)"
                },
                "required": false,
                "description": "Name of the icon category. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon categories."
            },
            "iconName": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the icon. Visit <a href=\"http://www.lightningdesignsystem.com/resources/icons\">Lightning Design System Icons</a> to reference icon names."
            },
            "iconPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "If omitted, icon position is centered."
            },
            "iconVariant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'bare'",
                            "computed": false
                        },
                        {
                            "value": "'container'",
                            "computed": false
                        },
                        {
                            "value": "'border'",
                            "computed": false
                        },
                        {
                            "value": "'border-filled'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'more'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "For icon variants, please reference <a href=\"http://www.lightningdesignsystem.com/components/buttons/#icon\">Lightning Design System Icons</a>."
            },
            "iconSize": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the size of the icon."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button."
            },
            "inverse": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Adds inverse class to the dropdown",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Forces the dropdown to be open or closed. See controlled/uncontrolled callback/prop pattern for more on suggested use view [Concepts and Best Practices](https://github.com/salesforce-ux/design-system-react/blob/master/CONTRIBUTING.md#concepts-and-best-practices)"
            },
            "label": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Text within the trigger button."
            },
            "listItemRenderer": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Custom element that overrides the default Menu Item component."
            },
            "length": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "null",
                            "computed": false
                        },
                        {
                            "value": "'5'",
                            "computed": false
                        },
                        {
                            "value": "'7'",
                            "computed": false
                        },
                        {
                            "value": "'10'",
                            "computed": false
                        },
                        {
                            "value": "5",
                            "computed": false
                        },
                        {
                            "value": "7",
                            "computed": false
                        },
                        {
                            "value": "10",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "This prop is passed into the List for the menu. Pass null to make it the size of the content, or a string with an integer from here: https://www.lightningdesignsystem.com/components/menus/#flavor-dropdown-height",
                "defaultValue": {
                    "value": "'5'",
                    "computed": false
                }
            },
            "menuPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "menuStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Style applied to menu element (that is the `.slds-dropdown` element)"
            },
            "nubbinPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'top left'",
                            "computed": false
                        },
                        {
                            "value": "'top'",
                            "computed": false
                        },
                        {
                            "value": "'top right'",
                            "computed": false
                        },
                        {
                            "value": "'bottom left'",
                            "computed": false
                        },
                        {
                            "value": "'bottom'",
                            "computed": false
                        },
                        {
                            "value": "'bottom right'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Positions dropdown menu with a nubbin--that is the arrow notch. The placement options correspond to the placement of the nubbin. This is implemeted with CSS classes and is best used with a `Button` with \"icon container\" styling (`iconVariant=\"container\"`). Use with `isInline` prop, since positioning is determined by CSS via absolute-relative positioning, and using an absolutely positioned menu will not position the menu correctly without manual offsets."
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when the triggering button loses focus."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Triggered when the trigger button is clicked."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when the triggering button gains focus."
            },
            "openOn": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'hover'",
                            "computed": false
                        },
                        {
                            "value": "'click'",
                            "computed": false
                        },
                        {
                            "value": "'hybrid'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines if mouse hover or click opens or closes the dropdown menu. The default of `click` opens the menu on click, touch, or keyboard navigation and is highly recommended to comply with accessibility standards. The other options are `hover` which opens when the mouse enters the focusable area, and `hybrid` which causes the menu to open on clicking of the trigger, but closes the menu when the mouse leaves the menu and trigger area. If you are planning on using `hover` or `hybrid`, please pause a moment and reconsider.",
                "defaultValue": {
                    "value": "'click'",
                    "computed": false
                }
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when a key pressed."
            },
            "onMouseDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when mouse clicks down on the trigger button."
            },
            "onMouseEnter": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when mouse hovers over the trigger button. This is only called if `this.props.openOn` is set to `hover`."
            },
            "onMouseLeave": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when mouse hover leaves the trigger button. This is only called if `this.props.openOn` is set to `hover`."
            },
            "onSelect": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when an item in the menu is clicked."
            },
            "onOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the dropdown is opened."
            },
            "onClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the dropdown is closed."
            },
            "options": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "An array of menu item objects. `className` and `id` object keys are applied to the `li` DOM node. `divider` key can have a value of `top` or `bottom`. `rightIcon` and `leftIcon` are not actually `Icon` components, but prop objects that get passed to an `Icon` component. The `href` key will be added to the `a` and its default click event will be prevented. Here is a sample:\n```\n[{\n  className: 'custom-li-class',\n    divider: 'bottom',\n    label: 'A Header',\n    type: 'header'\n }, {\n    href: 'http://sfdc.co/',\n    id: 'custom-li-id',\n    label: 'Has a value',\n  leftIcon: {\n   name: 'settings',\n   category: 'utility'\n  },\n  rightIcon: {\n   name: 'settings',\n   category: 'utility'\n  },\n    type: 'item',\n    value: 'B0'\n }, {\n  tooltipContent: 'Displays a tooltip when hovered over with this content. The `tooltipMenuItem` prop must be set for this to work.',\n  type: 'divider'\n}]\n```"
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "An object of CSS styles that are applied to the triggering button."
            },
            "tabIndex": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Write <code>\"-1\"</code> if you don't want the user to tab to the button."
            },
            "overlay": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "bool"
                        },
                        {
                            "name": "func"
                        }
                    ]
                },
                "required": false,
                "description": "If `true`, adds a transparent overlay when the menu is open to handle outside clicks. Allows clicks on iframes to be captured, but also forces a double-click to interact with other elements. If a function is passed, custom overlay logic may be defined by the app."
            },
            "value": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "number"
                        },
                        {
                            "name": "string"
                        },
                        {
                            "name": "array"
                        }
                    ]
                },
                "required": false,
                "description": "Current selected menu item."
            },
            "tooltip": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. It creates a tooltip with the content of the `node` provided."
            },
            "tooltipMenuItem": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Accepts a `Tooltip` component to be used as the template for menu item tooltips that appear via the `tooltipContent` options object attribute. Must be present for `tooltipContent` to work"
            },
            "triggerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to wrapping trigger `div` around the button."
            },
            "multiple": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether this dropdown supports multi select."
            },
            "width": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'xx-small'",
                            "computed": false
                        },
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'bottom'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "To adjust the width of the menu dropdown",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            }
        },
        "route": "dropdown-menus",
        "display-name": "Dropdown Menus",
        "SLDS-component-path": "/components/menus#flavor-dropdown",
        "dependencies": [
            {
                "button-trigger": {
                    "description": "The Dropdown Button Trigger renders the default trigger button for the dropdown menu. If this component has children, it does not render itself to the DOM. Instead, it renders its child element, `Button`, and all that child's properties. This component may be used as a template to create custom triggers that do not use `Button`.",
                    "methods": [],
                    "props": {
                        "children": {
                            "type": {
                                "name": "element"
                            },
                            "required": false,
                            "description": "Import the module `design-system-react/dropdown/button-trigger` and render a grandchild of the element type `Button`. Any `props` specified on that `Button` will be assigned to the triggering button. Any `id` prop or event hanlders (`onBlur`, `onClick`, etc.) set on the button grandchild will be overwritten by `MenuDropdown` to allow functionality and accessibility.\n```\n<Dropdown>\n  <Trigger>\n  <Button iconCategory=\"utility\" iconName=\"settings\" />\n  </Trigger>\n</Dropdown>\n```"
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to triggering button."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button. This is provided by the `MenuDropdown`. Please use `MenuDropdown` to set."
                        },
                        "isOpen": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Informs the trigger on the open/close state of the dropdown menu"
                        },
                        "menu": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "By Default the dropdown menu is inside a `Dialog` component."
                        },
                        "onBlur": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Is only called when `openOn` is set to `hover` and when the triggering button loses focus."
                        },
                        "onClick": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "This prop is passed onto the triggering `Button`. Triggered when the trigger button is clicked."
                        },
                        "onFocus": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Is only called when `openOn` is set to `hover` and when the triggering button gains focus."
                        },
                        "onKeyDown": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Called when a key pressed."
                        },
                        "onMouseDown": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Called when mouse clicks down on the trigger button."
                        },
                        "onMouseEnter": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Called when mouse hovers over the trigger button. This is only called if `this.props.openOn` is set to `hover`."
                        },
                        "onMouseLeave": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Called when mouse hover leaves the trigger button. This is only called if `this.props.openOn` is set to `hover`."
                        },
                        "openOn": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'hover'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'click'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'hybrid'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Determines if mouse hover or click opens the dropdown menu. The default of `click` is highly recommended to comply with accessibility standards. If you are planning on using hover, please pause a moment and reconsider."
                        },
                        "triggerRef": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "The ref of the actual triggering button."
                        },
                        "triggerClassName": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to wrapping trigger `div` around the button."
                        }
                    },
                    "name": "button-trigger",
                    "source": "/components/menu-dropdown/button-trigger.jsx"
                }
            }
        ]
    },
    "modal": {
        "description": "The Modal component is used for the Lightning Design System Modal and Notification > Prompt components. The Modal opens from a state change outside of the component itself (pass this state to the <code>isOpen</code> prop). For more details on the Prompt markup, please review the <a href=\"http://www.lightningdesignsystem.com/components/notifications#prompt\">Notifications > Prompt</a>.\n\nBy default, `Modal` will add `aria-hidden=true` to the `body` tag, but this disables some assistive technologies. To prevent this you can add the following to your application with `#mount` being the root node of your application that you would like to hide from assistive technologies when the `Modal` is open.\n```\nimport settings from 'design-system-react/components/settings';\nsettings.setAppElement('#mount');\n```\nThis component uses a portalMount (a disconnected React subtree mount) to create a modal as a child of `body`.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getBorderRadius",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getAriaAttributes",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getModal",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setReturnFocus",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "clearBodyScroll",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "closeModal",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "dismissModal",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "dismissModalOnClickOutside",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "footerComponent",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleModalClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSubmitModal",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "headerComponent",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "isPrompt",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "updateBodyScroll",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'top'",
                            "computed": false
                        },
                        {
                            "value": "'center'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Vertical alignment of Modal.",
                "defaultValue": {
                    "value": "'center'",
                    "computed": false
                }
            },
            "ariaHideApp": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Boolean indicating if the appElement should be hidden.",
                "defaultValue": {
                    "value": "true",
                    "computed": false
                }
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "dialogLabel": {
                            "name": "string",
                            "required": false
                        },
                        "dialogLabelledBy": {
                            "name": "string",
                            "required": false
                        },
                        "closeButton": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `dialogLabel`: This is a visually hidden label for the dialog. If not provided, `heading` is used.\n* `dialogLabelledBy`: This describes which node labels the dialog. If not provided and dialogLabel is unavailable, `id` is used.\n* `closeButton`: This is a visually hidden label for the close button.",
                "defaultValue": {
                    "value": "{\n\tdialogLabelledBy: '',\n\tcloseButton: 'Close',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "Modal content."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes for the modal `section` node classed `.slds-modal` and the parent of `.slds-modal__container`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "containerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes for the modal's container. This is the child element of `.slds-modal` with class `.slds-modal__container`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "contentClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes for the modal's body. This is the element that has overflow rules and should be used to set a static height if desired. Use `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "contentStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles for the modal's body. This is the element that has overflow rules and should be used to set a static height if desired."
            },
            "directional": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, modal footer buttons render left and right. An example use case would be for \"back\" and \"next\" buttons."
            },
            "disableClose": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, Modals cannot be dismissed by clicking on the close icon or pressing esc key."
            },
            "dismissOnClickOutside": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, Modals can be dismissed by clicking outside of modal. If unspecified, defaults to disableClose."
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback to fire with Modal is dismissed"
            },
            "footer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "Accepts a node or array of nodes that are typically a `Button` or `ProgressIndicator`. If an array, the nodes render on the right side first but are then floated left and right if <code>directional</code> prop is `true`."
            },
            "header": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Allows for a custom modal header that does not scroll with modal content. If this is defined, `heading` and `tagline` will be ignored. The close button will still be present."
            },
            "headerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Adds CSS classes to the container surrounding the modal header and the close button. Use `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Unique identifier for the modal. The id is automatically generated if not provided"
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": true,
                "description": "Forces the modal to be open or closed."
            },
            "parentSelector": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function whose return value is the mount node to insert the Modal element into. The default is `() => document.body`."
            },
            "portalClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes for the portal DOM node. This node is a direct descendant of the `body` and is the parent of `ReactModal__Overlay`. Use `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "prompt": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'success'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        },
                        {
                            "value": "'error'",
                            "computed": false
                        },
                        {
                            "value": "'wrench'",
                            "computed": false
                        },
                        {
                            "value": "'offline'",
                            "computed": false
                        },
                        {
                            "value": "'info'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Styles the modal as a prompt."
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Specifies the modal's width. May be deprecated in favor of `width` in the future."
            },
            "tagline": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Content underneath the heading in the modal header."
            },
            "title": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Content underneath the title in the modal header."
            },
            "heading": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Text heading at the top of a modal."
            },
            "toast": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Allows adding additional notifications within the modal."
            }
        },
        "route": "modals-and-prompts",
        "display-name": "Modals and Prompts",
        "SLDS-component-path": "/components/modals",
        "dependencies": []
    },
    "page-header": {
        "description": "The PageHeader component adds PageHeader, PageHeader.Info, PageHeader.Title, PageHeader.DetailRow, and PageHeader.DetailBlock.",
        "methods": [],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Optional class name"
            },
            "details": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "An array of detail blocks (used in `recordHome` variant)"
            },
            "label": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": false,
                "description": "The label property can be a string or a React element"
            },
            "icon": {
                "type": {
                    "name": "element"
                },
                "required": false,
                "description": "The page header icon. Expects an Icon component"
            },
            "info": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": false,
                "description": "The info property can be a string or a React element. Can't be used with the `record-home` variant."
            },
            "joined": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Makes PageHeader joinable with DataTable by adding appropriate classes/styling"
            },
            "nameSwitcherDropdown": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Used with the `object-home` variant. Accepts a node, typically a Dropdown component"
            },
            "onRenderActions": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Actions content to appear on the upper right side of the page header.\nReturned content must be either a SLDSPageHeaderControl component or an element/fragment with children that are all SLDSPageHeaderControl components.\nProp 'contentRight' will be deprecated soon, use 'onRenderActions' instead."
            },
            "onRenderControls": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Controls content to appear on the lower right side of the page header.\nReturned content must be either a SLDSPageHeaderControl component or an element/fragment with children that are all SLDSPageHeaderControl components.\nProp 'navRight' will be deprecated soon, use 'onRenderControls' instead."
            },
            "title": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": false,
                "description": "The title property can be a string or a React element"
            },
            "trail": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "An array of react elements presumably anchor <a> elements."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'object-home'",
                            "computed": false
                        },
                        {
                            "value": "'record-home'",
                            "computed": false
                        },
                        {
                            "value": "'related-list'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The type of component\nNote: Extra options are added to make the version backward compatible",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            }
        },
        "route": "page-headers",
        "display-name": "Page Headers",
        "SLDS-component-path": "/components/page-headers",
        "dependencies": [
            {
                "control": {
                    "description": "The PageHeaderControl component is used to wrap individual controls within PageHeader 'actions' and 'controls' sections.",
                    "methods": [],
                    "props": {
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Optional class name"
                        }
                    },
                    "name": "control",
                    "source": "/components/page-header/control.jsx"
                }
            }
        ]
    },
    "panel": {
        "description": "A panel provides detailed contextual information or contextual filtering options. [Filter](/components/filters/) component should be used as children. Menus within a Filter Popover will need to not have \"portal mounts\" and be inline.",
        "methods": [],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The contents of the panel"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to `slds-panel`."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'filters'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The type of panel"
            }
        },
        "route": "panels",
        "display-name": "Panels",
        "SLDS-component-path": "/components/panels",
        "dependencies": [
            {
                "filtering/group": {
                    "description": "A filtering panel contextual filtering options.",
                    "methods": [],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "closeButton": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `closeButton`: Localized description of the close button for the panel for screen readers",
                            "defaultValue": {
                                "value": "{\n\tcloseButton: 'Close Filter Panel',\n}",
                                "computed": false
                            }
                        },
                        "addFilterLabel": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Localized description of the \"Add Filter\" button in the footer",
                            "defaultValue": {
                                "value": "'Add Filter'",
                                "computed": false
                            }
                        },
                        "cancelLabel": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Label for button that cancels modified filters",
                            "defaultValue": {
                                "value": "'Cancel'",
                                "computed": false
                            }
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Pass in `FilterList`'s of `Filters`:\n\n```\n<FilterGroup\n  variant=\"panel\"\n>\n  <FilterList>\n  <Filter\n    property=\"Show Me\"\n    predicate=\"All Wackamoles\"\n  >\n  {popoverContents}\n  </Filter>\n  </FilterList>\n</FilterGroup>\n```"
                        },
                        "errorLabel": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Label for the error message at the top of the panel."
                        },
                        "footer": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Allows for customization of footer. This will be added after any `FilterList`'s in the DOM. If using Panel Filter Group outside of a panel, do not set the variant to `panel` and header and footer will be removed."
                        },
                        "header": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Allows for customization of header. This will be added before any `FilterList`'s in the DOM. If using Panel Filter Group outside of a panel, do not set the variant to `panel` and header and footer will be removed."
                        },
                        "heading": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The heading within the header of the filtering panel",
                            "defaultValue": {
                                "value": "'Filter'",
                                "computed": false
                            }
                        },
                        "modified": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Shows confirmation heading. Please see `onRequestCancel` and `onRequestSave`."
                        },
                        "onClickAdd": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Callback triggered when \"Add Filter\" is clicked. Recieves an `event`."
                        },
                        "onClickRemoveAll": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Callback triggered when \"Remove All\" is clicked. Recieves an `event`."
                        },
                        "onRequestCancel": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "When the panel's cancel button is clicked in order to reset filter panel to previous state."
                        },
                        "onRequestClose": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "When the panel's close button is clicked. Please place Panel within another element to control position and visibility."
                        },
                        "onRequestSave": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "When the panel's save button is clicked in order to confirm filter panel state."
                        },
                        "removeAllLabel": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Localized description of the \"Remove All\" button in the footer",
                            "defaultValue": {
                                "value": "'Remove All'",
                                "computed": false
                            }
                        },
                        "saveLabel": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Label for button that saves modified filters",
                            "defaultValue": {
                                "value": "'Save'",
                                "computed": false
                            }
                        },
                        "variant": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'panel'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Adds in default Panel header and footer"
                        }
                    },
                    "name": "filtering/group",
                    "source": "/components/panel/filtering/group.jsx"
                }
            },
            {
                "filtering/list-heading": {
                    "description": "A filtering panel contextual filtering options.",
                    "methods": [],
                    "props": {
                        "heading": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Heading for following PanelFilterList",
                            "defaultValue": {
                                "value": "'Matching all these filters'",
                                "computed": false
                            }
                        },
                        "isLocked": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Displayed a heading for a locked list of filters"
                        },
                        "lockedHeading": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Heading for a group of filters that are locked",
                            "defaultValue": {
                                "value": "'Locked filters'",
                                "computed": false
                            }
                        }
                    },
                    "name": "filtering/list-heading",
                    "source": "/components/panel/filtering/list-heading.jsx"
                }
            },
            {
                "filtering/list": {
                    "description": "A list of Filters. This is a higher order component for filters that decorates the filter to work within a Filtering Panel. It also adds support for a Filter error label.",
                    "methods": [
                        {
                            "name": "propTypes",
                            "docblock": null,
                            "modifiers": [
                                "static"
                            ],
                            "params": [],
                            "returns": null
                        }
                    ],
                    "props": {
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Pass in `Filter` components"
                        }
                    },
                    "name": "filtering/list",
                    "source": "/components/panel/filtering/list.jsx"
                }
            }
        ]
    },
    "pill-container": {
        "description": "A `PillContainer` is a container that holds one or more pills. Use it for a list of pills in a container that resembles an `input` form field. It is not intended for navigation.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getNewActiveOptionIndex",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ activeOptionIndex, offset, options }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleBlurPill",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleClickPill",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handlePillFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNavigatePillContainer",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ direction }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRequestFocusPillContainer",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ ref }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRequestRemove",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "resetActiveSelectedOption",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "listboxLabel": {
                            "name": "string",
                            "required": false
                        },
                        "removePill": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `listboxLabel`: This is a label for the listbox. The default is `Selected Options:`.\n* `removePill`: Used to remove a selected item (pill). Focus is on the pill. This is not a button. The default is `Press delete or backspace to remove`.",
                "defaultValue": {
                    "value": "{\n\tlistboxLabel: 'Selected Options:',\n\tremovePill: 'Press delete or backspace to remove',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the pill container"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for pill container"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "removePillTitle": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\n* `removePillTitle`: Title on `X` icon",
                "defaultValue": {
                    "value": "{\n\tremovePillTitle: 'Remove',\n}",
                    "computed": false
                }
            },
            "options": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "shape",
                        "value": {
                            "avatar": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "shape",
                                        "value": {
                                            "imgSrc": {
                                                "name": "string",
                                                "required": false
                                            },
                                            "title": {
                                                "name": "string",
                                                "required": false
                                            },
                                            "variant": {
                                                "name": "string",
                                                "required": false
                                            }
                                        }
                                    }
                                ],
                                "required": false
                            },
                            "bare": {
                                "name": "bool",
                                "required": false
                            },
                            "error": {
                                "name": "bool",
                                "required": false
                            },
                            "icon": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "shape",
                                        "value": {
                                            "category": {
                                                "name": "string",
                                                "required": false
                                            },
                                            "name": {
                                                "name": "string",
                                                "required": false
                                            }
                                        }
                                    }
                                ],
                                "required": false
                            },
                            "id": {
                                "name": "string",
                                "required": false
                            },
                            "label": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ],
                                "required": false
                            },
                            "title": {
                                "name": "string",
                                "required": false
                            }
                        }
                    }
                },
                "required": false,
                "description": "**Array of pill objects.**\nEach object can contain:\n* `avatar`: An `Avatar` component.\n* `error`: Adds error styling\n* `icon`: An `Icon` component.\n* `id`: A unique identifier string.\n* `label`: A primary string of text.\n* `title`: Text that appears on mouse hover. Most helpful for long labels.\n```\n{\n\tid: '2',\n\tlabel: 'Salesforce.com, Inc.',\n\ttitle: 'Salesforce.com, Inc. - Want to work here?',\n},\n```\n`options` with array length of zero will remove this component from the DOM."
            },
            "onClickPill": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function called when a pill is clicked"
            },
            "onRequestRemovePill": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function called when a pill is requested to be 'removed' via the delete key or 'X' icon click."
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom style object to be passed to the pill container"
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'bare'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Specifies the pill styling at the container level. `bare` removes border styling from all pills."
            }
        },
        "route": "pill-container",
        "display-name": "Pill Container",
        "SLDS-component-path": "/components/pill-container",
        "dependencies": []
    },
    "pill": {
        "description": "A pill displays a label that can contain links and can be removed from view. Use `PillContainer` for a list of pills in a container that resembles an `input` form field. A pill is useful for displaying read-only text that can be added and removed on demand.",
        "methods": [
            {
                "name": "getHref",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "blur",
                "docblock": "Removes focus from the component.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Removes focus from the component."
            },
            {
                "name": "focus",
                "docblock": "Give focus to the Pill component.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Give focus to the Pill component."
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "...rest",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "root",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleOnClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "restProps",
                "docblock": "Extracts a set of custom properties. A custom property is a property, which is not described in propTypes of a component.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Extracts a set of custom properties. A custom property is a property, which is not described in propTypes of a component."
            },
            {
                "name": "renderIcon",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderLabel",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "renderRemoveIcon",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "remove": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `remove`: This is a visually hidden label for the close button.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "avatar": {
                "type": {
                    "name": "element"
                },
                "required": false,
                "description": "SLDSAvatar component to show on the left of the pill.\n_Tested with Mocha framework._"
            },
            "bare": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies the bare style to the component.\n_Tested with Mocha framework._"
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "This is a way to specify custom contents for the pill in the case a simple text label is not enough.\n_Tested with Mocha framework._"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-pill`. Uses `classNames` [API](https://github.com/JedWatson/classnames).\n_Tested with Mocha framework._"
            },
            "hasError": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Applies the error style to the component.\n_Tested with Mocha framework._"
            },
            "href": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An href to use if the pill is shown as a link.\n_Tested with Mocha framework._"
            },
            "icon": {
                "type": {
                    "name": "element"
                },
                "required": false,
                "description": "SLDSIcon component to show on the left of the pill.\n_Tested with Mocha framework._"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "title": {
                            "name": "string",
                            "required": false
                        },
                        "removeTitle": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `label`: Pill's label.\n* `title`: Pill's title.\n* `removeTitle`: A title to use for the remove icon.\n\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "`onBlur` callback executes when the component loses focus.\n_Tested with Mocha framework._"
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "`onClick` callback executes when a user clicks on the pill or presses the Enter key.\n_Tested with Mocha framework._"
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "`onFocus` callback executes when the component receives focus.\n_Tested with Mocha framework._"
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "`onKeyDown` callback executes when a user presses a key.\n_Tested with Mocha framework._"
            },
            "onRemove": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "`onRemove` callback executes when a user clicks on the pill's remove icon or presses the delete or the backspace keys.\n_Tested with Mocha framework._"
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'link'",
                            "computed": false
                        },
                        {
                            "value": "'option'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "A variant of a pill\n_Tested with Mocha framework._",
                "defaultValue": {
                    "value": "'link'",
                    "computed": false
                }
            }
        },
        "route": "pills",
        "display-name": "Pills",
        "SLDS-component-path": "/components/pills",
        "dependencies": []
    },
    "popover": {
        "description": "The Popover component is a non-modal dialog. It should be paired with a clickable trigger such as a `Button`. It traps focus from the page and must be exited if focus needs to be outside the Popover. Use a `Tooltip` if there are no call to actions within the dialog. A `Tooltip` does not need to be clicked. Multiple popovers open at the same time, each with focus trap is not supported.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getMenu",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getTargetElement",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setMenuRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "setContainerRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleDialogClose",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClose",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "data",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleMouseEnter",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleMouseLeave",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "{ triggerOnClickCallback }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleFocus",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleCancel",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClickOutside",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "toggleOpenFromKeyboard",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderDialog",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "isOpen",
                        "type": null
                    },
                    {
                        "name": "outsideClickIgnoreClass",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderOverlay",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "isOpen",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'top'",
                            "computed": false
                        },
                        {
                            "value": "'top left'",
                            "computed": false
                        },
                        {
                            "value": "'top right'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        },
                        {
                            "value": "'right top'",
                            "computed": false
                        },
                        {
                            "value": "'right bottom'",
                            "computed": false
                        },
                        {
                            "value": "'bottom'",
                            "computed": false
                        },
                        {
                            "value": "'bottom left'",
                            "computed": false
                        },
                        {
                            "value": "'bottom right'",
                            "computed": false
                        },
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'left top'",
                            "computed": false
                        },
                        {
                            "value": "'left bottom'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Aligns the popover with the respective side of the trigger. That is `top` will place the `Popover` above the trigger.",
                "defaultValue": {
                    "value": "'right'",
                    "computed": false
                }
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "closeButton": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `closeButton`: This is a visually hidden label for the close button.",
                "defaultValue": {
                    "value": "{\n\tcloseButton: 'Close dialog',\n}",
                    "computed": false
                }
            },
            "ariaLabelledby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML `id` of heading for popover. Only use if your header is within your popover body."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "Multiple children of any kind are allowed, but the first child must serve as the trigger component. Many props will be passed into this trigger related to popover interactions. The trigger needs to be a clickable element, such as a `Button` or an anchor tag (`a`)."
            },
            "body": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "array"
                        }
                    ]
                },
                "required": true,
                "description": "The contents of the popover. This should also accept arrays."
            },
            "classNameBody": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the popover footer. That is the element with `.slds-popover__body` on it."
            },
            "classNameFooter": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the popover footer. That is the element with `.slds-popover__footer` on it."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This prop is passed onto the triggering `Button`. Prevent popover from opening. Also applies disabled styling to trigger button."
            },
            "footer": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "A footer is an optional. Buttons are often placed here."
            },
            "footerStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "An object of CSS styles that are applied to the `slds-popover__footer` DOM element."
            },
            "footerWalkthroughActions": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "arrayOf",
                            "value": {
                                "name": "node"
                            }
                        }
                    ]
                },
                "required": false,
                "description": "Used with `walkthrough` variant to provide action buttons (ex: \"Next\" / \"Skip\" / etc) for a walkthrough popover footer. Accepts either a single node or array of nodes for multiple buttons."
            },
            "hasNoCloseButton": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines if the popover has a close button or not. Default is `false`",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "hasNoNubbin": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines if the popover has a nubbin or not. Default is `false`",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Prevents the Popover from changing position based on the viewport/window. If set to true your popover can extend outside the viewport _and_ overflow outside of a scrolling parent. If this happens, you might want to consider making the popover contents scrollable to fit the menu on the screen. When enabled, `position` `absolute` is used."
            },
            "hasNoTriggerStyles": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Removes `display:inline-block` from the trigger button."
            },
            "heading": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "string"
                        },
                        {
                            "name": "node"
                        }
                    ]
                },
                "required": false,
                "description": "All popovers require a heading that labels the popover for assistive technology users. This text will be placed within a heading HTML tag, or in an h2 within the popover body if used with `variant=\"walkthrough-action\"`. A heading is **highly recommended for accessibility reasons.** Please see `ariaLabelledby` prop."
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Icon displayed in the `feature` variant"
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "By default, a unique ID will be created at render to support keyboard navigation, ARIA roles, and connect the popover to the triggering button. This ID will be applied to the triggering element. `${id}-popover`, `${id}-dialog-heading`, `${id}-dialog-body` are also created."
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Forces the popover to be open or closed. See controlled/uncontrolled callback/prop pattern for more on suggested use [](https://github.com/salesforce-ux/design-system-react/blob/master/CONTRIBUTING.md#concepts-and-best-practices) You will want this if Popover is to be a controlled component."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function is passed onto the triggering `Button`. Triggered when the trigger button is clicked. You will want this if Popover is to be a controlled component."
            },
            "onClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function is triggered when the dialog is closed. This occurs when the Dialog child component (that is the actual popover) is unmounted and removed from the DOM. This function returns `{event, { trigger, componentWillUnmount }`. Trigger can have the values `cancel`, `clickOutside`, or `newPopover`."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when a key is pressed."
            },
            "onMouseDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Called when mouse clicks down on the trigger button."
            },
            "onOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function is triggered when the Dialog child component (that is the actual popover) is mounted and added to the DOM. The parameters are `event, { portal: }`. `portal` can be used as a React tree root node."
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function is triggered when the user clicks outside the Popover or clicks the close button. You will want to define this if Popover is to be a controlled component. Most of the time you will want to set `isOpen` to `false` when this is triggered unless you need to validate something."
            },
            "onRequestTargetElement": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback that returns an element or React `ref` to align the Popover with. If the target element has not been rendered yet, the popover will use the triggering element as the attachment target instead. NOTE: `position=\"relative\"` is not compatible with custom targets that are not the triggering element."
            },
            "position": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing. NOTE: this setting is not compatible with custom targets outside the trigger",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "stepText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Used with `walkthrough` variant to provide the step text (ex: \"Step 1 of 4\") for a walkthrough popover footer. If used with `variant=\"walkthrough-action\"`, it will be placed in the popover body."
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "An object of CSS styles that are applied to the `slds-popover` DOM element."
            },
            "overlay": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "bool"
                        },
                        {
                            "name": "func"
                        }
                    ]
                },
                "required": false,
                "description": "If `true`, adds a transparent overlay when the menu is open to handle outside clicks. Allows clicks on iframes to be captured, but also forces a double-click to interact with other elements. If a function is passed, custom overlay logic may be defined by the app."
            },
            "triggerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to wrapping trigger `div` around the button."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'error'",
                            "computed": false
                        },
                        {
                            "value": "'feature'",
                            "computed": false
                        },
                        {
                            "value": "'walkthrough'",
                            "computed": false
                        },
                        {
                            "value": "'walkthrough-action'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the type of the popover. `error` and `warning` allows the  content body to scroll. Default is `base` _Tested with snaphots._",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "hoverCloseDelay": {
                "defaultValue": {
                    "value": "300",
                    "computed": false
                },
                "required": false
            },
            "openOn": {
                "defaultValue": {
                    "value": "'click'",
                    "computed": false
                },
                "required": false
            }
        },
        "route": "popovers",
        "display-name": "Popovers",
        "SLDS-component-path": "/components/popovers",
        "dependencies": []
    },
    "portal-settings": {
        "description": "The Portal Settings component allows for the portal parent node to be specified in all child components and is recommended to be used at the root of the application. It's render function is `return this.props.children`, so it can only have one child node.\n\n**renderTo Selector**\nUse this to specify the portal node using a string that is compatiable with document.querySelector\nie.\n```\n<PortalSettings renderTo=\"#portal-destination\">\n```\n*",
        "methods": [],
        "props": {
            "renderTo": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Selector for the destination container for portal elements\nexample: `#portal-destination`"
            }
        },
        "route": "portal-settings",
        "display-name": "Portal Settings",
        "dependencies": []
    },
    "progress-bar": {
        "description": "A progress bar component communicates to the user the progress of a particular process",
        "methods": [
            {
                "name": "getId",
                "docblock": "ID as a string\n@returns {string} id",
                "modifiers": [],
                "params": [],
                "returns": {
                    "description": "id",
                    "type": {
                        "name": "string"
                    }
                },
                "description": "ID as a string"
            },
            {
                "name": "getDescription",
                "docblock": "Enables Descriptive Progress Bar if label is provided\n@returns {string} description",
                "modifiers": [],
                "params": [
                    {
                        "name": "{ labels }"
                    }
                ],
                "returns": {
                    "description": "description",
                    "type": {
                        "name": "string"
                    }
                },
                "description": "Enables Descriptive Progress Bar if label is provided"
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "progress": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `progress`: This is a visually hidden label for the percent of progress.\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tprogress: 'Progress',\n}",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-progress-bar`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        },
                        "complete": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Label for the progress bar",
                "defaultValue": {
                    "value": "{\n\tcomplete: 'Complete',\n}",
                    "computed": false
                }
            },
            "radius": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'circular'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Set radius of progress bar"
            },
            "color": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'success'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Set fill of progress bar"
            },
            "thickness": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Set progress bar thickness"
            },
            "value": {
                "type": {
                    "name": "number"
                },
                "required": true,
                "description": "Percentage of progress completion, ranging [0, 100]."
            },
            "orientation": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'horizontal'",
                            "computed": false
                        },
                        {
                            "value": "'vertical'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Orientation of the progress bar to be used",
                "defaultValue": {
                    "value": "'horizontal'",
                    "computed": false
                }
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component",
                "defaultValue": {
                    "value": "{\n\theight: '100%',\n}",
                    "computed": false
                }
            }
        },
        "route": "progress-bars",
        "display-name": "Progress Bars",
        "SLDS-component-path": "/components/progress-bar",
        "dependencies": []
    },
    "progress-indicator": {
        "description": "Progress Indicator is a component that communicates to the user the progress of a particular process.",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the progress indicator's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the progress indicator's HTML id. Generate a new one if no ID present."
            },
            {
                "name": "getSteps",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "completedStep": {
                            "name": "string",
                            "required": false
                        },
                        "disabledStep": {
                            "name": "string",
                            "required": false
                        },
                        "percentage": {
                            "name": "string",
                            "required": false
                        },
                        "step": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `completedStep`: Label for a completed step. The default is `Completed Step`\n* `disabledStep`: Label for disabled step. The default is `Disabled Step`\n* `errorStep`: Label for a step with an error. The default is `Error Step`\n* `percentage`: Label for Progress Bar. The default is `Progress: [this.props.value]%`. You will need to calculate the percentage yourself if changing this string.\n* `step`: Label for a step. It will be typically followed by the number of the step such as \"Step 1\".",
                "defaultValue": {
                    "value": "{\n\tcompletedStep: 'Completed',\n\tdisabledStep: 'Disabled',\n\terrorStep: 'Error',\n\tstep: 'Step',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
            },
            "completedSteps": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "Stores all completed steps. It is an array of step objects.",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "disabledSteps": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "Stores all disabled steps. It is an array of step objects. Steps are still clickable/focusable,\nthis only disables cursor change and removes onClick and onFocus event callbacks.",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "errorSteps": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "Stores all error steps. It is an array of step objects and usually there is only one error step, the current step. If an error occurs a second error icon should be placed to the left of related confirmation buttons (e.g. Cancel, Save) and an Error Popover should appear indicating there are errors. These additional items are NOT part of this component. This note was included for visibility purposes. Please refer to [SLDS website](https://www.lightningdesignsystem.com/components/progress-indicator/) for full details **",
                "defaultValue": {
                    "value": "[]",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "orientation": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'horizontal'",
                            "computed": false
                        },
                        {
                            "value": "'vertical'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the orientation of the progress indicator",
                "defaultValue": {
                    "value": "'horizontal'",
                    "computed": false
                }
            },
            "onStepClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when an individual step is clicked. By default, it receives an event and returns step state and the step object clicked: `{ isCompleted, isDisabled, isError, isSelected, step }`. Users are able to pass a callback handleClick function in forms of: <function name>(event, data) where data is the callback result.\n```\nconst handleStepClick = function(event, data) { console.log(data); };\n  <ProgressIndicator onStepClick={handleStepClick} />\n```",
                "defaultValue": {
                    "value": "() => {}",
                    "computed": false
                }
            },
            "onStepFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when an individual step is focused. By default, it receives an event and returns step state and the step object clicked: `{ isCompleted, isDisabled, isError, isSelected, step }`. Users are able to pass a callback handleClick function in forms of: <function name>(event, data) where data is the callback result.\n```\nconst handleStepFocus = function(event, data) { console.log(data); };\n  <ProgressIndicator onStepFocus={handleStepFocus} />\n```",
                "defaultValue": {
                    "value": "() => {}",
                    "computed": false
                }
            },
            "selectedStep": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Represents the currently selected or active step. It is a step object.",
                "defaultValue": {
                    "value": "defaultSteps[0]",
                    "computed": true
                }
            },
            "steps": {
                "type": {
                    "name": "array"
                },
                "required": true,
                "description": "It is an array of step objects in the following form:\n```\n [{\n   id: <PropTypes.number> or <PropTypes.string>, has to be unique\n   label: <PropTypes.string>, representing the tooltip content\n   assistiveText: <PropTypes.string>, The default is `[Step props.index + 1]: [status]`. Status is if the step has been completed or in an error state.\n }],\n ```"
            },
            "tooltipIsOpenSteps": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "Stores all steps with opened tooltips. This property is mainly for development purposes. The tooltip should only show on hover for the user."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'modal'",
                            "computed": false
                        },
                        {
                            "value": "'setup-assistant'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines component style.",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "tooltipPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default if `variant` is `modal`) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - (default if `variant` is `base`) The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing."
            }
        },
        "route": "progress-indicators",
        "display-name": "Progress Indicators",
        "SLDS-component-path": "/components/progress-indicator",
        "dependencies": []
    },
    "progress-ring": {
        "description": "Customizable and configurable progress ring. Will display progress in a circular progress bar factor, and is capable of displaying iconography inside of the ring structure.",
        "methods": [
            {
                "name": "icon",
                "docblock": "Gets the icon to display\n@returns {node} Icon",
                "modifiers": [],
                "params": [],
                "returns": {
                    "description": "Icon",
                    "type": {
                        "name": "node"
                    }
                },
                "description": "Gets the icon to display"
            },
            {
                "name": "percentDecimal",
                "docblock": "Percentage as a decimal\n@returns {decimal} Percentage",
                "modifiers": [],
                "params": [],
                "returns": {
                    "description": "Percentage",
                    "type": {
                        "name": "decimal"
                    }
                },
                "description": "Percentage as a decimal"
            },
            {
                "name": "themeClass",
                "docblock": "Gets the theme CSS class\n@returns {string} Class name",
                "modifiers": [],
                "params": [],
                "returns": {
                    "description": "Class name",
                    "type": {
                        "name": "string"
                    }
                },
                "description": "Gets the theme CSS class"
            }
        ],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-progress-ring`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "theme": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'active'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        },
                        {
                            "value": "'expired'",
                            "computed": false
                        },
                        {
                            "value": "'complete'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The theme applied to the ring."
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Overrides the icon to be displayed."
            },
            "hasIcon": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Display the icon associated with the theme."
            },
            "value": {
                "type": {
                    "name": "number"
                },
                "required": true,
                "description": "Percentage of progress completion, ranging [0, 100]."
            },
            "flowDirection": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'drain'",
                            "computed": false
                        },
                        {
                            "value": "'fill'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Direction that the progress ring \"flows.\" Default is counter-clockwise, or `drain`. For clockwise flow, use `fill`",
                "defaultValue": {
                    "value": "'drain'",
                    "computed": false
                }
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of the progress ring. Default is 'medium'",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            }
        },
        "route": "progress-rings",
        "display-name": "Progress Rings",
        "SLDS-component-path": "/components/progress-ring",
        "dependencies": []
    },
    "radio-button-group": {
        "description": "A styled select list that can have a single entry checked at any one time.\nThe RadioButtonGroup component wraps [Radio](/components/radios) components, which should be used as children.",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `label`: This label appears in the legend.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "Children are expected to be Radio components."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes added to `slds-radio_button-group` node."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "error": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `error`: Message to display when any of Checkboxes are in an error state.\n* `label`: This label appears above the button group.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the radio selection changes."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disable all radio inputs."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Adds an indicator that this field is required."
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The name of this radio group."
            },
            "errorId": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The ID of the error message, for linking to radio inputs with aria-describedby."
            }
        },
        "route": "radio-button-groups",
        "display-name": "Radio Button Groups",
        "SLDS-component-path": "/components/radio-button-group",
        "dependencies": []
    },
    "radio-group": {
        "description": "A styled select list that can have a single entry checked at any one time.\nThe RadioGroup component wraps [Radio](/components/radios) components, which should be used as children.",
        "methods": [
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getName",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "hasError",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        },
                        "required": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `label`: This label appears in the legend.\n* `required`: Text to help identify the group as required",
                "defaultValue": {
                    "value": "{ required: 'Required' }",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": true,
                "description": "Children are expected to be Radio components."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Custom CSS classes added to the node."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "error": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `error`: Message to display when any of Checkboxes are in an error state.\n* `label`: This label appears above the radio group.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the radio selection changes."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disable all radio inputs."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Adds an indicator that this field is required."
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The name of this radio group."
            },
            "errorId": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The ID of the error message, for linking to radio inputs with aria-describedby."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'button-group'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Variants of radio groups such as Radio Button Group",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            }
        },
        "route": "radio-groups",
        "display-name": "Radio Groups",
        "SLDS-component-path": "/components/radio-group",
        "dependencies": []
    },
    "radio": {
        "description": "A radio input that can have a single input checked at any one time. Radios should be wrapped with\na [RadioGroup](/components/radio-group) or [RadioButtonGroup](/components/radio-button-group)",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    },
                    {
                        "name": "preventDuplicateChangeEvent",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `label`: This is used as a visually hidden label if, no `labels.label` is provided.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The ID of an element that describes this radio input. Often used for error messages."
            },
            "aria-labelledby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-labelledby attribute establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion."
            },
            "checked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This is a controlled component. This radio is checked according to this value."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class name to be passed to radio input wrapper ( `span` element)"
            },
            "defaultChecked": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "This is the initial value of an uncontrolled form element and is present only to provide compatibility\nwith hybrid framework applications that are not entirely React. It should only be used in an application\nwithout centralized state (Redux, Flux). \"Controlled components\" with centralized state is highly recommended.\nSee [Code Overview](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#controlled-and-uncontrolled-components) for more information."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disable this radio input."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID that is used to associating a label to the `input` element. This ID is added to the `input` element."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "heading": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `heading`: Heading for the visual picker variant\n* `label`: Label for the radio input"
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The name of the radio input group."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the radio selection changes. Passes in `event, { checked }`."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the Checkbox is focused. It passes in `{ event }`."
            },
            "onRequestFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered to indicate that this component should receive focus."
            },
            "requestFocus": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, will trigger `onRequestFocus`."
            },
            "tabIndex": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Write <code>\"-1\"</code> if you don't want the user to tab to the button."
            },
            "value": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The value of this radio input."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'button-group'",
                            "computed": false
                        },
                        {
                            "value": "'swatch'",
                            "computed": false
                        },
                        {
                            "value": "'visual-picker'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Variant of the Radio button. Base is the default and button-group makes the radio button look like a normal button (should be a child of <RadioButtonGroup>).",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            },
            "coverable": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines whether visual picker is coverable when selected (only for visual picker variant)",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "vertical": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Determines whether the visual picker should be vertical or horizontal (only for visual picker variant)"
            },
            "onRenderVisualPicker": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown if radio is not selected (only for non-coverable visual picker variant)"
            },
            "onRenderVisualPickerSelected": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown if radio is not selected (only for visual picker variant)"
            },
            "onRenderVisualPickerNotSelected": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Allows icon to shown if radio is not selected (only for visual picker variant)"
            },
            "description": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Shows description for radio option (only for visual picker variant)"
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Allows icon to shown if radio is not selected (only for visual picker variant)"
            },
            "refs": {
                "type": {
                    "name": "shape",
                    "value": {
                        "input": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Ref callback that will pass in the radio's `input` tag"
            }
        },
        "route": "radios",
        "display-name": "Radios",
        "SLDS-component-path": "/components/radio-group/",
        "dependencies": []
    },
    "scoped-notification": {
        "description": "A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert.",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "icon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\n* `icon`: The assistive text for the icon. Is overridden by `label` assistive text passed directly to an `Icon` component via the `icon` prop"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-scoped-notification`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "The icon to be displayed in the scoped notification. Accepts an `Icon` component"
            },
            "theme": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'dark'",
                            "computed": false
                        },
                        {
                            "value": "'light'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Theme for the scoped notification"
            }
        },
        "route": "scoped-notifications",
        "display-name": "Scoped Notifications",
        "SLDS-component-path": "/components/scoped-notification",
        "dependencies": []
    },
    "setup-assistant": {
        "description": "Setup Assistant provides Administrators with a centralized list of tasks for\nonboarding organizations, clouds, or features within the Salesforce Platform.",
        "methods": [
            {
                "name": "getId",
                "docblock": "ID as a string\n@returns {string} id",
                "modifiers": [],
                "params": [],
                "returns": {
                    "description": "id",
                    "type": {
                        "name": "string"
                    }
                },
                "description": "ID as a string"
            }
        ],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Accepts SetupAssistantStep components only as children."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-progress-bar`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "isCard": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Dictates whether this setup assistant has card wrappings and styling",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "onStepToggleIsOpen": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Function to handle opening / closing of steps when the step is expandable. Passes event object and step `index`, `isOpen`, and `step` props as data."
            },
            "progressBar": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Accepts a progress bar component, which will only be visible if `isCard` is enabled"
            }
        },
        "route": "setup-assistant",
        "display-name": "Setup Assistant",
        "SLDS-component-path": "/components/setup-assistant",
        "dependencies": [
            {
                "step": {
                    "description": "Setup Assistant Step component is used to specify individual items within the Setup Assistant\nfilled with learning and task links along with a recommended sequence that may have progress tracking",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "getIsOpen",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "toggleIsOpen",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "renderMediaContent",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "renderSummary",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "expandStep": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `expandStep`: Button that examples a step\n_Tested with snapshot testing._",
                            "defaultValue": {
                                "value": "{ expandStep: 'Expand Step' }",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
                        },
                        "description": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Detailed description of the step"
                        },
                        "estimatedTime": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Estimated time for completing the step"
                        },
                        "heading": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "node"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Heading for the step"
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "index": {
                            "type": {
                                "name": "number"
                            },
                            "required": false,
                            "description": "Index of the step within the step array"
                        },
                        "isExpandable": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Dictates whether the step can be expanded / collapsed"
                        },
                        "isOpen": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "If `isExpandable` is true, this prop can be used to control the expanded state. If not provided state will be used instead"
                        },
                        "onRenderAction": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function that is called to render a step's available action(s). Typically returns a Button, Button of variant \"link,\" or Checkbox of variant \"toggle\""
                        },
                        "onRenderContent": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function that is called to render step content. Typically returns a ProgressIndicator and/or ScopedNotification component"
                        },
                        "onRenderFigure": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function that is called to render content within the media figure. Expects to be returned an Icon or ProgressRing component"
                        },
                        "onToggleIsOpen": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Function to handle requests to expand / collapse the step"
                        },
                        "progress": {
                            "type": {
                                "name": "number"
                            },
                            "required": false,
                            "description": "Percentage of step completed. No progress indicator will be shown for the step unless this is provided"
                        },
                        "stepNumber": {
                            "type": {
                                "name": "number"
                            },
                            "required": false,
                            "description": "Display number for the step. Only appears if progress indicator is enabled. Determined automatically by parent if not provided."
                        }
                    },
                    "name": "step",
                    "source": "/components/setup-assistant/step.jsx"
                }
            }
        ]
    },
    "slider": {
        "description": "The ability to style sliders with CSS varies across browsers. Using this component ensures sliders look the same everywhere.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInput",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The `aria-describedby` attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them. This is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more information that the user might need."
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "disabled": {
                            "name": "string",
                            "required": false
                        },
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Assistive text for accessibility**\n`disabled`: Read by screen readers to indicate a disabled slider\n`label`: Visually hidden label but read out loud by screen readers.",
                "defaultValue": {
                    "value": "{ disabled: 'Disabled' }",
                    "computed": false
                }
            },
            "classNameContainer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the outer container of the Slider."
            },
            "defaultValue": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "This is the initial value of an uncontrolled form element and is present\nonly to provide compatibility with hybrid framework applications that\nare not entirely React. It should only be used in an application without\ncentralized state (Redux, Flux). \"Controlled components\" with centralized\nstate is highly recommended. See [Code Overview](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#controlled-and-uncontrolled-components) for more information."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the Slider and prevents clicking it. Only available on the horizontal view."
            },
            "errorText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the Slider is in an error state. When this is present, also visually highlights the component as in error."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Set the HTML `id` of the slider."
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "This label appears above the Slider."
            },
            "max": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Maximum value of a specified range. Defaults to 100.",
                "defaultValue": {
                    "value": "100",
                    "computed": false
                }
            },
            "min": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Minimum value of a specified range. Defaults to 0.",
                "defaultValue": {
                    "value": "0",
                    "computed": false
                }
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the submitted form parameter."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires whenever the user has modified the data of the control. This callback recieves the following parameters `event, { value: [string] }`."
            },
            "onInput": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the value is committed. This callback recieves the following parameters `event, { value: [string] }`."
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size of the slider."
            },
            "step": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "By default, the granularity is 1 and the value is always an integer. For example, If you need a value between 5 and 10, accurate to two decimal places, you should set the value of step to 0.01",
                "defaultValue": {
                    "value": "1",
                    "computed": false
                }
            },
            "value": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "The Slider should be a controlled component, and will always display this value. This should always be used if you are using a Flux/Redux framework."
            },
            "vertical": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Modifier that makes the slider vertical"
            }
        },
        "route": "slider",
        "display-name": "Slider",
        "SLDS-component-path": "/components/slider",
        "dependencies": []
    },
    "spinner": {
        "description": "Spinners are CSS loading indicators that should be shown when retrieving data or performing slow computations. In some cases, the first time a parent component loads, a stencil is preferred to indicate network activity.",
        "methods": [],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `label`: Assistive text that is read out loud to screen readers.",
                "defaultValue": {
                    "value": "{ label: 'Loading...' }",
                    "computed": false
                }
            },
            "containerClassName": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Custom css classes applied to Spinner container"
            },
            "containerStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom css properties applied to Spinner container"
            },
            "hasContainer": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Render the spinner inside of a container.",
                "defaultValue": {
                    "value": "true",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Unique html id placed on div with role=\"status\"."
            },
            "isDelayed": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Adds delay of 300ms to the spinner",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "isInput": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Add styling to support a spinner inside an input field.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "isInline": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Add styling to support an inline spinner inside of the document flow.",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'xx-small'",
                            "computed": false
                        },
                        {
                            "value": "'x-small'",
                            "computed": false
                        },
                        {
                            "value": "'small'",
                            "computed": false
                        },
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the size of the spinner",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'brand'",
                            "computed": false
                        },
                        {
                            "value": "'inverse'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the color of the spinner: `base` is gray, `brand` is blue, and `inverse` is white.",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            }
        },
        "route": "spinners",
        "display-name": "Spinners",
        "SLDS-component-path": "/components/spinner",
        "dependencies": []
    },
    "split-view": {
        "description": "Split view is used to navigate between records in a list while staying on the same screen.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getMasterViewId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "toggle",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "toggleButtonOpen": {
                            "name": "string",
                            "required": false
                        },
                        "toggleButtonClose": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\n* `toggleButtonOpen`: The button used to open the split view.\n* `toggleButtonClose`: The button used to close the split view.",
                "defaultValue": {
                    "value": "{\n\ttoggleButtonOpen: 'Close split view',\n\ttoggleButtonClose: 'Open split view',\n}",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML Id for the component."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the root `div` tag. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Sets the split view to be open or closed."
            },
            "events": {
                "type": {
                    "name": "shape",
                    "value": {
                        "onClose": {
                            "name": "func",
                            "required": false
                        },
                        "onOpen": {
                            "name": "func",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "Event Callbacks\n* `onClose`: Triggered when the split view has closed.\n* `onOpen`: Triggered when the split view has opened.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "master": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "arrayOf",
                            "value": {
                                "name": "element"
                            }
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": true,
                "description": "The React component that is rendered in the master section.\nYou need to pass in an array of elements in order for the scrolling to in the SplitViewList to work correctly.\nReact requires that you also supply a unique `key` for each element [React Lists and Keys](https://reactjs.org/docs/lists-and-keys.html#keys)."
            },
            "masterWidth": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The width of the master section.",
                "defaultValue": {
                    "value": "'20rem'",
                    "computed": false
                }
            },
            "detail": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "arrayOf",
                            "value": {
                                "name": "element"
                            }
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": true,
                "description": "The React component that is rendered in the detail section."
            }
        },
        "route": "split-view",
        "display-name": "Split View",
        "SLDS-component-path": "/components/split-view",
        "dependencies": [
            {
                "header": {
                    "description": "The Split View Header takes the same properties as the [PageHeader](https://react.lightningdesignsystem.com/components/page-headers/) component.",
                    "methods": [],
                    "name": "header",
                    "source": "/components/split-view/header.jsx"
                }
            },
            {
                "listbox": {
                    "description": "The menu with the ARIA role of a listbox.",
                    "methods": [
                        {
                            "name": "isListItemFocused",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "item",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "isSelected",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "item",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "isUnread",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "item",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "handleKeyDown",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "moveToNextItem",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "moveToPreviousItem",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "moveToIndex",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                },
                                {
                                    "name": "index",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "focusFirstItem",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "focusItem",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "item",
                                    "type": null
                                },
                                {
                                    "name": "setDataOnly",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "deselectAllListItems",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "selectAllListItems",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "selectListItem",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "item",
                                    "type": null
                                },
                                {
                                    "name": "event",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "handleOnSelect",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "event",
                                    "type": null
                                },
                                {
                                    "name": "{ item }",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "sortDirection",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "headerWrapper",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "children",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "header",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        },
                        {
                            "name": "addListItemComponent",
                            "docblock": null,
                            "modifiers": [],
                            "params": [
                                {
                                    "name": "component",
                                    "type": null
                                },
                                {
                                    "name": "index",
                                    "type": null
                                }
                            ],
                            "returns": null
                        },
                        {
                            "name": "listItems",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "list": {
                                        "name": "string",
                                        "required": false
                                    },
                                    "sort": {
                                        "name": "shape",
                                        "value": {
                                            "sortedBy": {
                                                "name": "string",
                                                "required": false
                                            },
                                            "descending": {
                                                "name": "string",
                                                "required": false
                                            },
                                            "ascending": {
                                                "name": "string",
                                                "required": false
                                            }
                                        },
                                        "required": false
                                    },
                                    "unreadItem": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\n* `list`: aria label for the list\n* `sort`\n   * `sortedBy`: Clickable sort header for the list.\n   * `descending`: Descending sorting.\n   * `ascending`: Ascending sorting.",
                            "defaultValue": {
                                "value": "{\n\tlist: 'Select an item to open it in a new workspace tab.',\n\tsort: {\n\t\tsortedBy: 'Sorted by',\n\t\tdescending: 'Descending',\n\t\tascending: 'Ascending',\n\t},\n}",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to the parent `div` tag."
                        },
                        "events": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "onSelect": {
                                        "name": "func",
                                        "required": true
                                    },
                                    "onSort": {
                                        "name": "func",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "Event Callbacks\n* `onSelect`: Called when a list item is selected. Previously, this event was called when an item was focused. The UX pattern has changed and this event is now called on pressing enter or mouse click.\n   * event {object} List item click event\n   * Meta {object}\n      * selectedItems {array} List of selected items.\n      * item {object} Last selected item.\n* `onSort`: Called when the list is sorted.\n   * event {object} Sort click event",
                            "defaultValue": {
                                "value": "{}",
                                "computed": false
                            }
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "labels": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "header": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Text labels for internationalization**\n* `header`: This is the header of the list.",
                            "defaultValue": {
                                "value": "{}",
                                "computed": false
                            }
                        },
                        "sortDirection": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "SORT_OPTIONS.UP",
                                        "computed": true
                                    },
                                    {
                                        "value": "SORT_OPTIONS.DOWN",
                                        "computed": true
                                    }
                                ]
                            },
                            "required": false,
                            "description": "The direction of the sort arrow. Option are:\n* SORT_OPTIONS.UP: `up`\n* SORT_OPTIONS.DOWN: `down`"
                        },
                        "multiple": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Allows multiple item to be selection"
                        },
                        "options": {
                            "type": {
                                "name": "array"
                            },
                            "required": true,
                            "description": "The list of items.\nIt is recommended that you have a unique `id` for each item."
                        },
                        "selection": {
                            "type": {
                                "name": "array"
                            },
                            "required": false,
                            "description": "Accepts an array of item objects. For single selection, pass in an array of one object.",
                            "defaultValue": {
                                "value": "[]",
                                "computed": false
                            }
                        },
                        "unread": {
                            "type": {
                                "name": "array"
                            },
                            "required": false,
                            "description": "Accepts an array of item objects. For single unread, pass in an array of one object.",
                            "defaultValue": {
                                "value": "[]",
                                "computed": false
                            }
                        },
                        "listItem": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Custom list item template for the list item content. The select and unread functionality wraps the custom list item.\nThis should be a React component that accepts props."
                        }
                    },
                    "name": "listbox",
                    "source": "/components/split-view/listbox.jsx"
                }
            }
        ]
    },
    "tabs": {
        "description": "A tab keeps related content in a single container that is shown and hidden through navigation.",
        "methods": [
            {
                "name": "getNextTab",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getPanelsCount",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getPrevTab",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getSelectedIndex",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getTab",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getTabNode",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "getTabsCount",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getVariant",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "setSelected",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "index",
                        "type": null
                    },
                    {
                        "name": "focus",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleClick",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "isTabFromContainer",
                "docblock": "Determine if a node from event.target is a Tab element for the current Tabs container.\nIf the clicked element is not a Tab, it returns false.\nIf it finds another Tabs container between the Tab and `this`, it returns false.",
                "modifiers": [],
                "params": [
                    {
                        "name": "node"
                    }
                ],
                "returns": null,
                "description": "Determine if a node from event.target is a Tab element for the current Tabs container.\nIf the clicked element is not a Tab, it returns false.\nIf it finds another Tabs container between the Tab and `this`, it returns false."
            },
            {
                "name": "renderTabPanels",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "parentId",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "renderTabsList",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "parentId",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML `id` attribute of primary element that has `.slds-tabs_default` on it. Optional: If one is not supplied, a `shortid` will be created."
            },
            "children": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "arrayOf",
                            "value": {
                                "name": "node"
                            }
                        },
                        {
                            "name": "node"
                        },
                        {
                            "name": "element"
                        }
                    ]
                },
                "required": true,
                "description": "The `children` are the actual tabs and panels to be displayed.\n\nNote that the structure of the `<Tabs />` component **does not** correspond to the DOM structure that is rendered. The `<Tabs />` component requires one or more children of type `<TabsPanel />`, which themselves require a `label` property which will be what shows in the `<Tab />` and has `children`, which end up being the _contents of the tab's corresponding panel_.\n\nThe component iterates through each `<TabsPanel />` and rendering one `<Tab />` and one `<TabPanel />` for each of them. The tab(s) end up being children of the `<TabsList />`.\n\n```\n<Tabs>\n\t<TabsPanel label=\"Tab 1\">\n\t\t<div>\n\t\t\t<h2 className=\"slds-text-heading_medium\">This is my tab 1 contents!</h2>\n\t\t\t<p>They show when you click the first tab.</p>\n\t\t</div>\n\t</TabsPanel>\n\t<TabsPanel label=\"Tab 2\">\n\t\t<div>\n\t\t\t<h2 className=\"slds-text-heading_medium\">This is my tab 2 contents!</h2>\n\t\t\t<p>They show when you click the second tab.</p>\n\t\t</div>\n\t</TabsPanel>\n</Tabs>\n```"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the container element and is passed along to its children."
            },
            "defaultSelectedIndex": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "The Tab (and corresponding TabPanel) that is selected when the component first renders. Defaults to `0`.",
                "defaultValue": {
                    "value": "0",
                    "computed": false
                }
            },
            "onSelect": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function triggers when a tab is selected."
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'default'",
                            "computed": false
                        },
                        {
                            "value": "'scoped'",
                            "computed": false
                        },
                        {
                            "value": "'vertical'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "If the Tabs should be scoped, vertical, or default (default value)",
                "defaultValue": {
                    "value": "'default'",
                    "computed": false
                }
            },
            "selectedIndex": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "The Tab (and corresponding TabPanel) that is currently selected."
            }
        },
        "route": "tabs",
        "display-name": "Tabs",
        "SLDS-component-path": "/components/tabs",
        "dependencies": [
            {
                "panel": {
                    "description": "The `<TabsPanel />` component allows us to simplify the structure of the `<Tabs />` component.\n\nRather than require different (deeply nested) children for tabslist, with its tab(s) as well as tabpanel(s), we provide this `TabsPanel` component which takes a `label` property that will become what is shown on the `<Tab />` that will be associated with it.\n\nThe `children` of the Panel will be fed to the `<TabPanel />` component, while its `label` is handled in `<Tab />`, via `<TabsList />`.\n\n```\n<TabsPanel label=\"Tab 1\">\n\t<div>\n\t\t<h2 className=\"slds-text-heading_medium\">This is my tab 1 contents!</h2>\n\t\t<p>They show when you click the first tab.</p>\n\t</div>\n</TabsPanel>\n```",
                    "methods": [],
                    "props": {
                        "label": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "string"
                                    },
                                    {
                                        "name": "element"
                                    }
                                ]
                            },
                            "required": true,
                            "description": "The string or element that is handed off to the `<Tab />` component, ends up being the title and the label for the tab associated with its tab panel."
                        },
                        "children": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "arrayOf",
                                        "value": {
                                            "name": "node"
                                        }
                                    },
                                    {
                                        "name": "node"
                                    },
                                    {
                                        "name": "element"
                                    }
                                ]
                            },
                            "required": true,
                            "description": "The `children` are the actual tab panels to be rendered. They get created by [tabs/index.jsx](./index.jsx) in the `renderTabPanels` function.\n\nNote that the `<TabsPanel />` component inserts a `div` element around the children, because React requires exactly one \"parent\" element returned. The `<TabPanel />` component simply dips down into `children` to get the children of this wrapping `div` so that it does not get rendered in the DOM."
                        },
                        "hasError": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Show an icon on the `<Tab />` next to the title that can be used to communicate when a tab contains a validation error that needs attention"
                        },
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "withErrorIcon": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `withErrorIcon`: This text is for the error icon that will be placed next to the `<Tab />` title"
                        }
                    },
                    "name": "panel",
                    "source": "/components/tabs/panel.jsx"
                }
            }
        ]
    },
    "textarea": {
        "description": "A multi-line plain-text editing control.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getErrorId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\n* `label`: If present, the label associated with this `textarea` is overwritten by this text and is visually not shown."
            },
            "aria-activedescendant": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-activedescendant attribute contains the ID of the currently active child object that is part of a composite widget within the Document Object Model. It makes do with the overhead of having all or more than one child focusable. As the name specifies, it helps in managing the current active child of the composite widget."
            },
            "aria-autocomplete": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Indicates if the suggestions in a composite widget are values that complete the current textbox input."
            },
            "aria-controls": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An HTML ID that is shared with ARIA-supported devices with the\n`aria-controls` attribute in order to relate the input with\nanother region of the page. An example would be a select box\nthat shows or hides a panel."
            },
            "aria-describedby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The `aria-describedby` attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them. This is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more information that the user might need."
            },
            "aria-expanded": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Use the `aria-expanded` state to indicate whether regions of the content are collapsible, and to expose whether a region is currently expanded or collapsed."
            },
            "aria-haspopup": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Indicates that the element has a popup context menu or sub-level menu."
            },
            "aria-labelledby": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The aria-labelledby attribute contains the element IDs of labels in objects such as input elements, widgets, and groups. The attribute establishes relationships between objects and their labels. Assistive technology, such as screen readers, use this attribute to catalog the objects in a document so that users can navigate between them. Without an element ID, the assistive technology cannot catalog the object."
            },
            "aria-owns": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "An HTML ID that is shared with ARIA-supported devices with the\n`aria-controls` attribute in order to relate the input with\nanother region of the page. An example would be a search field\nthat shows search results."
            },
            "aria-required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "The `aria-required` attribute is used to indicate that user input is required on an element before a form can be submitted."
            },
            "autoFocus": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Specifies is the textarea should automatically get focus when the page loads. This is typically a poor user experience."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Elements are added after the `textarea`."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the textarea component."
            },
            "classNameContainer": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Allows for ability to apply classNames to outer textarea div."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the textarea and prevents editing the contents."
            },
            "errorText": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Message to display when the textarea is in an error state. When this is present, also visually highlights the component as in error."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Every textarea must have a unique ID in order to support keyboard navigation and ARIA support."
            },
            "textareaRef": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback exposes the textarea reference / DOM node to parent components. `<Parent textareaRef={(textareaComponent) => this.textarea = textareaComponent} />"
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "This label appears above the textarea."
            },
            "onBlur": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when focus is removed."
            },
            "onChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This callback fires when the textarea changes. The synthetic React event will be the first parameter to the callback. You will probably want to reference `event.target.value` in your callback. No custom data object is provided."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This event fires when the textarea is clicked."
            },
            "onFocus": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when component is focused."
            },
            "onInput": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Similar to `onchange`. Triggered when an element gets user input."
            },
            "onInvalid": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a submittable <input> element is invalid."
            },
            "onKeyDown": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed down"
            },
            "onKeyPress": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is pressed and released"
            },
            "onKeyUp": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when a key is released"
            },
            "onSelect": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered after some text has been selected in an element."
            },
            "onSubmit": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Fires when a form is submitted."
            },
            "maxLength": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Maximum number of characters allowed."
            },
            "name": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Name of the submitted form parameter."
            },
            "placeholder": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Text that will appear in an empty textarea."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Highlights the textarea as a required field (does not perform any validation)."
            },
            "value": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The textarea is a controlled component, and will always display this value."
            },
            "defaultValue": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The textarea is a uncontrolled component, and this will be the initial value."
            },
            "wrap": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'soft'",
                            "computed": false
                        },
                        {
                            "value": "'hard'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Specifies how the text in a text area is to be wrapped when submitted in a form."
            }
        },
        "route": "textareas",
        "display-name": "Textareas",
        "SLDS-component-path": "/components/forms#flavor-textarea",
        "dependencies": []
    },
    "time-picker": {
        "description": "** Timepicker is deprecated. Please use an auto-complete Combobox instead.**\nA timepicker is an autocomplete text input to capture a time.",
        "methods": [
            {
                "name": "parseDate",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "strValue",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "date",
                        "type": null
                    },
                    {
                        "name": "strValue",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleSelect",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "val",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleInputChange",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "event",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "constrainToScrollParent": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, constrains the menu to the scroll parent. See `Dropdown`."
            },
            "disabled": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Disables the input and prevents editing the contents."
            },
            "formatter": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Time formatting function",
                "defaultValue": {
                    "value": "(date) {\n\tif (date) {\n\t\treturn date.toLocaleTimeString(navigator.language, {\n\t\t\thour: '2-digit',\n\t\t\tminute: '2-digit',\n\t\t});\n\t}\n\n\treturn null;\n}",
                    "computed": false
                }
            },
            "inheritTargetWidth": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Sets the dialog width to the width of the target. Menus attached to `input` typically follow this UX pattern."
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "This label appears above the input."
            },
            "listItemRenderer": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Custom element that overrides the default Menu Item component."
            },
            "menuPosition": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "onDateChange": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Receives the props `(dateValue, stringValue)`"
            },
            "parser": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Parsing date string into Date",
                "defaultValue": {
                    "value": "(timeStr) {\n\tconst date = new Date();\n\tconst dateStr = date.toLocaleString(navigator.language, {\n\t\tyear: 'numeric',\n\t\tmonth: 'numeric',\n\t\tday: 'numeric',\n\t});\n\treturn new Date(`${dateStr} ${timeStr}`);\n}",
                    "computed": false
                }
            },
            "placeholder": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Text that will appear in an empty input."
            },
            "required": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "If true, adds asterisk next to input label to indicate it is a required field."
            },
            "stepInMinutes": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Frequency of options",
                "defaultValue": {
                    "value": "30",
                    "computed": false
                }
            },
            "strValue": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Value for input that is parsed to create an internal state in the `date` format."
            },
            "value": {
                "type": {
                    "name": "instanceOf",
                    "value": "Date"
                },
                "required": false,
                "description": "Instance an internal state in the `date` format.",
                "defaultValue": {
                    "value": "null",
                    "computed": false
                }
            }
        },
        "route": "timepickers",
        "display-name": "Timepickers",
        "SLDS-component-path": "/components/timepicker",
        "dependencies": []
    },
    "toast": {
        "description": "Toast serves as a feedback & confirmation mechanism after the user takes an action. View [banner guidelines](https://www.lightningdesignsystem.com/guidelines/messaging/components/banners/).",
        "methods": [
            {
                "name": "onClose",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "clearTimeout",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "saveToastRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "toast",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "closeButton": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `closeButton`: This is a visually hidden label for the close button.\n* `error`: This is a visually hidden label to mark the toast as an error variant\n* `info`: This is a visually hidden label to mark the toast as an info variant\n* `success`: This is a visually hidden label to mark the toast as an success variant\n* `warning`: This is a visually hidden label to mark the toast as an warning variant\n_Tested with snapshot testing._",
                "defaultValue": {
                    "value": "{\n\tcloseButton: 'Close',\n\terror: 'error',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-notify_toast`. Uses `classNames` [API](https://github.com/JedWatson/classnames).\n_Tested with snapshot testing._"
            },
            "duration": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "If duration exists, the Toast will disappear after that amount of time. Time in milliseconds. _Tested with Mocha testing._"
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "details": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        },
                        "heading": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        },
                        "headingLink": {
                            "name": "union",
                            "value": [
                                {
                                    "name": "string"
                                },
                                {
                                    "name": "node"
                                }
                            ],
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `details`: Secondary text below heading\n* `heading`: text within heading tag\n* `headingLink`: Text of link that triggers `onClickHeadingLink`. Inline links should pass a keyed array of React components into `labels.heading`.\n\n_Tested with snapshot testing._"
            },
            "onClickHeadingLink": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered by link. _Tested with Mocha testing._"
            },
            "icon": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Icon of type `~/components/icon`. This icon will be cloned and additional props appended. The default icons are:\n* info variant: `utility:info`\n* error variant: `utility:error`\n* success variant: `utility:success`\n* warning variant: `utility:warning`\n\n_Tested with snapshot testing._"
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered by close button. _Tested with Mocha testing._"
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be passed to the component. _Tested with Mocha testing._"
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'error'",
                            "computed": false
                        },
                        {
                            "value": "'info'",
                            "computed": false
                        },
                        {
                            "value": "'success'",
                            "computed": false
                        },
                        {
                            "value": "'warning'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "The type of Toast. _Tested with snapshot testing._",
                "defaultValue": {
                    "value": "'info'",
                    "computed": false
                }
            }
        },
        "route": "toasts",
        "display-name": "Toasts",
        "SLDS-component-path": "/components/toast",
        "dependencies": [
            {
                "container": {
                    "description": "A fixed container for toast banners.",
                    "methods": [],
                    "props": {
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to tag with `.slds-notify-container`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "children": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Toast components"
                        }
                    },
                    "name": "container",
                    "source": "/components/toast/container.jsx"
                }
            }
        ]
    },
    "tooltip": {
        "description": "The PopoverTooltip component is variant of the Lightning Design System Popover component. This component wraps an element that triggers it to open. It must be a focusable child element (either a button or an anchor), so that keyboard users can navigate to it.",
        "methods": [
            {
                "name": "getAnchoredNubbinStyles",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getContent",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getIsOpen",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getTooltip",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getTooltipContent",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getTooltipTarget",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleCancel",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleMouseEnter",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleMouseLeave",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleKeyDown",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "e",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "saveTriggerRef",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "component",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "align": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'top'",
                            "computed": false
                        },
                        {
                            "value": "'top left'",
                            "computed": false
                        },
                        {
                            "value": "'top right'",
                            "computed": false
                        },
                        {
                            "value": "'right'",
                            "computed": false
                        },
                        {
                            "value": "'right top'",
                            "computed": false
                        },
                        {
                            "value": "'right bottom'",
                            "computed": false
                        },
                        {
                            "value": "'bottom'",
                            "computed": false
                        },
                        {
                            "value": "'bottom left'",
                            "computed": false
                        },
                        {
                            "value": "'bottom right'",
                            "computed": false
                        },
                        {
                            "value": "'left'",
                            "computed": false
                        },
                        {
                            "value": "'left top'",
                            "computed": false
                        },
                        {
                            "value": "'left bottom'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Alignment of the Tooltip relative to the element that triggers it.",
                "defaultValue": {
                    "value": "'top'",
                    "computed": false
                }
            },
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "tooltipTipLearnMoreIcon": {
                            "name": "string",
                            "required": false
                        },
                        "triggerLearnMoreIcon": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility**\nThis object is merged with the default props object on every render.\n* `tooltipTipLearnMoreIcon`: This text is inside the info icon within the tooltip content and exists to \"complete the sentence\" for assistive tech users.\n* `triggerLearnMoreIcon`: This text is inside the info icon that triggers the tooltip in order to have text within the link.",
                "defaultValue": {
                    "value": "{\n\ttooltipTipLearnMoreIcon: 'this link',\n\ttriggerLearnMoreIcon: 'Help',\n}",
                    "computed": false
                }
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Pass the one element that triggers the Tooltip as a child. It must be an element with `tabIndex` or an element that already has a `tabIndex` set such as an anchor or a button, so that keyboard users can tab to it."
            },
            "content": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Content inside Tooltip.",
                "defaultValue": {
                    "value": "<span>{'Tooltip'}</span>",
                    "computed": false
                }
            },
            "dialogClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the popover dialog. That is the element with `.slds-popover` on it."
            },
            "hasAnchoredNubbin": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Enabling this hides the default nubbin, replacing it with one attached directly to the tooltip trigger. Note: `hasStaticAlignment` should be set to `true` if using this feature as auto-flipping anchored nubbins are not currently supported."
            },
            "hasStaticAlignment": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "By default, dialogs will flip their alignment (such as bottom to top) if they extend beyond a boundary element such as a scrolling parent or a window/viewpoint. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._"
            },
            "hoverCloseDelay": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Delay on Tooltip closing in milliseconds. Defaults to 50",
                "defaultValue": {
                    "value": "50",
                    "computed": false
                }
            },
            "hoverOpenDelay": {
                "type": {
                    "name": "number"
                },
                "required": false,
                "description": "Delay on Tooltip opening in milliseconds. Defaults to 0",
                "defaultValue": {
                    "value": "0",
                    "computed": false
                }
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the popover to the triggering element."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "learnMoreAfter": {
                            "name": "string",
                            "required": false
                        },
                        "learnMoreBefore": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `learnMoreAfter`: This label appears in the tooltip after the info icon.\n* `learnMoreBefore`: This label appears in the tooltip before the info icon.",
                "defaultValue": {
                    "value": "{\n\tlearnMoreAfter: 'to learn more.',\n\tlearnMoreBefore: 'Click',\n}",
                    "computed": false
                }
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Forces tooltip to be open. A value of `false` will disable any interaction with the tooltip."
            },
            "onRequestTargetElement": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback that returns an element or React `ref` to align the Tooltip with."
            },
            "triggerClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `slds-tooltip-trigger`."
            },
            "position": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'absolute'",
                            "computed": false
                        },
                        {
                            "value": "'overflowBoundaryElement'",
                            "computed": false
                        },
                        {
                            "value": "'relative'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Please select one of the following:\n* `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n* `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n* `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.",
                "defaultValue": {
                    "value": "'absolute'",
                    "computed": false
                }
            },
            "triggerStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Custom styles to be added to wrapping triggering `div`."
            },
            "theme": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'info'",
                            "computed": false
                        },
                        {
                            "value": "'error'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the theme of tooltip: for informative purpose (blue background) or warning purpose (red background). This used to be `variant`.",
                "defaultValue": {
                    "value": "'info'",
                    "computed": false
                }
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'base'",
                            "computed": false
                        },
                        {
                            "value": "'learnMore'",
                            "computed": false
                        },
                        {
                            "value": "'list-item'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Determines the type of the tooltip.",
                "defaultValue": {
                    "value": "'base'",
                    "computed": false
                }
            }
        },
        "route": "tooltips",
        "display-name": "Tooltips",
        "SLDS-component-path": "/components/tooltips",
        "dependencies": []
    },
    "tree": {
        "description": "A tree is visualization of a structure hierarchy. A branch can be expanded or collapsed. This is a controlled component, since visual state is present in the `nodes` data.",
        "methods": [
            {
                "name": "handleSelect",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ event, data, clearSelectedNodes, fromFocus }",
                        "type": null
                    }
                ],
                "returns": null
            },
            {
                "name": "handleNodeBlur",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "handleExpand",
                "docblock": null,
                "modifiers": [],
                "params": [
                    {
                        "name": "{ event, data }",
                        "type": null
                    }
                ],
                "returns": null
            }
        ],
        "props": {
            "assistiveText": {
                "type": {
                    "name": "shape",
                    "value": {
                        "label": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `label`: For users of assistive technology, if set the heading will be hidden. One of `heading` or `assistiveText.label` must be set in order to label the tree.",
                "defaultValue": {
                    "value": "{}",
                    "computed": false
                }
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the container element which has the heading and the `ul.slds-tree` element as children."
            },
            "listClassName": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "Class names to be added to the top-level `ul` element of the tree."
            },
            "getNodes": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "A function that will be called by every branch to receive its child nodes. The parent `node` object with the branch data is passed into this function: `getNodes(node)`. If your state engine is Flux or Redux, then your tree data structure will probably be flattened or normalized within the store. This will allow you to build out your tree without transversing an actual tree of data and may be more performant.",
                "defaultValue": {
                    "value": "(node) => node.nodes",
                    "computed": false
                }
            },
            "heading": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "node"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "This is the tree's heading and describes its contents. It can be hidden, see `assistiveText`."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": true,
                "description": "HTML `id` of primary element that has `.slds-tree` on it. This component has a wrapping container element outside of `.slds-tree`."
            },
            "nodes": {
                "type": {
                    "name": "arrayOf",
                    "value": {
                        "name": "union",
                        "value": [
                            {
                                "name": "number"
                            },
                            {
                                "name": "string"
                            },
                            {
                                "name": "shape",
                                "value": {
                                    "id": {
                                        "name": "union",
                                        "value": [
                                            {
                                                "name": "number"
                                            },
                                            {
                                                "name": "string"
                                            }
                                        ],
                                        "required": true
                                    },
                                    "label": {
                                        "name": "union",
                                        "value": [
                                            {
                                                "name": "node"
                                            },
                                            {
                                                "name": "string"
                                            }
                                        ],
                                        "required": true
                                    },
                                    "type": {
                                        "name": "string",
                                        "required": true
                                    }
                                }
                            }
                        ]
                    }
                },
                "required": true,
                "description": "Array of items starting at the top of the tree. The shape each node in the array is:\n```\n{\n  expanded: boolean,\n  id: string,\n  label: string or node,\n  selected: boolean,\n  type: string,\n  nodes: array\n}\n```\n`assistiveText: string` is optional and helpful if the label is not a string. Only `id` and `label` are required. Use `type: 'branch'` for folder and categories."
            },
            "onClick": {
                "type": {
                    "name": "func"
                },
                "required": true,
                "description": "Function that will run whenever an item or branch is selected due to click or keyboard navigation."
            },
            "onExpandClick": {
                "type": {
                    "name": "func"
                },
                "required": true,
                "description": "This function triggers when the expand or collapse icon is clicked or due to keyboard navigation."
            },
            "onScroll": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "This function triggers when the top-level `ul` element scrolls. This can be used to implement an \"infinite scroll\" pattern and update the `nodes` prop accordingly."
            },
            "searchTerm": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Highlights term if found in node label. This does not auto-expand branches."
            },
            "listStyle": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Styles to be added to the top-level `ul` element. Useful for `overflow:hidden`."
            }
        },
        "route": "tree",
        "display-name": "Tree",
        "SLDS-component-path": "/components/trees",
        "dependencies": []
    },
    "trial-bar": {
        "description": "Trial bar components are used to provide an interactive and educational prospect experience for setup.",
        "methods": [],
        "props": {
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Provide children of the types `<TrialBarButton />` or `<TrialBarDropdown />` to define the structure of the trial bar.\n```\n<TrialBar>\n  <TrialBarButton />\n  <TrialBarDropdown />\n</TrialBar>\n```"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to the component. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "timeLeft": {
                            "name": "string",
                            "required": false
                        },
                        "timeLeftUnit": {
                            "name": "string",
                            "required": false
                        },
                        "timeLeftUnitAfter": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Text labels for internationalization**\nThis object is merged with the default props object on every render.\n* `learnMoreAfter`: Amount of time left in trial, e.g. `30`\n* `learnMoreBefore`: Unit of the amount of time left, e.g. `days`\n* `timeLeftUnitAfter`: String after `timeLeftUnit`",
                "defaultValue": {
                    "value": "{\n\ttimeLeftUnitAfter: 'left in trial',\n}",
                    "computed": false
                }
            },
            "onRenderActions": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Renders the actions section of the trial bar."
            },
            "style": {
                "type": {
                    "name": "object"
                },
                "required": false,
                "description": "Customs styles to be applied to the component."
            }
        },
        "route": "trial-bars",
        "display-name": "Trial Bars",
        "SLDS-component-path": "/components/trial-bar",
        "dependencies": [
            {
                "button": {
                    "description": "A [Button](/components/buttons/) within the Trial Bar.",
                    "methods": [],
                    "composes": [
                        "../button"
                    ],
                    "name": "button",
                    "source": "/components/trial-bar/button.jsx"
                }
            },
            {
                "dropdown": {
                    "description": "A [Dropdown](/components/menu-dropdowns/) within the Trial Bar.",
                    "methods": [],
                    "composes": [
                        "../menu-dropdown/menu-dropdown"
                    ],
                    "name": "dropdown",
                    "source": "/components/trial-bar/dropdown.jsx"
                }
            }
        ]
    },
    "vertical-navigation": {
        "description": "Vertical Navigation represents a list of links that either take the user to another page or parts of the page the user is in.",
        "methods": [
            {
                "name": "getId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            },
            {
                "name": "getSelectedId",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component. _Tested with snapshot testing._"
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element. _Tested with snapshot testing._"
            },
            "categories": {
                "type": {
                    "name": "array"
                },
                "required": false,
                "description": "Array of categories. The required shape is: `{id: string, label: string, items: array}`. The required shape of an item is `{id: string, label: string, url: string}`. All item ids are expected to be unique. _Tested with snapshot testing._"
            },
            "selectedId": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "The ID of the item that is currently selected. Defaults to the ID of the first item. _Tested with Mocha framework._"
            },
            "onSelect": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Triggered when the selection changes. It receives an event and an item object in the shape: `event, {item: [object] }`. _Tested with Mocha framework._"
            }
        },
        "route": "vertical-navigation",
        "display-name": "Vertical Navigation",
        "SLDS-component-path": "/components/vertical-navigation",
        "dependencies": []
    },
    "visual-picker": {
        "description": "Visual Picker Component",
        "methods": [],
        "props": {
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "children": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Visual Picker accepts `Checkbox`, `Radio` and `VisualPickerLink` components as children. Please see `Checkbox`, `Radio` and `VisualPickerLink` for props."
            },
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS classes to be added to tag with `.slds-form-element`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
            },
            "label": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "Label for the visual picker"
            },
            "coverable": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether the visual picker is coverable on selection"
            },
            "vertical": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether the visual picker has a vertical layout",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "links": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether the visual picker has links as children",
                "defaultValue": {
                    "value": "false",
                    "computed": false
                }
            },
            "size": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'medium'",
                            "computed": false
                        },
                        {
                            "value": "'large'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Size for visual picker",
                "defaultValue": {
                    "value": "'medium'",
                    "computed": false
                }
            }
        },
        "route": "visual-pickers",
        "display-name": "Visual Pickers",
        "SLDS-component-path": "/components/visual-picker",
        "dependencies": [
            {
                "link": {
                    "description": "Visual Picker Link Component",
                    "methods": [],
                    "props": {
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS classes to be added to tag with `.slds-form-element`. Uses `classNames` [API](https://github.com/JedWatson/classnames)."
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "URL for the Link"
                        },
                        "icon": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Icon node for the Link"
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Title for the Link"
                        },
                        "description": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Description for the Link"
                        }
                    },
                    "name": "link",
                    "source": "/components/visual-picker/link.jsx"
                }
            }
        ]
    },
    "welcome-mat": {
        "description": "A Welcome Mat provides a series of unordered items a user can click to learn about a thematic topic.",
        "methods": [
            {
                "name": "getId",
                "docblock": "Get the WelcomeMat's HTML id. Generate a new one if no ID present.",
                "modifiers": [],
                "params": [],
                "returns": null,
                "description": "Get the WelcomeMat's HTML id. Generate a new one if no ID present."
            },
            {
                "name": "getCount",
                "docblock": null,
                "modifiers": [],
                "params": [],
                "returns": null
            }
        ],
        "props": {
            "className": {
                "type": {
                    "name": "union",
                    "value": [
                        {
                            "name": "array"
                        },
                        {
                            "name": "object"
                        },
                        {
                            "name": "string"
                        }
                    ]
                },
                "required": false,
                "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
            },
            "id": {
                "type": {
                    "name": "string"
                },
                "required": false,
                "description": "HTML id for component."
            },
            "isOpen": {
                "type": {
                    "name": "bool"
                },
                "required": false,
                "description": "Whether the modal is open",
                "defaultValue": {
                    "value": "true",
                    "computed": false
                }
            },
            "labels": {
                "type": {
                    "name": "shape",
                    "value": {
                        "title": {
                            "name": "string",
                            "required": false
                        },
                        "description": {
                            "name": "string",
                            "required": false
                        },
                        "unitsCompletedAfter": {
                            "name": "string",
                            "required": false
                        }
                    }
                },
                "required": false,
                "description": "**Weclome Mat labels for internationalization**\nThis object is merged with the default props object on every render.\n* `title`: Title for the Welcome Mat\n* `description`: Label for the radio input\n* `unitsCompletedAfter`: Label for the radio input",
                "defaultValue": {
                    "value": "{\n\tunitsCompletedAfter: 'units completed',\n}",
                    "computed": false
                }
            },
            "variant": {
                "type": {
                    "name": "enum",
                    "value": [
                        {
                            "value": "'steps'",
                            "computed": false
                        },
                        {
                            "value": "'info-only'",
                            "computed": false
                        },
                        {
                            "value": "'splash'",
                            "computed": false
                        },
                        {
                            "value": "'trailhead-connected'",
                            "computed": false
                        }
                    ]
                },
                "required": false,
                "description": "Variant of the WelcomeMat",
                "defaultValue": {
                    "value": "'steps'",
                    "computed": false
                }
            },
            "onRenderInfoActions": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Link to learn more button"
            },
            "onRequestClose": {
                "type": {
                    "name": "func"
                },
                "required": false,
                "description": "Callback to fire when modal is dismissed"
            },
            "infoBadge": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Accepts a single WelcomeMatInfoBadge component, to be used with the trailhead variant"
            },
            "doNotShowAgainCheckbox": {
                "type": {
                    "name": "node"
                },
                "required": false,
                "description": "Do not show again checkbox for info-only variant"
            }
        },
        "route": "welcome-mat",
        "display-name": "Welcome Mat",
        "SLDS-component-path": "/components/welcome-mat",
        "dependencies": [
            {
                "info-badge": {
                    "description": "InfoBadge component item represents a tile in a Welcome Mat",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": "Get the Welcome Mat Info Badge's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the Welcome Mat Info Badge's HTML id. Generate a new one if no ID present."
                        },
                        {
                            "name": "getCompletedText",
                            "docblock": null,
                            "modifiers": [],
                            "params": [],
                            "returns": null
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "completed": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\n* `completed` : For users of assistive technology, assistive text for completed icon."
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "image": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Icon for the tile"
                        },
                        "isComplete": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the trail is completed",
                            "defaultValue": {
                                "value": "false",
                                "computed": false
                            }
                        },
                        "onCompleteRenderActions": {
                            "type": {
                                "name": "func"
                            },
                            "required": false,
                            "description": "Actions to be rendered on completion of the trail"
                        },
                        "variant": {
                            "defaultValue": {
                                "value": "'steps'",
                                "computed": false
                            },
                            "required": false
                        }
                    },
                    "name": "info-badge",
                    "source": "/components/welcome-mat/info-badge.jsx"
                }
            },
            {
                "tile": {
                    "description": "Tile component item represents a tile in a Welcome Mat",
                    "methods": [
                        {
                            "name": "getId",
                            "docblock": "Get the Welcome Mat Tile's HTML id. Generate a new one if no ID present.",
                            "modifiers": [],
                            "params": [],
                            "returns": null,
                            "description": "Get the Welcome Mat Tile's HTML id. Generate a new one if no ID present."
                        }
                    ],
                    "props": {
                        "assistiveText": {
                            "type": {
                                "name": "shape",
                                "value": {
                                    "completedIcon": {
                                        "name": "string",
                                        "required": false
                                    }
                                }
                            },
                            "required": false,
                            "description": "**Assistive text for accessibility.**\nThis object is merged with the default props object on every render.\n* `completeIcon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the complete icon means.",
                            "defaultValue": {
                                "value": "{\n\tcompletedIcon: 'Completed',\n}",
                                "computed": false
                            }
                        },
                        "className": {
                            "type": {
                                "name": "union",
                                "value": [
                                    {
                                        "name": "array"
                                    },
                                    {
                                        "name": "object"
                                    },
                                    {
                                        "name": "string"
                                    }
                                ]
                            },
                            "required": false,
                            "description": "CSS class names to be added to the container element. `array`, `object`, or `string` are accepted."
                        },
                        "id": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "HTML id for component."
                        },
                        "title": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Title for the tile component."
                        },
                        "description": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Description for the tile component."
                        },
                        "href": {
                            "type": {
                                "name": "string"
                            },
                            "required": false,
                            "description": "Href for the tile link"
                        },
                        "icon": {
                            "type": {
                                "name": "node"
                            },
                            "required": false,
                            "description": "Icon for the tile"
                        },
                        "isComplete": {
                            "type": {
                                "name": "bool"
                            },
                            "required": false,
                            "description": "Whether the tile is completed",
                            "defaultValue": {
                                "value": "false",
                                "computed": false
                            }
                        },
                        "variant": {
                            "type": {
                                "name": "enum",
                                "value": [
                                    {
                                        "value": "'steps'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'info-only'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'splash'",
                                        "computed": false
                                    },
                                    {
                                        "value": "'trailhead-connected'",
                                        "computed": false
                                    }
                                ]
                            },
                            "required": false,
                            "description": "Variant of the Welcome Mat Tile",
                            "defaultValue": {
                                "value": "'steps'",
                                "computed": false
                            }
                        }
                    },
                    "name": "tile",
                    "source": "/components/welcome-mat/tile.jsx"
                }
            }
        ]
    }
}