Deploy preview for PR 1939 🛫

pr-preview/pr-1939/_next/data/tWuL3Ax0-PwDJ91gd74XA/about.json

@@ -0,0 +1 @@
+{"pageProps":{"title":"About AgDS","description":"The Agriculture Design System (AgDS) is the Design System built for the Australian Government Department of Agriculture, Fisheries and Forestry (DAFF).","source":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = Object.assign({\n    p: \"p\",\n    ul: \"ul\",\n    li: \"li\",\n    a: \"a\",\n    h2: \"h2\"\n  }, _provideComponents(), props.components);\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.p, {\n      children: \"It is a suite of guidelines and tools for designers and developers who build interactive experiences on the web. It enables consistent, intuitive and accessible applications with efficiency and scale - while also promoting collaboration between product teams.\"\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"Its primary purpose is for building the Export Service, however is also in use in other areas of the Department.\"\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"The toolkit includes:\"\n    }), \"\\n\", _jsxs(_components.ul, {\n      children: [\"\\n\", _jsx(_components.li, {\n        children: _jsx(_components.a, {\n          href: \"/components\",\n          children: \"A React component library\"\n        })\n      }), \"\\n\", _jsx(_components.li, {\n        children: _jsx(_components.a, {\n          href: \"/guides/figma\",\n          children: \"A library of Figma components\"\n        })\n      }), \"\\n\", _jsxs(_components.li, {\n        children: [\"A suite of \", _jsx(_components.a, {\n          href: \"/templates\",\n          children: \"page templates\"\n        }), \" and \", _jsx(_components.a, {\n          href: \"/patterns\",\n          children: \"interaction patterns\"\n        })]\n      }), \"\\n\", _jsx(_components.li, {\n        children: \"Comprehensive documentation\"\n      }), \"\\n\", _jsx(_components.li, {\n        children: \"A collaborative community of designers and developers\"\n      }), \"\\n\"]\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Accessibility from the ground up\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"AgDS is based on the \", _jsx(_components.a, {\n        href: \"https://gold.designsystemau.org\",\n        children: \"GOLD Design System\"\n      }), \" which incorporates the highest usability and accessibility standards, helping us to deliver a consistent experience for all users, in line with the \", _jsx(_components.a, {\n        href: \"https://www.dta.gov.au/help-and-advice/about-digital-service-standard\",\n        children: \"Digital Service Standard\"\n      }), \".\"]\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"The Agriculture Design System is the best way to ensure we meet our legal obligations to ensure accessibility. Under the Disability Discrimination Act 1992, Australian Government agencies are required to ensure information and services are provided in a non-discriminatory accessible manner. That is why AgDS’s suite of components, templates and guides are designed with the highest accessibility standards.\"\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Connect with us\"\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"Department of Agriculture Fisheries and Forestry staff can connect with us in the ‘Design System’ chat in Microsoft Teams.\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"If you are wondering what is next, please see our \", _jsx(_components.a, {\n        href: \"/roadmap\",\n        children: \"roadmap\"\n      }), \".\"]\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"License\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"This work is licensed under the \", _jsx(_components.a, {\n        href: \"https://github.com/agriculturegovau/agds-next/blob/main/LICENSE\",\n        children: \"MIT license\"\n      }), \".\"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n    children: _jsx(_createMdxContent, props)\n  })) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\n","frontmatter":{},"scope":{"title":"About AgDS","description":"The Agriculture Design System (AgDS) is the Design System built for the Australian Government Department of Agriculture, Fisheries and Forestry (DAFF)."}}},"__N_SSG":true}

pr-preview/pr-1939/_next/data/tWuL3Ax0-PwDJ91gd74XA/components/a11y.json

@@ -0,0 +1 @@
+{"pageProps":{"pkg":{"slug":"a11y","name":"a11y","title":"A11y","description":"Utilities for improving accessibility.","storybookPath":"/story/foundations-a11y-visuallyhidden--basic","figmaGalleryNodeId":null,"subNavItems":[{"label":"Overview","href":"/components/a11y","path":"/home/runner/work/agds-next/agds-next/packages/react/src/a11y/docs/overview.mdx"},{"label":"Code","href":"/components/a11y/code","path":"/home/runner/work/agds-next/agds-next/packages/react/src/a11y/docs/code.mdx"}],"relatedComponents":["skip-link"],"relatedPatterns":null,"deprecated":false,"unreleased":false},"navLinks":[{"label":"A11y","href":"/components/a11y"},{"label":"AG branding","href":"/components/ag-branding"},{"label":"Accordion","href":"/components/accordion"},{"label":"App layout","href":"/components/app-layout"},{"label":"Autocomplete","href":"/components/autocomplete"},{"label":"Avatar","href":"/components/avatar"},{"label":"Box","href":"/components/box"},{"label":"Breadcrumbs","href":"/components/breadcrumbs"},{"label":"Button","href":"/components/button"},{"label":"Call to action","href":"/components/call-to-action"},{"label":"Callout","href":"/components/callout"},{"label":"Card","href":"/components/card"},{"label":"Checkbox","href":"/components/checkbox"},{"label":"Columns","href":"/components/columns"},{"label":"Combobox","href":"/components/combobox"},{"label":"Content","href":"/components/content"},{"label":"Control group","href":"/components/control-group"},{"label":"Core","href":"/components/core"},{"label":"Date picker","href":"/components/date-picker"},{"label":"Date range picker","href":"/components/date-range-picker"},{"label":"Details","href":"/components/details"},{"label":"Direction link","href":"/components/direction-link"},{"label":"Divider","href":"/components/divider"},{"label":"Drawer","href":"/components/drawer"},{"label":"Dropdown menu","href":"/components/dropdown-menu"},{"label":"Feature link list","href":"/components/feature-link-list"},{"label":"Field","href":"/components/field"},{"label":"Fieldset","href":"/components/fieldset"},{"label":"File input","href":"/components/file-input"},{"label":"File upload","href":"/components/file-upload"},{"label":"Filter sidebar","href":"/components/filter-sidebar"},{"label":"Flex","href":"/components/flex"},{"label":"Footer","href":"/components/footer"},{"label":"Form stack","href":"/components/form-stack"},{"label":"Global alert","href":"/components/global-alert"},{"label":"Grouped fields","href":"/components/grouped-fields"},{"label":"Header","href":"/components/header"},{"label":"Heading","href":"/components/heading"},{"label":"Hero banner","href":"/components/hero-banner"},{"label":"Icon","href":"/components/icon"},{"label":"Indicator dot","href":"/components/indicator-dot"},{"label":"Inpage nav","href":"/components/inpage-nav"},{"label":"Link list","href":"/components/link-list"},{"label":"List","href":"/components/list"},{"label":"Loading","href":"/components/loading"},{"label":"Main nav","href":"/components/main-nav"},{"label":"Modal","href":"/components/modal"},{"label":"Notification badge","href":"/components/notification-badge"},{"label":"Page alert","href":"/components/page-alert"},{"label":"Pagination","href":"/components/pagination"},{"label":"Password input","href":"/components/password-input"},{"label":"Progress indicator","href":"/components/progress-indicator"},{"label":"Prose","href":"/components/prose"},{"label":"Radio","href":"/components/radio"},{"label":"Search box","href":"/components/search-box"},{"label":"Search input","href":"/components/search-input"},{"label":"Section alert","href":"/components/section-alert"},{"label":"Select","href":"/components/select"},{"label":"Side nav","href":"/components/side-nav"},{"label":"Skeleton","href":"/components/skeleton"},{"label":"Skip link","href":"/components/skip-link"},{"label":"Stack","href":"/components/stack"},{"label":"Status badge","href":"/components/status-badge"},{"label":"Sub nav","href":"/components/sub-nav"},{"label":"Summary list","href":"/components/summary-list"},{"label":"Switch","href":"/components/switch"},{"label":"Table","href":"/components/table"},{"label":"Tabs","href":"/components/tabs"},{"label":"Tags","href":"/components/tags"},{"label":"Task list","href":"/components/task-list"},{"label":"Text","href":"/components/text"},{"label":"Text input","href":"/components/text-input"},{"label":"Text link","href":"/components/text-link"},{"label":"Textarea","href":"/components/textarea"},{"label":"Time input","href":"/components/time-input"},{"label":"Time picker","href":"/components/time-picker"}],"breadcrumbs":[{"href":"/","label":"Home"},{"href":"/components","label":"Components"},{"label":"A11y"}],"toc":[{"id":"visuallyhidden","title":"VisuallyHidden","level":2,"slug":"visuallyhidden","items":[]},{"id":"externallinkcallout","title":"ExternalLinkCallout","level":2,"slug":"externallinkcallout","items":[]},{"title":"Related components","slug":"related-components","id":"related-components","level":2,"items":[]}],"source":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = Object.assign({\n    h2: \"h2\",\n    p: \"p\",\n    code: \"code\",\n    pre: \"pre\",\n    a: \"a\"\n  }, _provideComponents(), props.components), {PageAlert} = _components;\n  if (!PageAlert) _missingMdxReference(\"PageAlert\", true);\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: \"VisuallyHidden\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"Use the \", _jsx(_components.code, {\n        children: \"VisuallyHidden\"\n      }), \" component to hide an element visually without hiding it from screen readers.\"]\n    }), \"\\n\", _jsx(_components.pre, {\n      live: true,\n      children: _jsx(_components.code, {\n        className: \"language-jsx\",\n        children: \"<TextLink href=\\\"#\\\">\\n\\tRead more<VisuallyHidden> about how to visually hide content</VisuallyHidden>\\n</TextLink>\\n\"\n      })\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"Alternatively you can use the \", _jsx(_components.code, {\n        children: \"visuallyHiddenStyles\"\n      }), \" style object directly.\"]\n    }), \"\\n\", _jsx(_components.pre, {\n      children: _jsx(_components.code, {\n        className: \"language-jsx\",\n        children: \"import { visuallyHiddenStyles } from '@ag.ds-next/a11y';\\n\\nfunction Example() {\\n\\treturn (\\n\\t\\t<span css={visuallyHiddenStyles}>This element is visually hidden</span>\\n\\t);\\n}\\n\"\n      })\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"ExternalLinkCallout\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [_jsx(_components.code, {\n        children: \"ExternalLinkCallout\"\n      }), \" announces to a screen reader user that a link will open in a new tab.\"]\n    }), \"\\n\", _jsx(PageAlert, {\n      tone: \"warning\",\n      children: _jsx(\"p\", {\n        children: _jsxs(_components.p, {\n          children: [\"Please use the \", _jsx(\"strong\", {\n            children: \"TextLinkExternal\"\n          }), \" component from\", ' ', \"\\n\", _jsx(\"a\", {\n            href: \"/components/text-link#TextLinkExternal\",\n            children: \"@ag.ds-next/text\"\n          }), ' ', \"\\ninstead.\"]\n        })\n      })\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"As a rule, links that open in a new tab should indicate this visually with an icon. This is why we recommend using the \", _jsx(_components.a, {\n        href: \"https://design-system.agriculture.gov.au/components/text-link#TextLinkExternal\",\n        children: \"TextLinkExternal\"\n      }), \" component instead.\"]\n    }), \"\\n\", _jsx(_components.pre, {\n      children: _jsx(_components.code, {\n        className: \"language-jsx\",\n        children: \"// A screen reader will read this out load as:\\n// 'link, \\\"Visit the Design System, opens in a new tab\\\"'\\n<TextLink href=\\\"#\\\" target=\\\"_blank\\\">\\n\\tVisit the Design System\\n\\t<ExternalLinkCallout />\\n</TextLink>\\n\"\n      })\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n    children: _jsx(_createMdxContent, props)\n  })) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n  throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{},"scope":{"title":"A11y","description":"Utilities for improving accessibility.","group":"Foundations","storybookPath":"/story/foundations-a11y-visuallyhidden--basic","relatedComponents":["skip-link"]}},"relatedPatterns":null,"relatedComponents":[{"slug":"skip-link","name":"skip-link","title":"Skip link","description":"Skip links are internal page links that aid navigation around a page. They are accessible by screen reader and keyboard users, and help users quickly jump to and over content on the page.","storybookPath":"/story/navigation-skiplinks--basic","figmaGalleryNodeId":null,"subNavItems":[{"label":"Overview","href":"/components/skip-link","path":"/home/runner/work/agds-next/agds-next/packages/react/src/skip-link/docs/overview.mdx"},{"label":"Code","href":"/components/skip-link/code","path":"/home/runner/work/agds-next/agds-next/packages/react/src/skip-link/docs/code.mdx"}],"relatedComponents":["a11y"],"relatedPatterns":null,"deprecated":false,"unreleased":false}]},"__N_SSG":true}