{"data":{"designComponentDocs":{"edges":[{"node":{"frontmatter":{"title":"Accordion","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/accordion.mdx","fields":{"slug":"/design/accordion/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Formatting"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behaviors"},{"depth":2,"value":"Interactions"},{"depth":2,"value":"Design Customization"}]}},{"node":{"frontmatter":{"title":"Alert","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/alerts.mdx","fields":{"slug":"/design/alerts/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Alert Types"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Badge","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/badges.mdx","fields":{"slug":"/design/badges/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Text Badges"},{"depth":2,"value":"Counters"},{"depth":2,"value":"Color"}]}},{"node":{"frontmatter":{"title":"Breadcrumb","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/breadcrumb.mdx","fields":{"slug":"/design/breadcrumb/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Responsive Behavior"}]}},{"node":{"frontmatter":{"title":"Button","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/button.mdx","fields":{"slug":"/design/button/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Types"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Button Colors"},{"depth":2,"value":"Button States"},{"depth":2,"value":"Hierarchy and Placement"},{"depth":2,"value":"Responsive Behavior"}]}},{"node":{"frontmatter":{"title":"Card","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/card.mdx","fields":{"slug":"/design/card/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Depth"},{"depth":2,"value":"Scrolling"},{"depth":2,"value":"Actions"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Callout Cards"},{"depth":2,"value":"Card Groups"}]}},{"node":{"frontmatter":{"title":"Dropdown","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/dropdown.mdx","fields":{"slug":"/design/dropdown/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Button Types"},{"depth":2,"value":"Positioning & Alignment"},{"depth":2,"value":"Non-menu Content in dropdowns"}]}},{"node":{"frontmatter":{"title":"Dropzone","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/dropzone.mdx","fields":{"slug":"/design/dropzone/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Uploaded Files"},{"depth":2,"value":"Validation"}]}},{"node":{"frontmatter":{"title":"Input","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/inputs.mdx","fields":{"slug":"/design/inputs/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Types"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Input States"},{"depth":2,"value":"Sizes"}]}},{"node":{"frontmatter":{"title":"List","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/list.mdx","fields":{"slug":"/design/list/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Content"},{"depth":2,"value":"Styling"}]}},{"node":{"frontmatter":{"title":"Loading Indicator","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/loading-indicators.mdx","fields":{"slug":"/design/loading-indicators/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Types"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Modal","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/modals.mdx","fields":{"slug":"/design/modals/"},"headings":[{"depth":2,"value":"Principles"},{"depth":2,"value":"Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Behaviors"}]}},{"node":{"frontmatter":{"title":"Progress Bar","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/progress-bar.mdx","fields":{"slug":"/design/progress-bar/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Behavior"},{"depth":2,"value":"Colors"}]}},{"node":{"frontmatter":{"title":"Search","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/search.mdx","fields":{"slug":"/design/search/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Select","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/select.mdx","fields":{"slug":"/design/select/"},"headings":[{"depth":2,"value":"Principles"},{"depth":2,"value":"Select vs. Dropdown"},{"depth":2,"value":"Advanced Selects"}]}},{"node":{"frontmatter":{"title":"Selection Control","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/selection-controls.mdx","fields":{"slug":"/design/selection-controls/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Checkboxes"},{"depth":2,"value":"Radio Buttons"},{"depth":2,"value":"Toggle Switches"}]}},{"node":{"frontmatter":{"title":"Tables","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tables.mdx","fields":{"slug":"/design/tables/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Sizing"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Tabs","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tabs.mdx","fields":{"slug":"/design/tabs/"},"headings":[{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"States"},{"depth":2,"value":"Placement"},{"depth":2,"value":"Tab Layout"},{"depth":2,"value":"Inverse Styling"}]}},{"node":{"frontmatter":{"title":"Tags","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tags.mdx","fields":{"slug":"/design/tags/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Styles"},{"depth":2,"value":"States"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Tags With Icons"},{"depth":2,"value":"Dismissable Tags"}]}},{"node":{"frontmatter":{"title":"Tooltip","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tooltips.mdx","fields":{"slug":"/design/tooltips/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Placement"},{"depth":2,"value":"Accessibility"}]}}]},"designPatternDocs":{"edges":[{"node":{"frontmatter":{"title":"Header","isPattern":true},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/header.mdx","fields":{"slug":"/design/header/"},"headings":[{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Horizontal Specifications"},{"depth":2,"value":"Left Justification"},{"depth":2,"value":"Span Width"},{"depth":2,"value":"Vertical Specifications"},{"depth":2,"value":"Icons, Inputs, and Features"},{"depth":2,"value":"Order Of Operations for Icons"},{"depth":2,"value":"Considerations"}]}}]},"apiDocs":{"edges":[{"node":{"frontmatter":{"title":"Accordion","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/accordion.mdx","fields":{"slug":"/api/accordion/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Restrict Multiple Expanded"},{"depth":2,"value":"Controlled Accordion"},{"depth":2,"value":"Icon Position"},{"depth":2,"value":"Disabled Item"},{"depth":2,"value":"InverseContext"},{"depth":2,"value":"Accordion Props"},{"depth":2,"value":"AccordionItem Props"},{"depth":2,"value":"AccordionButton Props"},{"depth":2,"value":"AccordionPanel Props"}]}},{"node":{"frontmatter":{"title":"Alert","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/alert.mdx","fields":{"slug":"/api/alert/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Dismissible"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Alert Props"}]}},{"node":{"frontmatter":{"title":"Announce","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/announce.mdx","fields":{"slug":"/api/announce/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Politeness"},{"depth":2,"value":"Announce Props"}]}},{"node":{"frontmatter":{"title":"AppBar","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/appbar.mdx","fields":{"slug":"/api/appbar/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Compact"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Position"},{"depth":2,"value":"Nav Tabs"}]}},{"node":{"frontmatter":{"title":"Badge","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/badge.mdx","fields":{"slug":"/api/badge/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Badge Props"}]}},{"node":{"frontmatter":{"title":"Banner","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/banner.mdx","fields":{"slug":"/api/banner/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Dismissible"},{"depth":2,"value":"Action Button"},{"depth":2,"value":"Banner Props"}]}},{"node":{"frontmatter":{"title":"Block Quote","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/blockquote.mdx","fields":{"slug":"/api/blockquote/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"With Attribution"},{"depth":2,"value":"Visual Styles"},{"depth":2,"value":"Color"},{"depth":2,"value":"Border Style"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Inverse"}]}},{"node":{"frontmatter":{"title":"Breadcrumb","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/breadcrumb.mdx","fields":{"slug":"/api/breadcrumb/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Aria-label"},{"depth":2,"value":"Breadcrumb Props"},{"depth":2,"value":"Breadcrumb Item Props"}]}},{"node":{"frontmatter":{"title":"Breakpoints Container","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/breakpoints-container.mdx","fields":{"slug":"/api/breakpoints-container/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Using Fewer Breakpoints"},{"depth":2,"value":"Custom Breakpoints"},{"depth":2,"value":"Breakpoints Container Props"},{"depth":2,"value":"Breakpoint Props"}]}},{"node":{"frontmatter":{"title":"Button","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/button.mdx","fields":{"slug":"/api/button/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Shapes"},{"depth":2,"value":"Loading"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Text Transform"},{"depth":2,"value":"Full Width"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Types"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Button Props"}]}},{"node":{"frontmatter":{"title":"Card","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/card.mdx","fields":{"slug":"/api/card/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Heading"},{"depth":2,"value":"Drop Shadow"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Callout Type"},{"depth":2,"value":"Width"},{"depth":2,"value":"Image in Card"},{"depth":2,"value":"Background and Inverse"},{"depth":2,"value":"Card Props"},{"depth":2,"value":"Card Heading Props"},{"depth":2,"value":"Card Body Props"}]}},{"node":{"frontmatter":{"title":"Checkbox","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/checkboxes.mdx","fields":{"slug":"/api/checkboxes/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Error at Group Level"},{"depth":2,"value":"Error at Checkbox Level"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Node as labelText"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Checkbox Props"}]}},{"node":{"frontmatter":{"title":"Combobox","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/combobox.mdx","fields":{"slug":"/api/combobox/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Initial State"},{"depth":2,"value":"Specific State Changes"},{"depth":2,"value":"Generic State Change"},{"depth":2,"value":"Controlled Items"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Clearable"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Disable Create Item"},{"depth":2,"value":"Multi Combobox"},{"depth":2,"value":"Events"},{"depth":2,"value":"Async"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Items List Height"},{"depth":2,"value":"Label Position"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Custom Items"},{"depth":2,"value":"Custom Items Typescript"},{"depth":2,"value":"Custom Components"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"State Change Types"},{"depth":2,"value":"Combobox Props"}]}},{"node":{"frontmatter":{"title":"Container","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/container.mdx","fields":{"slug":"/api/container/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Max-Width"},{"depth":2,"value":"Gutter Width"},{"depth":2,"value":"Container Props"}]}},{"node":{"frontmatter":{"title":"Datagrid","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/datagrid.mdx","fields":{"slug":"/api/datagrid/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Row Color"},{"depth":2,"value":"Selectable"},{"depth":2,"value":"Disabled Selectable Row"},{"depth":2,"value":"Selectable and Sortable"},{"depth":2,"value":"Controlled Selectable Column"},{"depth":2,"value":"Pagination Defaults"},{"depth":2,"value":"Pagination Controlled"},{"depth":2,"value":"Custom Pagination Component Props"},{"depth":2,"value":"Custom Pagination Components"},{"depth":2,"value":"Without Pagination"},{"depth":2,"value":"InverseContext"},{"depth":2,"value":"Datagrid Props"}]}},{"node":{"frontmatter":{"title":"Date Picker","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/date-pickers.mdx","fields":{"slug":"/api/date-pickers/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Date"},{"depth":2,"value":"Value"},{"depth":2,"value":"Minimum and Maximum Dates"},{"depth":2,"value":"Placeholder Text"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Events"},{"depth":2,"value":"Keyboard Navigation"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Date Picker Props"}]}},{"node":{"frontmatter":{"title":"Drawer","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/drawer.mdx","fields":{"slug":"/api/drawer/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Internationalization"}]}},{"node":{"frontmatter":{"title":"Dropdown","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/dropdown.mdx","fields":{"slug":"/api/dropdown/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Split Button"},{"depth":2,"value":"Drop Direction"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Fixed Width"},{"depth":2,"value":"Max-Height"},{"depth":2,"value":"DropdownMenuItem"},{"depth":2,"value":"DropdownMenuNavItem"},{"depth":2,"value":"Custom DropdownMenuItem Wrappers"},{"depth":2,"value":"Dropdown with Form"},{"depth":2,"value":"Custom Button"},{"depth":2,"value":"Custom Icon Button"},{"depth":2,"value":"Breaking a Menu Into Groups"},{"depth":2,"value":"Active Item Index"},{"depth":2,"value":"Handle Focus on Close"},{"depth":2,"value":"Prevent Default Focus Handling - Deprecated"},{"depth":2,"value":"Dropdown Props"},{"depth":2,"value":"Dropdown Content Props"},{"depth":2,"value":"Dropdown Header Props"},{"depth":2,"value":"Dropdown Menu Group"},{"depth":2,"value":"Dropdown Menu Item"},{"depth":2,"value":"Dropdown Button Props"},{"depth":2,"value":"Dropdown Menu Nav Item"}]}},{"node":{"frontmatter":{"title":"Dropzone","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/dropzone.mdx","fields":{"slug":"/api/dropzone/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"No Dragging"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Handle File Processing"},{"depth":2,"value":"Deleting Files"},{"depth":2,"value":"Processing Examples"},{"depth":2,"value":"File Uploader Props"}]}},{"node":{"frontmatter":{"title":"Flex","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/flex.mdx","fields":{"slug":"/api/flex/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Responsive behavior"},{"depth":2,"value":"Spacing"},{"depth":2,"value":"Auto-Width"},{"depth":2,"value":"Nested"},{"depth":2,"value":"Other Flex Properties"},{"depth":2,"value":"Flex Props"}]}},{"node":{"frontmatter":{"title":"Form","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/form.mdx","fields":{"slug":"/api/form/"},"headings":[{"depth":2,"value":"Basic Usage"}]}},{"node":{"frontmatter":{"title":"Form Group","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/formgroup.mdx","fields":{"slug":"/api/formgroup/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Labeling Form Groups"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Form Group Props"}]}},{"node":{"frontmatter":{"title":"FormFieldContainer","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/form-field-wrapper.mdx","fields":{"slug":"/api/form-field-wrapper/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"InverseContext"},{"depth":2,"value":"Internationalization"}]}},{"node":{"frontmatter":{"title":"Global Styles","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/global-styles.mdx","fields":{"slug":"/api/global-styles/"},"headings":[]}},{"node":{"frontmatter":{"title":"Grid","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/grid.mdx","fields":{"slug":"/api/grid/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Responsiveness"},{"depth":2,"value":"More on CSS Grid"}]}},{"node":{"frontmatter":{"title":"Heading","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/heading.mdx","fields":{"slug":"/api/heading/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Size"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Color"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"No Margins"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Heading Props"}]}},{"node":{"frontmatter":{"title":"Hide at Breakpoint","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/hide-at-breakpoint.mdx","fields":{"slug":"/api/hide-at-breakpoint/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Hide at Breakpoint Props"}]}},{"node":{"frontmatter":{"title":"Hyperlink","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/hyperlink.mdx","fields":{"slug":"/api/hyperlink/"},"headings":[{"depth":2,"value":"Usage Guidelines"},{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"StyledAs"},{"depth":2,"value":"Render Props Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Hyperlink Props"}]}},{"node":{"frontmatter":{"title":"Icon","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/icon.mdx","fields":{"slug":"/api/icon/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Title"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Color"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Available Icons"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Icon Props"}]}},{"node":{"frontmatter":{"title":"Icon Button","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/icon-button.mdx","fields":{"slug":"/api/icon-button/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Assign Icon to Variable"},{"depth":2,"value":"Custom Size"},{"depth":2,"value":"Icon Position"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Shape"},{"depth":2,"value":"Full-Width Buttons"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Icon Button Props"}]}},{"node":{"frontmatter":{"title":"Indeterminate Checkbox","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/indeterminate.mdx","fields":{"slug":"/api/indeterminate/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Indeterminate Checkbox Props"}]}},{"node":{"frontmatter":{"title":"Input","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/input.mdx","fields":{"slug":"/api/input/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Number"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Default Value"},{"depth":2,"value":"Value"},{"depth":2,"value":"Clear Value"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Input With Icon"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Input With Hidden Label"},{"depth":2,"value":"Additional Children (e.g. Help Link)"},{"depth":2,"value":"Change Events"},{"depth":2,"value":"Focus Events"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Input Props"}]}},{"node":{"frontmatter":{"title":"Internationalization","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/internationalization.mdx","fields":{"slug":"/api/internationalization/"},"headings":[{"depth":2,"value":"Default Context Object"},{"depth":2,"value":"Example Usage"}]}},{"node":{"frontmatter":{"title":"LineChart","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/line-chart.mdx","fields":{"slug":"/api/line-chart/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Line Chart Props"}]}},{"node":{"frontmatter":{"title":"List","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/list.mdx","fields":{"slug":"/api/list/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Ordered List"},{"depth":2,"value":"Description"},{"depth":2,"value":"Icon List"},{"depth":2,"value":"InverseContext"},{"depth":2,"value":"List Item Props"},{"depth":2,"value":"List Props"}]}},{"node":{"frontmatter":{"title":"Loading Indicator","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/loading-indicator.mdx","fields":{"slug":"/api/loading-indicator/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Progress Bar"},{"depth":2,"value":"Custom Messages"},{"depth":2,"value":"Accessibility Considerations"},{"depth":2,"value":"Loading Indicator Props"}]}},{"node":{"frontmatter":{"title":"Modal","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/modal.mdx","fields":{"slug":"/api/modal/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Modal Header"},{"depth":2,"value":"Hide Close Button"},{"depth":2,"value":"Custom Close Button"},{"depth":2,"value":"Modal Props"}]}},{"node":{"frontmatter":{"title":"Native Select","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/native-select.mdx","fields":{"slug":"/api/native-select/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Uncontrolled Select"},{"depth":2,"value":"Controlled Select"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Error"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Inverse Disabled"},{"depth":2,"value":"Inverse with Error"},{"depth":2,"value":"Inverse Helper Message"},{"depth":2,"value":"NativeSelect Props"}]}},{"node":{"frontmatter":{"title":"Nav Tabs","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/nav-tabs.mdx","fields":{"slug":"/api/nav-tabs/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Tabs"},{"depth":2,"value":"Custom Component"},{"depth":2,"value":"Border Position"},{"depth":2,"value":"Border Position (vertical)"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Full-Width"},{"depth":2,"value":"Scrollable"},{"depth":2,"value":"Scrollable Vertical Tabs"},{"depth":2,"value":"Icon Tabs"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"NavTabs Props"},{"depth":2,"value":"NavTab Props"}]}},{"node":{"frontmatter":{"title":"Pagination","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/pagination.mdx","fields":{"slug":"/api/pagination/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Size"},{"depth":2,"value":"Handle Page Change"},{"depth":2,"value":"Pagination Props"}]}},{"node":{"frontmatter":{"title":"Paragraph","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/paragraph.mdx","fields":{"slug":"/api/paragraph/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Color"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"No Margins"},{"depth":2,"value":"Paragraph Props"}]}},{"node":{"frontmatter":{"title":"Password Input","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/password-input.mdx","fields":{"slug":"/api/password-input/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Hide Password Mask Button"},{"depth":2,"value":"Custom Strings"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Password Input Props"}]}},{"node":{"frontmatter":{"title":"Progress Bar","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/progress-bar.mdx","fields":{"slug":"/api/progress-bar/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Percentage"},{"depth":2,"value":"Animated"},{"depth":2,"value":"Background Color"},{"depth":2,"value":"Height"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Label Visible"},{"depth":2,"value":"Progress Bar Props"}]}},{"node":{"frontmatter":{"title":"Radio Button","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/radio.mdx","fields":{"slug":"/api/radio/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Selected Value"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Required Fields / Error Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Node as labelText"},{"depth":2,"value":"Labeling Radio Groups"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Radio Group Props"},{"depth":2,"value":"Radio Props"}]}},{"node":{"frontmatter":{"title":"Schema Renderer","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/schema-renderer.mdx","fields":{"slug":"/api/schema-renderer/"},"headings":[{"depth":2,"value":"Basic Template"},{"depth":2,"value":"Form Template"},{"depth":2,"value":"Sub Forms"},{"depth":2,"value":"Field Array"},{"depth":2,"value":"Custom Component"},{"depth":2,"value":"Conditionals"},{"depth":2,"value":"Form Spy"},{"depth":2,"value":"Validators"}]}},{"node":{"frontmatter":{"title":"Search","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/search.mdx","fields":{"slug":"/api/search/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Label and Placeholder Text"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Predictive Search"},{"depth":2,"value":"Loading"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Change Events"},{"depth":2,"value":"Search Props"}]}},{"node":{"frontmatter":{"title":"Select","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/select.mdx","fields":{"slug":"/api/select/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Initial State"},{"depth":2,"value":"Specific State Changes"},{"depth":2,"value":"Generic State Change"},{"depth":2,"value":"Controlled"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Clearable"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Multi Select"},{"depth":2,"value":"Events"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Items List Height"},{"depth":2,"value":"Label Position"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Custom Items"},{"depth":2,"value":"Custom Items Typescript"},{"depth":2,"value":"Custom Components"},{"depth":2,"value":"Other Custom Components"},{"depth":2,"value":"State Change Types"},{"depth":2,"value":"Select Props"}]}},{"node":{"frontmatter":{"title":"Skip Link","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/skip-link.mdx","fields":{"slug":"/api/skip-link/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Button Variations"},{"depth":2,"value":"Button Text"},{"depth":2,"value":"Positioning"},{"depth":2,"value":"Skip Link Props"},{"depth":2,"value":"Skip Link Content Props"}]}},{"node":{"frontmatter":{"title":"Spacer","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/spacer.mdx","fields":{"slug":"/api/spacer/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Axis"}]}},{"node":{"frontmatter":{"title":"Spinner","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/spinner.mdx","fields":{"slug":"/api/spinner/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Aria-Label"},{"depth":2,"value":"Color"},{"depth":2,"value":"Size"},{"depth":2,"value":"Spinner Props"}]}},{"node":{"frontmatter":{"title":"Table","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/table.mdx","fields":{"slug":"/api/table/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Borders"},{"depth":2,"value":"Hover Styles"},{"depth":2,"value":"Zebra Stripes"},{"depth":2,"value":"Density"},{"depth":2,"value":"Sortable"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Cell Alignment"},{"depth":2,"value":"Cell Width"},{"depth":2,"value":"Min-Width"},{"depth":2,"value":"Other Content"},{"depth":2,"value":"Pagination"},{"depth":2,"value":"Table Row Color"},{"depth":2,"value":"Table Props"},{"depth":2,"value":"TableHead Props"},{"depth":2,"value":"TableHeaderCell Props"},{"depth":2,"value":"TableBody Props"},{"depth":2,"value":"TableRow Props"},{"depth":2,"value":"TableCell Props"},{"depth":2,"value":"Table Pagination Props"}]}},{"node":{"frontmatter":{"title":"Tabs","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tabs.mdx","fields":{"slug":"/api/tabs/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Tabs"},{"depth":2,"value":"Border Position"},{"depth":2,"value":"Border Position (vertical)"},{"depth":2,"value":"Custom Tab Wrappers"},{"depth":2,"value":"Custom Tabs Logic"},{"depth":2,"value":"Custom Tab OnClick"},{"depth":2,"value":"Disabled Tabs"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Full-Width"},{"depth":2,"value":"Scrollable Tabs"},{"depth":2,"value":"Scrollable Vertical Tabs"},{"depth":2,"value":"Icon"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Tabs Container Props"},{"depth":2,"value":"Tabs Props"},{"depth":2,"value":"Tab Props"},{"depth":2,"value":"TabPanelsContainer Props"},{"depth":2,"value":"TabPanel Props"}]}},{"node":{"frontmatter":{"title":"Tag","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tag.mdx","fields":{"slug":"/api/tag/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Tag With Icon"},{"depth":2,"value":"Clickable Tag"},{"depth":2,"value":"Deletable Tag"},{"depth":2,"value":"Deletable Tag With Icon"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Inverse Disabled"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Tag Props"}]}},{"node":{"frontmatter":{"title":"Textarea","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/textarea.mdx","fields":{"slug":"/api/textarea/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Value"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Textarea Props"}]}},{"node":{"frontmatter":{"title":"Theming","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/theme.mdx","fields":{"slug":"/api/theme/"},"headings":[{"depth":2,"value":"Using Themes"},{"depth":2,"value":"Typography Scale"},{"depth":2,"value":"Space Scale"}]}},{"node":{"frontmatter":{"title":"Time Picker","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/time-picker.mdx","fields":{"slug":"/api/time-picker/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Value"},{"depth":2,"value":"Minutes Step"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"OnChange Event"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"TimePicker Props"}]}},{"node":{"frontmatter":{"title":"Toast","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toast.mdx","fields":{"slug":"/api/toast/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Accessibility Considerations"},{"depth":2,"value":"Toasts Container (handling multiple toasts)"},{"depth":2,"value":"Bottom Offset"},{"depth":2,"value":"Toast Duration"},{"depth":2,"value":"Disable Auto Dismiss"},{"depth":2,"value":"Mouse Events"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Testing"},{"depth":2,"value":"ToastsContainer Props"},{"depth":2,"value":"Toast Props"}]}},{"node":{"frontmatter":{"title":"Toggle","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toggle.mdx","fields":{"slug":"/api/toggle/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Toggle Props"}]}},{"node":{"frontmatter":{"title":"Tooltip","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tooltip.mdx","fields":{"slug":"/api/tooltip/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Position"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Inline Styles"},{"depth":2,"value":"Custom Theme Styles"},{"depth":2,"value":"Tooltip Props"}]}},{"node":{"frontmatter":{"title":"Transition","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/transition.mdx","fields":{"slug":"/api/transition/"},"headings":[{"depth":2,"value":"Basic Usage"}]}},{"node":{"frontmatter":{"title":"Visually Hidden","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/visually-hidden.mdx","fields":{"slug":"/api/visually-hidden/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Visually Hidden Props"}]}},{"node":{"frontmatter":{"title":"useFocusLock Hook","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/use-focus-lock.mdx","fields":{"slug":"/api/use-focus-lock/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Optional Header"},{"depth":2,"value":"Optional Header Without Focusable Element"}]}},{"node":{"frontmatter":{"title":"useMediaQuery Hook","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/use-media-query.mdx","fields":{"slug":"/api/use-media-query/"},"headings":[]}}]},"patternsDocs":{"edges":[{"node":{"frontmatter":{"title":"Header","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/patterns/header.mdx","fields":{"slug":"/patterns/header/"},"headings":[{"depth":2,"value":"Setup Requirements"},{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Compact"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Search"},{"depth":2,"value":"Call to Action"},{"depth":2,"value":"Children"},{"depth":2,"value":"Position"},{"depth":2,"value":"Responsive Behavior"},{"depth":2,"value":"Header Props"}]}}]},"designIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/get-started.mdx","fields":{"slug":"/design-intro/get-started/"},"headings":[{"depth":2,"value":"Designing with React Magma"},{"depth":2,"value":"Resources & Tools"},{"depth":2,"value":"Guiding Principles"}]}},{"node":{"frontmatter":{"title":"Color","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/colors.mdx","fields":{"slug":"/design-intro/colors/"},"headings":[{"depth":2,"value":"Color Palette"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Layout","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/layout.mdx","fields":{"slug":"/design-intro/layout/"},"headings":[{"depth":2,"value":"Columns, Gutters, and Margins"},{"depth":2,"value":"Breakpoints"},{"depth":2,"value":"Full-width Layout with Sidebar"},{"depth":2,"value":"Resources"}]}},{"node":{"frontmatter":{"title":"Spacing","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/spacing.mdx","fields":{"slug":"/design-intro/spacing/"},"headings":[{"depth":2,"value":"Spacing Scale"},{"depth":2,"value":"Designing with Space"},{"depth":2,"value":"FAQ"}]}},{"node":{"frontmatter":{"title":"Typography","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/typography.mdx","fields":{"slug":"/design-intro/typography/"},"headings":[{"depth":2,"value":"Magma Type Sets"},{"depth":2,"value":"Typefaces"},{"depth":2,"value":"Type Scale"},{"depth":2,"value":"Styles"},{"depth":2,"value":"Margins"}]}},{"node":{"frontmatter":{"title":"Icons","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/icons.mdx","fields":{"slug":"/design-intro/icons/"},"headings":[{"depth":2,"value":"Icon Resources"},{"depth":2,"value":"Sizing"},{"depth":2,"value":"Color"},{"depth":2,"value":"Alignment"}]}}]},"apiIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/introduction.mdx","fields":{"slug":"/api-intro/introduction/"},"headings":[{"depth":2,"value":"Installation"},{"depth":2,"value":"Icons Only"},{"depth":2,"value":"Known Issues"}]}},{"node":{"frontmatter":{"title":"Page Templates","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/page-templates.mdx","fields":{"slug":"/api-intro/page-templates/"},"headings":[{"depth":2,"value":"Full-width Template"},{"depth":2,"value":"Restricted-width Template"},{"depth":2,"value":"Global Header with Sidebar"},{"depth":2,"value":"Application Header with Sidebar"}]}},{"node":{"frontmatter":{"title":"Usage","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/usage.mdx","fields":{"slug":"/api-intro/usage/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Using TypeScript Enums"},{"depth":2,"value":"Importing Global Styles"},{"depth":2,"value":"Using the Magma Theme"},{"depth":2,"value":"Testing"}]}},{"node":{"frontmatter":{"title":"Custom Styles","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/custom-styles.mdx","fields":{"slug":"/api-intro/custom-styles/"},"headings":[{"depth":2,"value":"Style Prop"},{"depth":2,"value":"Style Props for Complex Components"},{"depth":2,"value":"Extending Styles With Emotion"},{"depth":2,"value":"Creating Custom Themes"}]}},{"node":{"frontmatter":{"title":"Changelog","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/changelog.mdx","fields":{"slug":"/api-intro/changelog/"},"headings":[{"depth":2,"value":"2.3.0 (2020-12-08)"},{"depth":2,"value":"2.0.0-beta.137 (2020-11-20)"},{"depth":2,"value":"2.0.0 (2020-11-19)"},{"depth":2,"value":"2.0.0-beta.136 (2020-11-19)"},{"depth":2,"value":"2.0.0-beta.135 (2020-11-19)"},{"depth":2,"value":"2.0.0-beta.134 (2020-11-19)"},{"depth":2,"value":"2.0.0-beta.133 (2020-11-18)"},{"depth":2,"value":"2.0.0-beta.132 (2020-11-18)"},{"depth":2,"value":"2.0.0-beta.130 (2020-11-17)"},{"depth":2,"value":"2.0.0-beta.129 (2020-11-17)"},{"depth":2,"value":"2.0.0-beta.128 (2020-11-17)"},{"depth":2,"value":"2.0.0-beta.127 (2020-11-17)"},{"depth":2,"value":"2.0.0-beta.126 (2020-11-17)"},{"depth":2,"value":"2.0.0-beta.125 (2020-11-13)"},{"depth":2,"value":"2.0.0-beta.124 (2020-11-12)"},{"depth":2,"value":"2.0.0-beta.123 (2020-11-12)"},{"depth":2,"value":"2.0.0-beta.121 (2020-11-12)"},{"depth":2,"value":"2.0.0-beta.120 (2020-11-11)"},{"depth":2,"value":"2.0.0-beta.119 (2020-11-09)"},{"depth":2,"value":"2.0.0-beta.118 (2020-11-09)"},{"depth":2,"value":"2.0.0-beta.117 (2020-11-09)"},{"depth":2,"value":"2.0.0-beta.115 (2020-11-02)"},{"depth":2,"value":"2.0.0-beta.114 (2020-10-30)"},{"depth":2,"value":"2.0.0-beta.113 (2020-10-29)"},{"depth":2,"value":"2.0.0-beta.112 (2020-10-23)"},{"depth":2,"value":"2.0.0-beta.111 (2020-10-22)"},{"depth":2,"value":"2.0.0-beta.110 (2020-10-21)"},{"depth":2,"value":"2.0.0-beta.109 (2020-10-21)"},{"depth":2,"value":"2.0.0-beta.108 (2020-10-20)"},{"depth":2,"value":"2.0.0-beta.107 (2020-10-19)"},{"depth":2,"value":"2.0.0-beta.105 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.104 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.103 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.102 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.101 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.100 (2020-10-16)"},{"depth":2,"value":"2.0.0-beta.98 (2020-10-14)"},{"depth":2,"value":"2.0.0-beta.97 (2020-10-13)"},{"depth":2,"value":"2.0.0-beta.96 (2020-10-13)"},{"depth":2,"value":"2.0.0-beta.94 (2020-10-01)"},{"depth":2,"value":"2.0.0-beta.93 (2020-10-01)"},{"depth":2,"value":"2.0.0-beta.92 (2020-10-01)"},{"depth":2,"value":"2.0.0-beta.90 (2020-10-01)"},{"depth":2,"value":"2.0.0-beta.89 (2020-09-30)"},{"depth":2,"value":"2.0.0-beta.87 (2020-09-30)"},{"depth":2,"value":"2.0.0-beta.86 (2020-09-29)"},{"depth":2,"value":"2.0.0-beta.84 (2020-09-29)"},{"depth":2,"value":"2.0.0-beta.81 (2020-09-23)"},{"depth":2,"value":"2.0.0-beta.80 (2020-09-23)"},{"depth":2,"value":"2.0.0-beta.79 (2020-09-23)"},{"depth":2,"value":"2.0.0-beta.78 (2020-09-18)"},{"depth":2,"value":"2.0.0-beta.76 (2020-09-15)"},{"depth":2,"value":"2.0.0-beta.74 (2020-09-15)"},{"depth":2,"value":"2.0.0-beta.73 (2020-09-15)"},{"depth":2,"value":"2.0.0-beta.71 (2020-09-10)"},{"depth":2,"value":"2.0.0-beta.69 (2020-09-02)"},{"depth":2,"value":"2.0.0-beta.68 (2020-09-02)"},{"depth":2,"value":"2.0.0-beta.67 (2020-08-31)"},{"depth":2,"value":"2.0.0-beta.66 (2020-08-31)"},{"depth":2,"value":"1.6.0 (2020-08-31)"},{"depth":2,"value":"2.0.0-beta.65 (2020-08-31)"},{"depth":2,"value":"2.0.0-beta.64 (2020-08-26)"},{"depth":2,"value":"2.0.0-beta.63 (2020-08-24)"},{"depth":2,"value":"2.0.0-beta.62 (2020-08-24)"},{"depth":2,"value":"2.0.0-beta.61 (2020-08-11)"},{"depth":2,"value":"2.0.0-beta.60 (2020-08-07)"},{"depth":2,"value":"2.0.0-beta.59 (2020-07-30)"},{"depth":2,"value":"2.0.0-beta.58 (2020-07-30)"},{"depth":2,"value":"2.0.0-beta.57 (2020-07-27)"},{"depth":2,"value":"2.0.0-beta.56 (2020-07-22)"},{"depth":2,"value":"2.0.0-beta.54 (2020-07-14)"},{"depth":2,"value":"1.5.0 (2020-07-01)"},{"depth":2,"value":"2.0.0-beta.52 (2020-06-25)"},{"depth":2,"value":"2.0.0-beta.51 (2020-06-24)"},{"depth":2,"value":"1.4.0 (2020-06-08)"},{"depth":2,"value":"2.0.0-beta.50 (2020-06-01)"},{"depth":2,"value":"2.0.0-beta.49 (2020-05-27)"},{"depth":2,"value":"2.0.0-beta.48 (2020-05-27)"},{"depth":2,"value":"2.0.0-beta.46 (2020-05-26)"},{"depth":2,"value":"2.0.0-beta.45 (2020-05-26)"},{"depth":2,"value":"2.0.0-beta.44 (2020-05-19)"},{"depth":2,"value":"2.0.0-beta.43 (2020-05-12)"},{"depth":2,"value":"2.0.0-beta.42 (2020-05-12)"},{"depth":2,"value":"2.0.0-beta.40 (2020-04-24)"},{"depth":2,"value":"2.0.0-beta.39 (2020-04-23)"},{"depth":2,"value":"2.0.0-beta.38 (2020-04-21)"},{"depth":2,"value":"2.0.0-beta.36 (2020-04-14)"},{"depth":2,"value":"2.0.0-beta.35 (2020-04-14)"},{"depth":2,"value":"2.0.0-beta.34 (2020-04-09)"},{"depth":2,"value":"1.3.0 (2020-04-09)"},{"depth":2,"value":"2.0.0-beta.33 (2020-04-08)"},{"depth":2,"value":"1.2.0 (2020-04-07)"},{"depth":2,"value":"1.1.0 (2020-04-07)"},{"depth":2,"value":"2.0.0-beta.32 (2020-04-07)"},{"depth":2,"value":"2.0.0-beta.29 (2020-03-30)"},{"depth":2,"value":"2.0.0-beta.28 (2020-03-30)"},{"depth":2,"value":"2.0.0-beta.26 (2020-03-25)"},{"depth":2,"value":"2.0.0-beta.25 (2020-03-09)"},{"depth":2,"value":"2.0.0-beta.24 (2020-02-19)"},{"depth":2,"value":"2.0.0-beta.23 (2020-02-07)"},{"depth":2,"value":"2.0.0-beta.21 (2020-01-29)"},{"depth":2,"value":"2.0.0-beta.20 (2020-01-29)"},{"depth":2,"value":"2.0.0-beta.19 (2020-01-28)"},{"depth":2,"value":"2.0.0-beta.17 (2020-01-15)"},{"depth":2,"value":"2.0.0-beta.16 (2020-01-15)"},{"depth":2,"value":"2.0.0-beta.15 (2020-01-13)"},{"depth":2,"value":"2.0.0-beta.14 (2020-01-13)"},{"depth":2,"value":"2.0.0-beta.13 (2020-01-13)"},{"depth":2,"value":"2.0.0-beta.11 (2020-01-07)"},{"depth":2,"value":"2.0.0-beta.10 (2020-01-07)"},{"depth":2,"value":"2.0.0-beta.9 (2020-01-07)"},{"depth":2,"value":"2.0.0-beta.7 (2020-01-07)"},{"depth":2,"value":"2.0.0-beta.5 (2020-01-06)"},{"depth":2,"value":"2.0.0-beta.4 (2020-01-06)"},{"depth":2,"value":"2.0.0-beta.3 (2019-12-20)"},{"depth":2,"value":"2.0.0-beta.1 (2019-12-19)"},{"depth":2,"value":"2.0.0-beta.0 (2019-12-16)"},{"depth":2,"value":"1.0.0 (2019-11-26)"},{"depth":2,"value":"0.1.0-beta.78 (2019-11-25)"},{"depth":2,"value":"0.1.0-beta.77 (2019-11-25)"},{"depth":2,"value":"0.1.0-beta.76 (2019-11-21)"},{"depth":2,"value":"0.1.0-beta.75 (2019-11-20)"},{"depth":2,"value":"0.1.0-beta.73 (2019-11-13)"},{"depth":2,"value":"0.1.0-beta.72 (2019-11-13)"},{"depth":2,"value":"0.1.0-beta.71 (2019-11-11)"},{"depth":2,"value":"0.1.0-beta.70 (2019-11-11)"},{"depth":2,"value":"0.1.0-beta.69 (2019-11-06)"},{"depth":2,"value":"0.1.0-beta.68 (2019-11-05)"},{"depth":2,"value":"0.1.0-beta.67 (2019-11-05)"},{"depth":2,"value":"0.1.0-beta.66 (2019-11-04)"},{"depth":2,"value":"0.1.0-beta.65 (2019-11-04)"},{"depth":2,"value":"0.1.0-beta.64 (2019-11-01)"},{"depth":2,"value":"0.1.0-beta.63 (2019-10-31)"},{"depth":2,"value":"0.1.0-beta.62 (2019-10-23)"},{"depth":2,"value":"0.1.0-beta.61 (2019-10-23)"},{"depth":2,"value":"0.1.0-beta.60 (2019-10-22)"},{"depth":2,"value":"0.1.0-beta.58 (2019-10-17)"},{"depth":2,"value":"0.1.0-beta.56 (2019-10-14)"},{"depth":2,"value":"0.1.0-beta.53 (2019-09-30)"},{"depth":2,"value":"0.1.0-beta.52 (2019-09-27)"},{"depth":2,"value":"0.1.0-beta.51 (2019-09-25)"},{"depth":2,"value":"0.1.0-beta.50 (2019-09-25)"},{"depth":2,"value":"0.1.0-beta.49 (2019-09-24)"},{"depth":2,"value":"0.1.0-beta.48 (2019-09-24)"},{"depth":2,"value":"0.1.0-beta.47 (2019-09-20)"},{"depth":2,"value":"0.1.0-beta.45 (2019-09-16)"},{"depth":2,"value":"0.1.0-beta.44 (2019-09-13)"},{"depth":2,"value":"0.1.0-beta.43 (2019-09-11)"},{"depth":2,"value":"0.1.0-beta.41 (2019-09-10)"},{"depth":2,"value":"0.1.0-beta.40 (2019-09-10)"},{"depth":2,"value":"0.1.0-beta.39 (2019-09-10)"},{"depth":2,"value":"0.1.0-beta.38 (2019-09-09)"},{"depth":2,"value":"0.1.0-beta.37 (2019-09-06)"},{"depth":2,"value":"0.1.0-beta.36 (2019-09-06)"},{"depth":2,"value":"0.1.0 (2019-09-06)"},{"depth":2,"value":"0.1.0-beta.35 (2019-09-06)"},{"depth":2,"value":"0.1.0-beta.32 (2019-08-28)"},{"depth":2,"value":"0.1.0-beta.31 (2019-08-26)"},{"depth":2,"value":"0.1.0-beta.30 (2019-08-23)"},{"depth":2,"value":"0.1.0-beta.29 (2019-08-12)"},{"depth":2,"value":"0.1.0-beta.28 (2019-07-30)"},{"depth":2,"value":"0.1.0-beta.27 (2019-07-25)"},{"depth":2,"value":"0.1.0-beta.26 (2019-07-24)"},{"depth":2,"value":"0.1.0-beta.25 (2019-07-24)"},{"depth":2,"value":"0.1.0-beta.24 (2019-07-10)"},{"depth":2,"value":"0.1.0-beta.23 (2019-07-10)"},{"depth":2,"value":"0.1.0-beta.22 (2019-07-02)"},{"depth":2,"value":"0.1.0-beta.21 (2019-07-02)"},{"depth":2,"value":"0.1.0-beta.20 (2019-06-28)"},{"depth":2,"value":"0.1.0-beta.19 (2019-06-28)"},{"depth":2,"value":"0.1.0-beta.18 (2019-06-27)"},{"depth":2,"value":"0.1.0-beta.17 (2019-06-26)"},{"depth":2,"value":"0.1.0-beta.16 (2019-06-07)"},{"depth":2,"value":"0.1.0-beta.15 (2019-06-06)"},{"depth":2,"value":"0.1.0-beta.14 (2019-05-22)"},{"depth":2,"value":"0.1.0-beta.13 (2019-05-22)"},{"depth":2,"value":"0.1.0-beta.12 (2019-05-22)"},{"depth":2,"value":"0.1.0-beta.11 (2019-05-16)"}]}}]},"patternsIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/home/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/patterns-intro/introduction.mdx","fields":{"slug":"/patterns-intro/introduction/"},"headings":[]}}]}}}