{"id":13701062,"url":"https://github.com/govau/design-system-components","last_synced_at":"2025-05-04T20:31:58.227Z","repository":{"id":45270002,"uuid":"78596482","full_name":"govau/design-system-components","owner":"govau","description":"🛠 Component code and tests for the Australian Government design system","archived":true,"fork":false,"pushed_at":"2021-08-19T23:53:05.000Z","size":11620,"stargazers_count":739,"open_issues_count":90,"forks_count":110,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-04-29T07:37:05.865Z","etag":null,"topics":["auds","components","css","design","design-systems","government","javascript","react","sass"],"latest_commit_sha":null,"homepage":"https://auds.service.gov.au","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/govau.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-11T02:50:50.000Z","updated_at":"2025-04-28T14:32:41.000Z","dependencies_parsed_at":"2022-09-10T08:40:39.833Z","dependency_job_id":null,"html_url":"https://github.com/govau/design-system-components","commit_stats":null,"previous_names":["govau/uikit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/govau%2Fdesign-system-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/govau%2Fdesign-system-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/govau%2Fdesign-system-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/govau%2Fdesign-system-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/govau","download_url":"https://codeload.github.com/govau/design-system-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251738624,"owners_count":21635852,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["auds","components","css","design","design-systems","government","javascript","react","sass"],"created_at":"2024-08-02T20:01:15.863Z","updated_at":"2025-05-04T20:31:53.214Z","avatar_url":"https://github.com/govau.png","language":"HTML","readme":"\u003e **The Australian Government Design System has been decommissioned [Visit our community page for more information](https://community.digital.gov.au/t/dta-design-system-has-been-decommissioned/4649)**\n\nAustralian Government Design System Components\n=============\n\n\u003e The components for the Australian Government Design System.\n\n## Documentation\n\n**Full documentation at [designsystem.gov.au](http://designsystem.gov.au/)**\n\n---\n\n## Installation\n\n### Prerequisites\nThe design system components are distributed through the [npm](https://www.npmjs.com) ecosystem. Npm requires `node.js` and the components needs [node.js](https://nodejs.org/en/) 8 or higher.\n\nIf you are not familiar with `npm` and want to use the design system, we have created a [download page](https://designsystem.gov.au/download) to help.\n\nOnce on the page you can select the components you wish to use and choose how you want do download them.\n\n* **CSS minified** will bundle the CSS of the components into a single file to be used directly in HTML.\n* **CSS modules** are used with modern JavaScript allowing you to import styles specific component styles.\n* **SASS modules** will create multiple SASS files that can be imported into a main.scss file.\n* **JavaScript minified** will bundle the JavaScript of the components together and minify them for use directly in HTML.\n* **JavaScript modules** are used when you want to break a part the components functionality.\n* **React modules** allow the components to be imported directly into React.\n\n### Installing modules\nTo install a module make sure you have a `package.json` file in the root of your project folders. (You can generate one by running `npm init`.)\nInside your working folder install any module and [pancake](https://github.com/govau/pancake/) will make sure you have all assets ready to use.\n\nRun `npm install @gov.au/body` to install the body module. To install several modules, chain them like:\n\n```shell\nnpm install @gov.au/body @gov.au/header @gov.au/footer @gov.au/buttons\n```\n\nAn even better experience is using [Syrup](https://github.com/govau/pancake/tree/master/packages/pancake-syrup). Install it globally via\n`npm install -g @gov.au/syrup`. More info coming soon.\n\n\n**[⬆ back to top](#contents)**\n\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n\n## Frequently asked questions\n\nView our [frequently asked questions page](./FAQ.md) to see common questions from the community.\n\nIf you can’t find an answer to a question you have please email us at designsystem@dta.gov.au or join our conversation on [slack](http://guides.service.gov.au/join-slack/).\n\n**[⬆ back to top](#contents)**\n\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n\n## Checklist and browser support\n\nWe use the below checklist to ensure new modules or updates to existing modules have a certain level of quality:\n\n### Checklist\n\n#### General checks\n- [x] Semantic HTML and non semantic test?\n- [x] No JavaScript fallback?\n- [x] SVG fallback, functional without SVG?\n- [x] IE9, IE10, IE11 legacy test\n- [x] IE8 functional test\n\n#### Accessibility checks\n- [x] Accessibility colour contrast\n- [x] Keyboard accessible\n- [x] Tested with screen reader\n- [x] Accessibility expert review\n\n#### CSS / Sass\n- [x] Never nest anything that is not either an overwrite or a child element.\n- [x] `font-family` and text `color` on elements that don’t require body\n- [x] Using `AU-space()` with `unit` for spacing everywhere but in font-sizes; no magic numbers\n- [x] No hardcoded colors, use `$AU-color-` or `$AU-colordark-` vars.\n- [x] Sass focus mixin `AU-focus()` or `AU-focus( 'dark' )`\n- [x] Using `AU-fontgrid()` for `font-size` and `line-height` to snap typography to the grid.\n- [x] Print style sheets\n\n#### JavaScript\n- [x] `var AU = AU || {};` in top?\n- [x] Each module has it’s own name-space prefixed with `AU` e.g.: `AU.modulename.function1`, `AU.modulename.function2`\n- [x] Keep public API small, use private functions where you can\n- [x] Export out private function for tests only `if( typeof module !== 'undefined' )`\n- [x] Export entire module in the end: `if( typeof module !== 'undefined' ) { module.exports = AU; }` so react can use it.\n- [x] Provide sane defaults for parameters where you can\n- [x] Add [jest](https://facebook.github.io/jest/) unit tests where you can\n- [x] Document public API in the readme.\n\n#### package.json\n- [x] `dependencies` - `peerDependencies` check\n- [x] Delete/enable js object and settings for pancake plugins\n\n\n### Browser support\n\nAll components have to work on the below browsers:\n\n| Browser           | Version           | Platform      | Engine   |\n|-------------------|-------------------|---------------|----------|\n| Internet Explorer | 8                 | Windows 7     | Trident  |\n| Internet Explorer | 9                 | Windows 7     | Trident  |\n| Internet Explorer | 10                | Windows 7     | Trident  |\n| Internet Explorer | 11                | Windows 8.1   | Trident  |\n| Edge              | Latest            | Windows 10    | EdgeHTML |\n| Firefox           | Latest            | OS X          | Gecko    |\n| Firefox           | Latest            | Windows 10    | Gecko    |\n| Firefox           | Latest            | Android 6     | Gecko    |\n| Chrome            | Latest            | OS X          | Blink    |\n| Chrome            | Latest            | Windows 10    | Blink    |\n| Chrome            | Latest            | Android 4.0   | Blink    |\n| Chrome            | Latest            | Android 6     | Blink    |\n| Safari            | Latest (11)       | OS X          | WebKit   |\n| Safari            | Latest - 1 ( 10 ) | iOS           | WebKit   |\n| Samsung           |                   | G S8          |          |\n| Samsung           |                   | G S7          |          |\n| Samsung           |                   | G S6          |          |\n| Chrome            |                   | pixel 7.1     |          |\n| Native browser    |                   | Lumia 930 8.1 |          |\n| Chome +1          |                   |               |          |\n| Safari +1         |                   |               |          |\n| Firefox +1        |                   |               |          |\n\n\n**[⬆ back to top](#contents)**\n\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n\n## Modules\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/core\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/core\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/core/tests/site/\"\u003evisual test file for core\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/core/README.md\"\u003ereadme file for core\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\t\u003ci\u003eNo dependencies\u003c/i\u003e\n\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/accordion\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/accordion\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/accordion/tests/site/\"\u003evisual test file for accordion\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/accordion/README.md\"\u003ereadme file for accordion\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ animate\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/animate\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/animate\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/animate/tests/site/\"\u003evisual test file for animate\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/animate/README.md\"\u003ereadme file for animate\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\t\u003ci\u003eNo dependencies\u003c/i\u003e\n\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/body\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/body\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/body/tests/site/\"\u003evisual test file for body\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/body/README.md\"\u003ereadme file for body\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/breadcrumbs\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/breadcrumbs\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/breadcrumbs/tests/site/\"\u003evisual test file for breadcrumbs\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/breadcrumbs/README.md\"\u003ereadme file for breadcrumbs\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n└─ link-list\n   ├─ core\n   └─ body\n      └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/buttons\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/buttons\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/buttons/tests/site/\"\u003evisual test file for buttons\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/buttons/README.md\"\u003ereadme file for buttons\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/callout\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/callout\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/callout/tests/site/\"\u003evisual test file for callout\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/callout/README.md\"\u003ereadme file for callout\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/card\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/card\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/card/tests/site/\"\u003evisual test file for card\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/card/README.md\"\u003ereadme file for card\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/control-input\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/control-input\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/control-input/tests/site/\"\u003evisual test file for control-input\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/control-input/README.md\"\u003ereadme file for control-input\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/cta-link\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/cta-link\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/cta-link/tests/site/\"\u003evisual test file for cta-link\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/cta-link/README.md\"\u003ereadme file for cta-link\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/direction-links\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/direction-links\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/direction-links/tests/site/\"\u003evisual test file for direction-links\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/direction-links/README.md\"\u003ereadme file for direction-links\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/footer\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/footer\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/footer/tests/site/\"\u003evisual test file for footer\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/footer/README.md\"\u003ereadme file for footer\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/form\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/form\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/form/tests/site/\"\u003evisual test file for form\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/form/README.md\"\u003ereadme file for form\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/grid-12\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/grid-12\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/grid-12/tests/site/\"\u003evisual test file for grid-12\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/grid-12/README.md\"\u003ereadme file for grid-12\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/header\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/header\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/header/tests/site/\"\u003evisual test file for header\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/header/README.md\"\u003ereadme file for header\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/headings\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/headings\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/headings/tests/site/\"\u003evisual test file for headings\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/headings/README.md\"\u003ereadme file for headings\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/inpage-nav\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/inpage-nav\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/inpage-nav/tests/site/\"\u003evisual test file for inpage-nav\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/inpage-nav/README.md\"\u003ereadme file for inpage-nav\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n└─ link-list\n   ├─ core\n   └─ body\n      └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/keyword-list\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/keyword-list\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/keyword-list/tests/site/\"\u003evisual test file for keyword-list\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/keyword-list/README.md\"\u003ereadme file for keyword-list\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n└─ link-list\n   ├─ core\n   └─ body\n      └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/link-list\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/link-list\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/link-list/tests/site/\"\u003evisual test file for link-list\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/link-list/README.md\"\u003ereadme file for link-list\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n└─ body\n   └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/main-nav\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/main-nav\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/main-nav/tests/site/\"\u003evisual test file for main-nav\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/main-nav/README.md\"\u003ereadme file for main-nav\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n├─ animate\n└─ link-list\n   ├─ core\n   └─ body\n      └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/page-alerts\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/page-alerts\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/page-alerts/tests/site/\"\u003evisual test file for page-alerts\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/page-alerts/README.md\"\u003ereadme file for page-alerts\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n└─ body\n   └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/progress-indicator\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/progress-indicator\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/progress-indicator/tests/site/\"\u003evisual test file for progress-indicator\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/progress-indicator/README.md\"\u003ereadme file for progress-indicator\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/responsive-media\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/responsive-media\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/responsive-media/tests/site/\"\u003evisual test file for responsive-media\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/responsive-media/README.md\"\u003ereadme file for responsive-media\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/searchbox\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/searchbox\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/searchbox/tests/site/\"\u003evisual test file for searchbox\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/searchbox/README.md\"\u003ereadme file for searchbox\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n├─ text-inputs\n│  └─ core\n└─ buttons\n   └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/select\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/select\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/select/tests/site/\"\u003evisual test file for select\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/select/README.md\"\u003ereadme file for select\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/side-nav\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/side-nav\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/side-nav/tests/site/\"\u003evisual test file for side-nav\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/side-nav/README.md\"\u003ereadme file for side-nav\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n├─ core\n├─ animate\n├─ accordion\n│  ├─ animate\n│  └─ core\n└─ link-list\n   ├─ core\n   └─ body\n      └─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/skip-link\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/skip-link\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/skip-link/tests/site/\"\u003evisual test file for skip-link\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/skip-link/README.md\"\u003ereadme file for skip-link\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/table\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/table\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/table/tests/site/\"\u003evisual test file for table\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/table/README.md\"\u003ereadme file for table\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/tags\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/tags\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/tags/tests/site/\"\u003evisual test file for tags\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/tags/README.md\"\u003ereadme file for tags\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\t\u003csummary\u003e@gov.au/text-inputs\u003c/summary\u003e\n\t\u003cbr\u003e\u003ccode\u003enpm install @gov.au/text-inputs\u003c/code\u003e\u003cbr\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://auds.service.gov.au/packages/text-inputs/tests/site/\"\u003evisual test file for text-inputs\u003c/a\u003e\n\t\u003cbr\u003eSee the \u003ca href=\"https://github.com/govau/design-system-components/blob/master/packages/text-inputs/README.md\"\u003ereadme file for text-inputs\u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\tDependencies:\n\t\u003cbr\u003e\n\n```shell\n└─ core\n```\n----------\n\u003c/details\u003e\n\n\u003cbr\u003e\n\n**[⬆ back to top](#contents)**\n\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n\n## Tests\n\nVisual tests have been built into each module and can be seen in either of the `README.md` files of each module or in the [listing above](#modules).\nWe have also integrated [pa11y](https://github.com/pa11y/pa11y) for accessibility testing and are using [jest](https://facebook.github.io/jest/) for javascript\ntests.\n\nRun all tests with the npm test script:\n\n```shell\nnpm run test\n```\n\n\n**[⬆ back to top](#contents)**\n\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## Related repositories\n- [govau/design-system-starter](https://github.com/govau/design-system-starter)\n- [govau/design-system-site](https://github.com/govau/design-system-site)\n- [govau/design-system-sketch-file](https://github.com/govau/design-system-sketch-file)\n\n**[⬆ back to top](#contents)**\n\n","funding_links":[],"categories":["HTML"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgovau%2Fdesign-system-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgovau%2Fdesign-system-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgovau%2Fdesign-system-components/lists"}