├── .circleci └── config.yml ├── .deploy ├── buildpack.yml ├── manifest-production.yml ├── manifest-staging.yml ├── manifest-testing.yml └── nginx │ ├── .htpasswd │ ├── mime.types │ ├── nginx-production.conf │ ├── nginx-staging.conf │ └── nginx-testing.conf ├── .editorconfig ├── .github └── ISSUE_TEMPLATE │ ├── ----bug-report.md │ ├── ---feature-request.md │ ├── ---support-question.md │ ├── --join-the-community.md │ └── -design-system-website.md ├── .gitignore ├── .templates ├── index │ └── index.html ├── new-module │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── src │ │ ├── js │ │ │ ├── jquery.js │ │ │ ├── module.js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── jquery │ │ ├── index.html │ │ └── test.scss │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss └── test-assets │ └── _style.scss ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── FAQ.md ├── LICENSE ├── README.md ├── SUPPORT.md ├── auds.json ├── lerna.json ├── package-lock.json ├── package.json ├── packages ├── accordion │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ ├── jquery.js │ │ │ ├── module.js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── jquery │ │ ├── index.html │ │ └── test.scss │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── animate │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── js │ │ │ └── module.js │ └── tests │ │ ├── index.html │ │ ├── jquery │ │ ├── index.html │ │ └── test.scss │ │ ├── site │ │ ├── index.html │ │ └── test.scss │ │ └── unit │ │ └── animate.spec.js ├── body │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── breadcrumbs │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── buttons │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── callout │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── card │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── control-input │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── core │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── cta-link │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── direction-links │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── footer │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── form │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── grid-12 │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── header │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── headings │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── inpage-nav │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── keyword-list │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── link-list │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── main-nav │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ ├── jquery.js │ │ │ ├── module.js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── jquery │ │ ├── index.html │ │ └── test.scss │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── page-alerts │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── progress-indicator │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── responsive-media │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── searchbox │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ ├── search--dark.png │ │ ├── search.png │ │ └── test.scss ├── select │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── side-nav │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ ├── jquery.js │ │ │ ├── module.js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── jquery │ │ ├── index.html │ │ └── test.scss │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── skip-link │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── table │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss ├── tags │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── js │ │ │ └── react.js │ │ └── sass │ │ │ ├── _dependencies.scss │ │ │ ├── _globals.scss │ │ │ ├── _module.scss │ │ │ └── _print.scss │ └── tests │ │ ├── index.html │ │ ├── react │ │ ├── .babelrc │ │ ├── index.html │ │ ├── index.js │ │ └── webpack.config.js │ │ └── site │ │ ├── index.html │ │ └── test.scss └── text-inputs │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── js │ │ └── react.js │ └── sass │ │ ├── _dependencies.scss │ │ ├── _globals.scss │ │ ├── _module.scss │ │ └── _print.scss │ └── tests │ ├── index.html │ ├── react │ ├── .babelrc │ ├── index.html │ ├── index.js │ └── webpack.config.js │ └── site │ ├── index.html │ └── test.scss └── scripts ├── a11y.js └── helper.js /.deploy/buildpack.yml: -------------------------------------------------------------------------------- 1 | --- 2 | nginx: 3 | version: mainline -------------------------------------------------------------------------------- /.deploy/manifest-production.yml: -------------------------------------------------------------------------------- 1 | --- 2 | applications: 3 | - name: design-system-components 4 | buildpack: nginx_buildpack 5 | memory: 64M 6 | instances: 2 7 | path: ./ 8 | routes: 9 | - route: auds.service.gov.au 10 | -------------------------------------------------------------------------------- /.deploy/manifest-staging.yml: -------------------------------------------------------------------------------- 1 | --- 2 | applications: 3 | - name: design-system-components 4 | buildpack: nginx_buildpack 5 | memory: 64M 6 | instances: 1 7 | path: ./ 8 | routes: 9 | - route: auds.staging.service.gov.au 10 | -------------------------------------------------------------------------------- /.deploy/manifest-testing.yml: -------------------------------------------------------------------------------- 1 | --- 2 | applications: 3 | - name: design-system-components 4 | buildpack: nginx_buildpack 5 | memory: 64M 6 | instances: 1 7 | path: ./ 8 | -------------------------------------------------------------------------------- /.deploy/nginx/.htpasswd: -------------------------------------------------------------------------------- 1 | auds:$1$SlXX0COj$WBqS6USDSeAmdojTdBzCY. -------------------------------------------------------------------------------- /.deploy/nginx/nginx-production.conf: -------------------------------------------------------------------------------- 1 | 2 | worker_processes 1; 3 | daemon off; 4 | 5 | error_log stderr; 6 | events { worker_connections 1024; } 7 | 8 | http { 9 | charset utf-8; 10 | log_format cloudfoundry '$http_x_forwarded_for - $http_referer - [$time_local] "$request" $status $body_bytes_sent'; 11 | access_log /dev/stdout cloudfoundry; 12 | default_type application/octet-stream; 13 | include mime.types; 14 | sendfile on; 15 | 16 | gzip on; 17 | gzip_disable "msie6"; 18 | gzip_comp_level 6; 19 | gzip_min_length 1100; 20 | gzip_buffers 16 8k; 21 | gzip_proxied any; 22 | gunzip on; 23 | gzip_static always; 24 | gzip_types text/plain text/css text/js text/xml text/javascript application/javascript application/x-javascript application/json application/xml application/xml+rss; 25 | 26 | tcp_nopush on; 27 | keepalive_timeout 30; 28 | port_in_redirect off; # Ensure that redirects don't include the internal container PORT - <%= ENV["PORT"] %> 29 | server_tokens off; 30 | 31 | server { 32 | # Required for nginx-buildpack, interpolates value of $PORT. 33 | listen {{port}}; 34 | 35 | server_name designsystem.gov.au 36 | 37 | add_header X-Frame-Options "SAMEORIGIN"; 38 | 39 | # adding some custom rules to strip out the html extension 40 | index index.html; 41 | 42 | location / { 43 | root ./; 44 | try_files $uri $uri.html $uri/ $uri/index.html =404; 45 | add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0'; 46 | } 47 | 48 | } 49 | } -------------------------------------------------------------------------------- /.deploy/nginx/nginx-staging.conf: -------------------------------------------------------------------------------- 1 | worker_processes 1; 2 | daemon off; 3 | 4 | error_log stderr; 5 | events { worker_connections 1024; } 6 | 7 | http { 8 | charset utf-8; 9 | log_format cloudfoundry '$http_x_forwarded_for - $http_referer - [$time_local] "$request" $status $body_bytes_sent'; 10 | access_log /dev/stdout cloudfoundry; 11 | default_type application/octet-stream; 12 | include mime.types; 13 | sendfile on; 14 | 15 | gzip on; 16 | gzip_disable "msie6"; 17 | gzip_comp_level 6; 18 | gzip_min_length 1100; 19 | gzip_buffers 16 8k; 20 | gzip_proxied any; 21 | gunzip on; 22 | gzip_static always; 23 | gzip_types text/plain text/css text/js text/xml text/javascript application/javascript application/x-javascript application/json application/xml application/xml+rss; 24 | 25 | tcp_nopush on; 26 | keepalive_timeout 30; 27 | port_in_redirect off; # Ensure that redirects don't include the internal container PORT - <%= ENV["PORT"] %> 28 | server_tokens off; 29 | 30 | server { 31 | # Required for nginx-buildpack, interpolates value of $PORT. 32 | listen {{port}}; 33 | 34 | server_name auds.staging.service.gov.au; 35 | 36 | add_header X-Frame-Options "SAMEORIGIN"; 37 | 38 | auth_basic "Restricted"; 39 | auth_basic_user_file .htpasswd; 40 | 41 | # adding some custom rules to strip out the html extension 42 | index index.html; 43 | 44 | location / { 45 | root ./; 46 | try_files $uri $uri.html $uri/ $uri/index.html =404; 47 | add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0'; 48 | } 49 | 50 | location /robots.txt { 51 | add_header Content-Type text/plain; 52 | return 200 "User-agent: *\nDisallow: *"; 53 | } 54 | 55 | } 56 | } -------------------------------------------------------------------------------- /.deploy/nginx/nginx-testing.conf: -------------------------------------------------------------------------------- 1 | worker_processes 1; 2 | daemon off; 3 | 4 | error_log stderr; 5 | events { worker_connections 1024; } 6 | 7 | http { 8 | charset utf-8; 9 | log_format cloudfoundry '$http_x_forwarded_for - $http_referer - [$time_local] "$request" $status $body_bytes_sent'; 10 | access_log /dev/stdout cloudfoundry; 11 | default_type application/octet-stream; 12 | include mime.types; 13 | sendfile on; 14 | 15 | gzip on; 16 | gzip_disable "msie6"; 17 | gzip_comp_level 6; 18 | gzip_min_length 1100; 19 | gzip_buffers 16 8k; 20 | gzip_proxied any; 21 | gunzip on; 22 | gzip_static always; 23 | gzip_types text/plain text/css text/js text/xml text/javascript application/javascript application/x-javascript application/json application/xml application/xml+rss; 24 | 25 | tcp_nopush on; 26 | keepalive_timeout 30; 27 | port_in_redirect off; # Ensure that redirects don't include the internal container PORT - <%= ENV["PORT"] %> 28 | server_tokens off; 29 | 30 | server { 31 | # Required for nginx-buildpack, interpolates value of $PORT. 32 | listen {{port}}; 33 | 34 | server_name localhost; 35 | 36 | add_header X-Frame-Options "SAMEORIGIN"; 37 | 38 | auth_basic "Restricted"; 39 | auth_basic_user_file .htpasswd; 40 | 41 | # adding some custom rules to strip out the html extension 42 | index index.html; 43 | 44 | location / { 45 | root ./; 46 | try_files $uri $uri.html $uri/ $uri/index.html =404; 47 | add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0'; 48 | } 49 | 50 | location /robots.txt { 51 | add_header Content-Type text/plain; 52 | return 200 "User-agent: *\nDisallow: *"; 53 | } 54 | 55 | } 56 | } -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = tab 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | # See http://stackoverflow.com/a/729795 12 | 13 | [*.md] 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/----bug-report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "\U0001F4A5 Bug report" 3 | about: " If something isn't working as expected" 4 | 5 | --- 6 | 7 | # Bug Report 8 | 9 | - [ ] I’ve read and understood the [Contributing guidelines](https://github.com/govau/design-system-components/blob/master/CONTRIBUTING.md) and have done my best effort to follow them. 10 | - [ ] I’ve read and agree to the [Code of Conduct](https://github.com/govau/design-system-components/blob/master/CODE_OF_CONDUCT.md). 11 | - [ ] I’ve searched for any related issues and avoided creating a duplicate issue. 12 | 13 | ## What happened 14 | 15 | 18 | 19 | ## What I expected to happen 20 | 21 | 24 | 25 | 26 | ## Reproducing 27 | 28 | - Module name: 29 | - Module version: 30 | - Pancake version: 31 | - Node version: 32 | - npm version: 33 | - Pancake settings in your `package.json`: 34 | 35 | Steps to reproduce: 36 | 37 | 1. 38 | 2. 39 | 3. 40 | 4. 41 | 42 | 43 | ## Attachments 44 | 45 | 48 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/---feature-request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "\U0001F4A1 Feature request" 3 | about: "Suggest an idea for the product" 4 | 5 | --- 6 | 7 | # Feature Request 8 | - [ ] I’ve read and understood the [Contributing guidelines](https://github.com/govau/design-system-components/blob/master/CONTRIBUTING.md) and have done my best effort to follow them. 9 | - [ ] I’ve read and agree to the [Code of Conduct](https://github.com/govau/design-system-components/blob/master/CODE_OF_CONDUCT.md). 10 | - [ ] I’ve searched for any related issues and avoided creating a duplicate issue. 11 | - [ ] I've searched the [community forums](https://community.digital.gov.au/c/designsystem) to check for related issues or feature requests 12 | 13 | ## Is this feature request relating to an existing component? Please describe. 14 | - Component name: 15 | - Component version: 16 | 17 | 20 | 21 | ## Do you have a suggestion for a new component? 22 | 23 | 26 | 27 | ## Other request? 28 | 29 | 32 | 33 | ## Additional context 34 | 37 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/---support-question.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "💬 Support question" 3 | about: "If you need support using the design system (the community is here to help)" 4 | 5 | --- 6 | 7 | # Support question 8 | 9 | - [ ] I’ve read and agree to the [Code of Conduct](https://github.com/govau/design-system-components/blob/master/CODE_OF_CONDUCT.md). 10 | - [ ] I’ve searched for any related issues/questions on github 11 | - [ ] I've searched the [community forums](https://community.digital.gov.au/c/designsystem) to check for related issues or support questions 12 | 13 | ## How can we help? 14 | 15 | 18 | 19 | ## What you have tried: 20 | 21 | 25 | 26 | 27 | ## Additional Context 28 | 31 | 32 | 35 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/--join-the-community.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "\U0001F91DJoin the community" 3 | about: "If you would like to contribute and support the product" 4 | 5 | --- 6 | 7 | 8 | # Help support the Australian Government Design System 9 | 10 | We want the Design System to be a community orientated open-source product. To encourage developers and designers to engage in the community, we accept contributions from anyone willing to donate their time. 11 | 12 | There are several ways you can contribute: 13 | 14 | 1. Participate in the discussions on the [community forums](https://community.digital.gov.au/c/designsystem) 15 | 16 | 2. Donate developer time on the [open issues](https://github.com/govau/design-system-components/issues) 17 | 18 | 3. Identify any bugs or improvements and create an issue 19 | 20 | 4. Share design and research insights on the [community forums](https://community.digital.gov.au/c/designsystem) 21 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/-design-system-website.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "💻 designsystem.gov.au" 3 | about: "Report a problem with the designsystem.gov.au website" 4 | 5 | --- 6 | 7 | 8 | 9 | To report a problem with the [Australian Government Design System](https://designsystem.gov.au/) website, 10 | please visit the [Design System website repository](https://github.com/govau/designsystem/issues). 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | *.sublime-project 3 | *.sublime-workspace 4 | codekit-config.json 5 | *.codekit 6 | node_modules 7 | .sass-cache 8 | .idea 9 | validation-report.json 10 | validation-status.json 11 | *.css 12 | packages/*/tests/*/*.js 13 | !packages/*/tests/react/index.js 14 | !packages/*/tests/react/webpack.config.js 15 | packages/*/lib/ 16 | npm-debug.log 17 | lerna-debug.log 18 | /index.html 19 | -------------------------------------------------------------------------------- /.templates/new-module/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | @gov.au/[-replace-name-] CHANGELOG 2 | ====================== 3 | 4 | > Part of the [gov.au components](https://github.com/govau/design-system-components/) ecosystem. 5 | 6 | 7 | ## Contents 8 | 9 | * [Versions](#install) 10 | * [Release History](#release-history) 11 | 12 | 13 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 14 | 15 | 16 | ## Versions 17 | 18 | * [v0.1.0 - 💥 Initial version](#v010) 19 | 20 | 21 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | 23 | 24 | ## Release History 25 | 26 | ### v0.1.0 27 | 28 | - 💥 Initial version 29 | 30 | 31 | **[⬆ back to top](#contents)** 32 | 33 | 34 | # }; 35 | -------------------------------------------------------------------------------- /.templates/new-module/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.templates/new-module/src/js/jquery.js: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | /*************************************************************************************************************************************************************** 3 | * 4 | * [-replace-name-] function 5 | * 6 | * [-replace-description-] 7 | * 8 | **************************************************************************************************************************************************************/ 9 | 10 | 11 | $.fn.AU[-replace-name-capital-] = function() { 12 | var $elements = this; 13 | 14 | return { 15 | }; 16 | }; 17 | -------------------------------------------------------------------------------- /.templates/new-module/src/js/react.js: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | /*************************************************************************************************************************************************************** 3 | * 4 | * [-replace-name-] function 5 | * 6 | * [-replace-description-] 7 | * 8 | **************************************************************************************************************************************************************/ 9 | 10 | import React from 'react'; 11 | import PropTypes from 'prop-types'; 12 | 13 | 14 | const AU[-replace-name-capital-] = () => ( 15 |
16 | Yay! 17 |
18 | ); 19 | 20 | AU[-replace-name-capital-].propTypes = { 21 | dark: PropTypes.bool 22 | }; 23 | 24 | AU[-replace-name-capital-].defaultProps = {}; 25 | 26 | export default AU[-replace-name-capital-]; 27 | -------------------------------------------------------------------------------- /.templates/new-module/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /.templates/new-module/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // [-replace-name-] module globals 5 | // [-replace-description-] 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /.templates/new-module/src/sass/_module.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // [-replace-name-] module 3 | // [-replace-description-] 4 | // 5 | // Content: 6 | // - sass-versioning 7 | // - globals 8 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 9 | 10 | 11 | @import '_globals.scss'; 12 | @import '_print.scss'; 13 | -------------------------------------------------------------------------------- /.templates/new-module/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // [-replace-name-] module 3 | // [-replace-description-] 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /.templates/new-module/tests/jquery/test.scss: -------------------------------------------------------------------------------- 1 | @import '../site/test.scss'; 2 | -------------------------------------------------------------------------------- /.templates/new-module/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /.templates/new-module/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: [-replace-name-] 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: [-replace-name-]

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /.templates/new-module/tests/react/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | import AU[-replace-name-capital-] from './AU[-replace-name-].js'; 5 | 6 | 7 | ReactDOM.render( 8 |
9 | 10 | 11 |
, 12 | 13 | document.getElementById('root'), 14 | ); 15 | -------------------------------------------------------------------------------- /.templates/new-module/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /.templates/new-module/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /SUPPORT.md: -------------------------------------------------------------------------------- 1 | # Australian Government Design System - Components - Support 2 | 3 | Stuck? Got an idea? There's several channels available to engage with the Design System community. 4 | 5 | We'd prefer you ask your question in the open, if possible. It's likely that others have the same question - answers posted in a public forum will assist those who come after you. 6 | 7 | - [Post on our Community Forum](https://community.digital.gov.au/c/designsystem) 8 | - [Join our Slack Channel](https://govau-guides.slack.com/) 9 | - [Raise a GitHub issue](https://github.com/govau/design-system-components/issues/new/choose) 10 | 11 | As a last resort, you can email the core development team directly at designsystem@dta.gov.au 12 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "lerna": "3.13.4", 3 | "packages": [ 4 | "packages/*" 5 | ], 6 | "npmClient": "npm", 7 | "version": "independent" 8 | } 9 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "auds", 3 | "license": "MIT", 4 | "repository": { 5 | "type": "git", 6 | "url": "https://github.com/govau/design-system-components" 7 | }, 8 | "devDependencies": { 9 | "autoprefixer": "^9.4.10", 10 | "cfonts": "^2.4.2", 11 | "chalk": "^2.4.2", 12 | "express": "^4.16.4", 13 | "inquirer": "6.2.2", 14 | "jest-cli": "^24.7.1", 15 | "lerna": "^3.14.1", 16 | "node-sass": "^4.14.0", 17 | "pa11y": "^5.1.0", 18 | "postcss": "^8.2.10", 19 | "puppeteer": "^1.13.0", 20 | "rimraf": "^2.6.3", 21 | "semver": "^5.6.0", 22 | "treeify": "^1.1.0" 23 | }, 24 | "scripts": { 25 | "scaffolding": "node ./scripts/helper.js scaffolding", 26 | "bootstrap": "lerna bootstrap --hoist", 27 | "build": "lerna run build", 28 | "publish": "lerna version --no-git-tag-version --no-push", 29 | "nuke": "npm run delete:node_modules | npm run delete:lib", 30 | "delete:node_modules": "lerna clean --yes && rimraf node_modules", 31 | "delete:lib": "rimraf packages/*/lib", 32 | "test:unit-test": "jest", 33 | "test": "node scripts/helper.js test && node ./scripts/a11y.js" 34 | }, 35 | "jest": { 36 | "testRegex": "\\.spec.js$", 37 | "collectCoverageFrom": [ 38 | "packages/*/lib/js/*.js" 39 | ], 40 | "coverageThreshold": { 41 | "global": { 42 | "branches": 0, 43 | "functions": 0, 44 | "lines": 0, 45 | "statements": 0 46 | } 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /packages/accordion/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/accordion/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/accordion/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // accordion module globals 5 | // Allow the user to toggle the visibility of an element 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | 26 | 27 | // Boy it sure is quiet here. 28 | -------------------------------------------------------------------------------- /packages/accordion/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // accordion module 3 | // Allow the user to toggle the visibility of an element 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-accordion { 12 | border-color: #000 !important; 13 | color: #000 !important; 14 | } 15 | 16 | .au-accordion__title { 17 | background: #fff !important; 18 | color: #000 !important; 19 | border: 1px !important; 20 | 21 | &:after { 22 | display: none; 23 | } 24 | } 25 | 26 | .au-accordion__body-wrapper { 27 | border-color: #000 !important; 28 | } 29 | 30 | .au-accordion__body { 31 | height: auto !important; 32 | display: block !important; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /packages/accordion/tests/jquery/test.scss: -------------------------------------------------------------------------------- 1 | @import '../site/test.scss'; 2 | -------------------------------------------------------------------------------- /packages/accordion/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/accordion/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: accordion 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: accordion

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/accordion/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/accordion/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border-style: dashed; 12 | } 13 | -------------------------------------------------------------------------------- /packages/animate/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/animate/tests/jquery/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/govau/design-system-components/f6517f505e5a65a972c1a88f2ddc52d027237c08/packages/animate/tests/jquery/index.html -------------------------------------------------------------------------------- /packages/animate/tests/jquery/test.scss: -------------------------------------------------------------------------------- 1 | @import '../site/test.scss'; 2 | -------------------------------------------------------------------------------- /packages/animate/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | // @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../core/src/sass/_module.scss'; 6 | @import '../../../grid-12/src/sass/_module.scss'; 7 | 8 | //styling all test files 9 | @import '../../../../.templates/test-assets/_style.scss'; 10 | 11 | 12 | .au-dropdown-example { 13 | background-color: hotpink; 14 | background-color: rebeccapurple; 15 | @include AU-space( margin-top, 1unit ); 16 | } 17 | 18 | 19 | .test-link { //have to to make it look awesome again 20 | @include AU-space( margin-left, 1unit ); 21 | } 22 | -------------------------------------------------------------------------------- /packages/body/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/body/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/body/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // Body module globals 5 | // 6 | // Content: 7 | // - SASS versioning 8 | // - Global variables: none so far 9 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 10 | 11 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 12 | // SASS VERSIONING 13 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 14 | $name: "[replace-name]"; 15 | $version: "[replace-version]"; 16 | $dependencies: ( 17 | [replace-dependencies] 18 | ); 19 | 20 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 21 | // GLOBAL VARIABLES 22 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 23 | 24 | // Boy it sure is quiet here. 25 | -------------------------------------------------------------------------------- /packages/body/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../headings/src/sass/_module.scss'; 6 | @import '../../../responsive-media/src/sass/_module.scss'; 7 | 8 | //styling all test files 9 | @import '../../../../.templates/test-assets/_style.scss'; 10 | 11 | 12 | main { 13 | @include AU-space( margin-top, 1.5unit ); 14 | } 15 | 16 | .text-large-links { 17 | font-weight: normal; 18 | } 19 | -------------------------------------------------------------------------------- /packages/breadcrumbs/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/breadcrumbs/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../link-list/src/sass/module.scss'; 4 | 5 | @import '../../../body/src/sass/_module.scss'; //link-list dependency 6 | 7 | //this module 8 | @import '_module.scss'; 9 | -------------------------------------------------------------------------------- /packages/breadcrumbs/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // breadcrumbs module globals 5 | // Breadcrumbs help users understand where they are in the service and how they got there. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/breadcrumbs/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Breadcrumbs module 3 | // Breadcrumbs help users understand where they are in the service and how they got there. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-breadcrumbs > .au-link-list > li:after { 12 | content: ">" !important; 13 | background-image: none !important; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/breadcrumbs/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/breadcrumbs/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: breadcrumbs 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: breadcrumbs

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/breadcrumbs/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/breadcrumbs/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 2px dashed rebeccapurple; 12 | } 13 | -------------------------------------------------------------------------------- /packages/buttons/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/buttons/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/buttons/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // buttons module globals 5 | // Buttons signal action. Use them to move the user through the service. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/buttons/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Buttons module 3 | // Buttons signal action. Use them to move the user through the service. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-btn { 12 | background-color: #fff !important; 13 | border: 2px solid #000 !important; 14 | color: #000 !important; 15 | text-decoration: none !important; 16 | 17 | 18 | &[disabled] { 19 | background-color: #ccc !important; 20 | border: 2px solid #ccc !important; 21 | } 22 | 23 | &:disabled { 24 | background-color: #ccc !important; 25 | border: 2px solid #ccc !important; 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /packages/buttons/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/buttons/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: buttons 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: buttons

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/buttons/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/buttons/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../text-inputs/src/sass/_module.scss'; 7 | @import '../../../select/src/sass/_module.scss'; 8 | 9 | //styling all test files 10 | @import '../../../../.templates/test-assets/_style.scss'; 11 | 12 | 13 | .height-test { 14 | position: relative; 15 | margin: 2em 0; 16 | padding: 0 2em; 17 | text-align: center; 18 | background-image: linear-gradient( 19 | 90deg, 20 | transparent 79px, 21 | transparent 79px, 22 | transparent 81px, 23 | transparent 81px 24 | ), linear-gradient( 25 | lighten( $AU-color-foreground-border, 30% ) .1em, 26 | transparent .1em 27 | ); 28 | background-size: 100% 4px; 29 | 30 | &:after { 31 | content: 'Alignment test'; 32 | position: absolute; 33 | left: 1em; 34 | top: -1em; 35 | font-family: $AU-font; 36 | } 37 | 38 | .no-a11y-test { 39 | display: inline; 40 | } 41 | } 42 | 43 | .testing { 44 | border: 3px dashed hotpink !important; 45 | } 46 | -------------------------------------------------------------------------------- /packages/callout/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/callout/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/callout/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // callout module globals 5 | // Use callout to notify and alert users of important snippets of information. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/callout/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // callout module 3 | // Use callout to notify and alert users of important snippets of information. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-callout { 12 | @include AU-space( border-left-width, 1unit !important ); 13 | border: 1px solid #000 !important; 14 | color: #000 !important; 15 | background-color: transparent !important; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/callout/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/callout/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: callout 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: callout

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/callout/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/callout/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 2px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/card/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/card/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/card/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // card module globals 5 | // A container for all types of content 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | 27 | $AU-card-divider: lightgray; 28 | -------------------------------------------------------------------------------- /packages/card/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // card module 3 | // A container for all types of content 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/card/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/card/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: card 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: card

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/card/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/card/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../grid-12/src/sass/_module.scss'; 7 | @import '../../../buttons/src/sass/_module.scss'; 8 | @import '../../../cta-link/src/sass/_module.scss'; 9 | @import '../../../responsive-media/src/sass/_module.scss'; 10 | 11 | 12 | 13 | 14 | //styling all test files 15 | @import '../../../../.templates/test-assets/_style.scss'; 16 | 17 | 18 | .au-card-list li { 19 | @include AU-space( 'margin-top', 1.5unit ); 20 | } 21 | 22 | 23 | // .au-card__cta { 24 | // display: block; 25 | 26 | // &.au-card__cta--link { 27 | // color: $AU-color-foreground-action; 28 | // text-decoration: underline; 29 | // text-decoration-skip-ink: auto; 30 | // } 31 | 32 | // &.au-card__cta--align-right { 33 | // float: right; 34 | // @include AU-space( 'margin-bottom', 1rem ); 35 | 36 | // &:after { 37 | // @include AU-clearfix(); 38 | // } 39 | // } 40 | // } 41 | 42 | -------------------------------------------------------------------------------- /packages/control-input/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/control-input/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/control-input/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // control-input module 3 | // Control inputs include radio buttons and checkboxes. They allow users to select one or more options. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-control-input__text { 12 | color: #000 !important; 13 | 14 | &:before, 15 | &:after { 16 | display: none !important; 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /packages/control-input/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/control-input/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: control-input 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: control-input

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/control-input/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/control-input/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/core/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/core/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | // @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/core/src/sass/_module.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Core module 3 | // 4 | // Content: 5 | // - sass-versioning 6 | // - globals 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @import '_globals.scss'; 11 | @import '_print.scss'; 12 | -------------------------------------------------------------------------------- /packages/core/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Code module 3 | // 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | // @media print { 11 | // } 12 | -------------------------------------------------------------------------------- /packages/cta-link/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/cta-link/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/cta-link/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // cta-link module globals 5 | // Provide a see more/all link when there are too many items to show in the current context. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/cta-link/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // cta-link module 3 | // Use cta links to draw attention to a primary call to action 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-cta-link { 12 | color: #000 !important; 13 | &:after { 14 | background-image: none !important; 15 | content: ' > ' !important; 16 | border: none !important; 17 | transform: rotate( 0deg ) !important; 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /packages/cta-link/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/cta-link/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: cta-link 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: cta-link

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/cta-link/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/cta-link/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/direction-links/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/direction-links/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/direction-links/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // direction-links module globals 5 | // Use direction links to link up and down within the DOM or back to a parent page. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/direction-links/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // direction-links module 3 | // Use direction links to link up and down within the DOM or back to a parent page. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-direction-link { 12 | color: #000 !important; 13 | } 14 | 15 | .au-direction-link__arrow--right:after { 16 | content: '→' !important; 17 | } 18 | 19 | .au-direction-link__arrow--left:before { 20 | content: '←' !important; 21 | } 22 | 23 | .au-direction-link__arrow--up:after { 24 | content: '↑' !important; 25 | } 26 | 27 | .au-direction-link__arrow--down:after { 28 | content: '↓' !important; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /packages/direction-links/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/direction-links/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: direction-links 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: direction-links

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/direction-links/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/direction-links/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/footer/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/footer/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/footer/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // footer module globals 5 | // Footers help users who reach the bottom of a page without finding what they want. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/footer/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // footer module 3 | // Footers help users who reach the bottom of a page without finding what they want. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-footer { 12 | color: #000 !important; 13 | background: #fff !important; 14 | border-color: #000 !important; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /packages/footer/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/footer/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: footer 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: footer

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/footer/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/footer/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../grid-12/src/sass/_module.scss'; 7 | @import '../../../link-list/src/sass/_module.scss'; 8 | @import '../../../headings/src/sass/_module.scss'; 9 | @import '../../../responsive-media/src/sass/_module.scss'; 10 | 11 | //styling all test files 12 | @import '../../../../.templates/test-assets/_style.scss'; 13 | 14 | .testing { 15 | border: 3px dashed hotpink; 16 | } 17 | -------------------------------------------------------------------------------- /packages/form/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/form/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/form/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // form module globals 5 | // 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/form/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // form module 3 | // 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/form/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/form/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: Form 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: Form

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/form/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: { 16 | loader: 'babel-loader', 17 | options: { 18 | presets: ['@babel/preset-env', '@babel/preset-react'] 19 | } 20 | } 21 | }, 22 | { 23 | test: /\.(css)$/, 24 | use: 'css-loader' 25 | } 26 | ], 27 | }, 28 | }; -------------------------------------------------------------------------------- /packages/form/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../control-input/src/sass/_module.scss'; 7 | @import '../../../grid-12/src/sass/_module.scss'; 8 | @import '../../../headings/src/sass/_module.scss'; 9 | @import '../../../select/src/sass/_module.scss'; 10 | @import '../../../text-inputs/src/sass/_module.scss'; 11 | 12 | //styling all test files 13 | @import '../../../../.templates/test-assets/_style.scss'; 14 | -------------------------------------------------------------------------------- /packages/grid-12/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/grid-12/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/grid-12/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // grid-12 module 3 | // Implementation of the Bootstrap 3 grid. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/grid-12/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | 11 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 12 | // Grid boxes 13 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 14 | .grids { 15 | padding-top: 10px; 16 | padding-bottom: 10px; 17 | background-color: rgba(rebeccapurple, 0.2); 18 | text-align: center; 19 | 20 | > span { 21 | display: block; 22 | background-color: rgba(rebeccapurple, 0.7); 23 | } 24 | } 25 | 26 | // Same here. 27 | h1 { 28 | @include AU-space( margin-left, 0.5unit ); 29 | } 30 | 31 | .test-link { //have to to make it look awesome again 32 | @include AU-space( margin-left, 0.5unit ); 33 | } 34 | -------------------------------------------------------------------------------- /packages/header/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/header/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../grid-12/src/sass/_module.scss'; 4 | 5 | //this module 6 | @import '_module.scss'; 7 | -------------------------------------------------------------------------------- /packages/header/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // header module globals 5 | // Headers provide a consistent start to pages. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | $AU-logo-width: 12unit !default; 26 | $AU-logo-width-md: 16unit !default; 27 | -------------------------------------------------------------------------------- /packages/header/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // header module 3 | // Headers provide a consistent start to pages. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-header { 12 | background: #fff !important; 13 | 14 | a img { 15 | border: 0 !important; 16 | } 17 | } 18 | 19 | .au-header, 20 | .au-header__brand, 21 | .au-header__subline { 22 | color: #000 !important; 23 | } 24 | 25 | .au-header__brand-image { 26 | display: none !important; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /packages/header/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/header/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: header 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: header

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/header/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/header/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/headings/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/headings/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/headings/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // headings module globals 5 | // Class styles for display headings. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/headings/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // headings module 3 | // Class styles for display headings. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/headings/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/headings/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: headings 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: headings

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/headings/tests/react/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | import AUheading from './headings.js'; 5 | 6 | 7 | ReactDOM.render( 8 |
9 |
10 |

headings

11 | 12 | au-display-xxxl on h1 13 | au-display-xxl on h1 14 | au-display-xl on h1 15 | au-display-lg on h2 16 | au-display-md on h3 17 | au-display-sm on h6 18 | au-display-xs on h4 19 | 20 | with additional classes 21 |
22 |
23 |

headings --dark

24 | 25 | au-display-xxxl on h1 26 | au-display-xxl on h1 27 | au-display-xl on h1 28 | au-display-lg on h2 29 | au-display-md on h3 30 | au-display-sm on h6 31 | au-display-xs on h4 32 | 33 | with additional classes 34 |
35 |
, 36 | 37 | document.getElementById('root'), 38 | ); 39 | -------------------------------------------------------------------------------- /packages/headings/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/headings/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../grid-12/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/inpage-nav/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/inpage-nav/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../link-list/src/sass/_module.scss'; 4 | @import '../../../body/src/sass/_module.scss'; //dependency via link-list 5 | 6 | //this module 7 | @import '_module.scss'; 8 | -------------------------------------------------------------------------------- /packages/inpage-nav/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // inpage-nav module globals 5 | // Use inpage-nav links to help users scan and jump to content of a page. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/inpage-nav/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // inpage-nav module 3 | // Use inpage-nav links to help users scan and jump to content of a page. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/inpage-nav/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/inpage-nav/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: inpage-nav 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: inpage-nav

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/inpage-nav/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/inpage-nav/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../headings/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/keyword-list/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/keyword-list/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../link-list/src/sass/_module.scss'; 4 | @import '../../../body/src/sass/_module.scss'; //dependency via link-list 5 | 6 | //this module 7 | @import '_module.scss'; 8 | -------------------------------------------------------------------------------- /packages/keyword-list/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // keyword-list module globals 5 | // A list style for emphasising parts of a list item, useful for repeating phrases across that list’s items. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/keyword-list/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // keyword-list module 3 | // A list style for emphasising parts of a list item, useful for repeating phrases across that list’s items. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/keyword-list/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/keyword-list/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: keyword-list 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: keyword-list

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/keyword-list/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/keyword-list/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/link-list/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/link-list/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../body/src/sass/_module.scss'; 4 | 5 | //this module 6 | @import '_module.scss'; 7 | -------------------------------------------------------------------------------- /packages/link-list/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // link-lists module globals 5 | // A simple list of inline links. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/link-list/src/sass/_module.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // link-lists module 3 | // A simple list of inline links. 4 | // 5 | // Content: 6 | // - .inline-links 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @import '_globals.scss'; 11 | @import '_print.scss'; 12 | 13 | 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | // Link-list styles 16 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 17 | /** 18 | * Block of links. 19 | */ 20 | .au-link-list { 21 | @include AU-fontgrid( sm ); 22 | display: block; 23 | list-style-type: none; 24 | margin: 0; 25 | @include AU-space( padding, 0.25unit 0 ); 26 | 27 | .au-body & { 28 | margin: 0; 29 | @include AU-space( padding, 0.25unit 0 ); 30 | } 31 | 32 | > li { 33 | display: block; 34 | @include AU-space( margin, 0.25unit ); 35 | } 36 | 37 | &.au-link-list--inline { 38 | display: inline-block; 39 | 40 | > li { 41 | display: inline-block; 42 | } 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /packages/link-list/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // link-lists module 3 | // A simple list of inline links. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/link-list/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/link-list/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: link-lists 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: link-lists

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/link-list/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/link-list/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | 11 | .test-class { 12 | border: 2px dotted rebeccapurple; 13 | 14 | .au-body--dark & { 15 | border-color: pink; 16 | } 17 | 18 | &.test-class--mod { 19 | border-color: hotpink; 20 | } 21 | } 22 | 23 | .additional-class { 24 | border: 1px dashed rebeccapurple; 25 | 26 | .au-body--dark & { 27 | border-color: pink; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /packages/main-nav/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/main-nav/src/js/jquery.js: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | /*************************************************************************************************************************************************************** 3 | * 4 | * Main nav function 5 | * 6 | * Horizontal list of links to key areas on the website. Usually located in the header. 7 | * 8 | **************************************************************************************************************************************************************/ 9 | 10 | 11 | 12 | /** 13 | * The main nav jquery function to add attributes and event listeners 14 | * 15 | * Public functions are: 16 | * $('.js-au-main-nav').AUmainNav().addListeners() 17 | */ 18 | $.fn.AUmainNav = function( callbacks ) { 19 | 20 | $elements = this; 21 | 22 | var mainNavObject = { 23 | addListeners: function() { 24 | 25 | // each main navigation event handlers 26 | $elements 27 | .not('.js-au-main-nav-rendered') // making sure we only add the event listeners once 28 | .each( function( i, mainNav ) { 29 | var speed = $( mainNav ).attr('data-speed'); 30 | 31 | $( mainNav ).addClass('js-au-main-nav-rendered'); // marking as processed 32 | 33 | $( mainNav ) 34 | .find( '.au-main-nav__toggle--open, .au-main-nav__toggle--close, .au-main-nav__overlay' ) 35 | .on( 'click', function( event ) { 36 | event.preventDefault(); 37 | 38 | return AU.mainNav.Toggle( $( this )[ 0 ], speed, callbacks ); 39 | }) 40 | }); 41 | 42 | return this; 43 | }, 44 | }; 45 | 46 | mainNavObject 47 | .addListeners(); 48 | 49 | return mainNavObject; 50 | }; 51 | -------------------------------------------------------------------------------- /packages/main-nav/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../link-list/src/sass/module.scss'; 4 | @import '../../../body/src/sass/_module.scss'; //link-list dependency 5 | 6 | //this module 7 | @import '_module.scss'; 8 | -------------------------------------------------------------------------------- /packages/main-nav/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // main-nav module globals 5 | // Horizontal list of links to key areas on the website. Usually located in the header. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | $AU-main-nav-breakpoint: lg !default; 26 | $AU-main-nav-width: 280px !default; 27 | $AU-main-nav-z-index: 200 !default; 28 | -------------------------------------------------------------------------------- /packages/main-nav/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // main-nav module 3 | // Horizontal list of links to key areas on the website. Usually located in the header. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-main-nav { 12 | background: transparent !important; 13 | border-bottom: none !important; 14 | 15 | a { 16 | color: #000 !important; 17 | 18 | &:hover { 19 | background: transparent !important; 20 | } 21 | } 22 | 23 | .active a { 24 | text-decoration: underline; 25 | border-color: #fff !important; 26 | background-color: transparent !important; 27 | } 28 | 29 | .au-link-list > li { 30 | border-color: #000 !important; 31 | &:last-of-type { 32 | border-bottom: 1px solid !important; 33 | } 34 | } 35 | 36 | @include AU-media( $AU-main-nav-breakpoint ) { 37 | @include AU-space( border-bottom, 0.5unit solid #000 !important ); 38 | 39 | .au-link-list > li:last-of-type { 40 | border-bottom: none !important; 41 | } 42 | } 43 | } 44 | 45 | .au-main-nav__toggle { 46 | display: none !important; 47 | } 48 | 49 | .au-main-nav__menu { 50 | background: transparent !important; 51 | position: static !important; 52 | display: block !important; 53 | width: auto !important; 54 | 55 | .au-main-nav__menu-inner { 56 | padding: 0 !important; 57 | } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /packages/main-nav/tests/jquery/test.scss: -------------------------------------------------------------------------------- 1 | @import '../site/test.scss'; 2 | -------------------------------------------------------------------------------- /packages/main-nav/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/main-nav/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: main-nav 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: main-nav

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/main-nav/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/main-nav/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../header/src/sass/_module.scss'; 7 | @import '../../../grid-12/src/sass/_module.scss'; 8 | 9 | //styling all test files 10 | // @import '../../../../.templates/test-assets/_style.scss'; 11 | -------------------------------------------------------------------------------- /packages/page-alerts/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/page-alerts/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../body/src/sass/_module.scss'; 4 | 5 | //this module 6 | @import '_module.scss'; 7 | -------------------------------------------------------------------------------- /packages/page-alerts/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // page-alerts module globals 5 | // Use page alerts to notify users of important information and state changes to the page. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/page-alerts/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // page-alerts module 3 | // Use page alerts to notify users of important information and state changes to the page. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-page-alerts { 12 | border-color: #000 !important; 13 | background-color: #fff !important; 14 | border-left: 2px solid #000 !important; 15 | padding-top: 3em !important; 16 | 17 | &:after { 18 | background: none !important; 19 | content: 'info' !important; 20 | top: 1em !important; 21 | left: 0 !important; 22 | font-size: 12px !important; 23 | border-right: 1px solid #000 !important; 24 | border-bottom: 1px solid #000 !important; 25 | padding: 0.5em !important; 26 | width: auto !important; 27 | } 28 | } 29 | 30 | .au-page-alerts--success:after { 31 | content: 'success' !important; 32 | } 33 | 34 | .au-page-alerts--warning:after { 35 | content: 'warning' !important; 36 | } 37 | 38 | .au-page-alerts--error:after { 39 | content: 'error' !important; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /packages/page-alerts/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/page-alerts/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: page-alerts 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: page-alerts

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/page-alerts/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/page-alerts/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../grid-12/src/sass/_module.scss'; 6 | @import '../../../headings/src/sass/_module.scss'; 7 | 8 | //styling all test files 9 | @import '../../../../.templates/test-assets/_style.scss'; 10 | 11 | .testing { 12 | outline: 3px dashed hotpink; 13 | } 14 | -------------------------------------------------------------------------------- /packages/progress-indicator/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/progress-indicator/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/progress-indicator/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // progress-indicator module globals 5 | // Indicator of progress through a multitude of pages mostly used for forms. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/progress-indicator/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // progress-indicator module 3 | // Indicator of progress through a multitude of pages mostly used for forms. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-progress-indicator { 12 | border-top-color: #000 !important; 13 | } 14 | 15 | .au-body .au-progress-indicator__link, 16 | .au-progress-indicator__link { 17 | color: #000 !important; 18 | border-bottom-color: #000 !important; 19 | border-left-color: transparent !important; 20 | padding-left: 6px !important; 21 | 22 | &.au-progress-indicator__link--doing { 23 | border-left-color: #000 !important; 24 | } 25 | 26 | &:after { 27 | display: none; 28 | } 29 | } 30 | 31 | .au-progress-indicator__status { 32 | color: #000 !important; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /packages/progress-indicator/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/progress-indicator/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: progress-indicator 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: progress-indicator

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/progress-indicator/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/progress-indicator/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | outline: 3px dashed hotpink; 12 | } 13 | 14 | li.testing { 15 | outline-color: pink; 16 | } 17 | -------------------------------------------------------------------------------- /packages/responsive-media/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/responsive-media/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/responsive-media/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // responsive-embeds module globals 5 | // Caters for video/slideshow dimensions and aspect ratios across various viewports/widths 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/responsive-media/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // responsive-media module 3 | // Caters for video/slideshow dimensions and aspect ratios across various viewports/widths 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/responsive-media/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | -------------------------------------------------------------------------------- /packages/searchbox/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | @gov.au/searchbox CHANGELOG 2 | ====================== 3 | 4 | > Part of the [gov.au components](https://github.com/govau/design-system-components/) ecosystem. 5 | 6 | 7 | ## Contents 8 | 9 | * [Versions](#install) 10 | * [Release History](#release-history) 11 | 12 | 13 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 14 | 15 | 16 | ## Versions 17 | 18 | * [v0.2.3 - Display search icon for XS breakpoint when responsive (Fix based on the new grid breakpoints)](#v023) 19 | * [v0.2.2 - Increase size for icon](#v022) 20 | * [v0.2.1 - Add styling for secondary buttons](#v021) 21 | * [v0.2.0 - Update padding on button, fix JSdoc](#v020) 22 | * [v0.1.0 - 💥 Initial version](#v010) 23 | 24 | 25 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 26 | 27 | 28 | ## Release History 29 | 30 | ### v0.2.3 31 | 32 | - Display search icon for XS breakpoint when responsive (Fix based on the new grid breakpoints) 33 | 34 | ### v0.2.2 35 | 36 | - Increase size for icon 37 | 38 | 39 | ### v0.2.1 40 | 41 | - Add styling for secondary buttons 42 | 43 | 44 | ### v0.2.0 45 | 46 | - Update padding on button, fix JSdoc 47 | 48 | 49 | ### v0.1.0 50 | 51 | - 💥 Initial version 52 | 53 | 54 | **[⬆ back to top](#contents)** 55 | 56 | 57 | # }; 58 | -------------------------------------------------------------------------------- /packages/searchbox/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/searchbox/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/searchbox/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // searchbox module 3 | // 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/searchbox/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/searchbox/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: searchbox 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: searchbox

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/searchbox/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: { 16 | loader: 'babel-loader', 17 | options: { 18 | presets: ['@babel/preset-env', '@babel/preset-react'] 19 | } 20 | } 21 | }, 22 | { 23 | test: /\.(css)$/, 24 | use: 'css-loader' 25 | } 26 | ], 27 | }, 28 | }; 29 | -------------------------------------------------------------------------------- /packages/searchbox/tests/site/search--dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/govau/design-system-components/f6517f505e5a65a972c1a88f2ddc52d027237c08/packages/searchbox/tests/site/search--dark.png -------------------------------------------------------------------------------- /packages/searchbox/tests/site/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/govau/design-system-components/f6517f505e5a65a972c1a88f2ddc52d027237c08/packages/searchbox/tests/site/search.png -------------------------------------------------------------------------------- /packages/searchbox/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../text-inputs/src/sass/_module.scss'; 7 | @import '../../../form/src/sass/_module.scss'; 8 | @import '../../../buttons/src/sass/_module.scss'; 9 | @import '../../../header/src/sass/_module.scss'; 10 | @import '../../../grid-12/src/sass/_module.scss'; 11 | @import '../../../main-nav/src/sass/_module.scss'; 12 | @import '../../../link-list/src/sass/_module.scss'; 13 | 14 | 15 | 16 | 17 | 18 | //styling all test files 19 | @import '../../../../.templates/test-assets/_style.scss'; 20 | 21 | 22 | 23 | // The below is for IE8 search icon. We will give guidance in rationale on how to do this. 24 | 25 | @mixin ieImage( $url ) { 26 | 27 | .ie8 & { 28 | background-image: url( $url ); 29 | } 30 | } 31 | 32 | .au-search.au-search--icon { 33 | 34 | .au-btn { 35 | @include ieImage( './search.png' ); 36 | } 37 | 38 | .au-btn.au-btn--secondary { 39 | @include ieImage( './search--dark.png' ); 40 | } 41 | 42 | &.au-search--dark .au-btn { 43 | @include ieImage( './search--dark.png' ); 44 | } 45 | } 46 | 47 | .au-search--responsive { 48 | 49 | @media screen and ( max-width: 576px ) { 50 | .au-btn { 51 | @include ieImage( './search.png' ); 52 | } 53 | 54 | .au-btn.au-btn--secondary { 55 | @include ieImage( './search--dark.png' ); 56 | } 57 | 58 | &.au-search--dark .au-btn { 59 | @include ieImage( './search--dark.png' ); 60 | } 61 | } 62 | } 63 | 64 | header form { 65 | @include AU-space( margin-top, 2unit ); 66 | @include AU-space( margin-bottom, -1unit ); 67 | } 68 | -------------------------------------------------------------------------------- /packages/select/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/select/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/select/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // select module globals 5 | // The form select element for multiple options 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/select/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // select module 3 | // The form select element for multiple options 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-select { 12 | border-color: #000 !important; 13 | background-image: AU-svguri('' + 14 | '' + 15 | '' + 16 | '') !important; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/select/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/select/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: select 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: select

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/select/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/select/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../text-inputs/src/sass/_module.scss'; 6 | @import '../../../buttons/src/sass/_module.scss'; 7 | 8 | //styling all test files 9 | @import '../../../../.templates/test-assets/_style.scss'; 10 | 11 | label { 12 | display: block; 13 | } 14 | 15 | .height-test { 16 | position: relative; 17 | margin: 2em 0; 18 | padding: 0 2em; 19 | text-align: center; 20 | background-image: linear-gradient( 21 | 90deg, 22 | transparent 79px, 23 | transparent 79px, 24 | transparent 81px, 25 | transparent 81px 26 | ), linear-gradient( 27 | lighten( $AU-color-foreground-border, 30% ) .1em, 28 | transparent .1em 29 | ); 30 | background-size: 100% 4px; 31 | 32 | &:after { 33 | content: 'Alignment test'; 34 | position: absolute; 35 | left: 1em; 36 | top: -1em; 37 | font-family: $AU-font; 38 | } 39 | 40 | .no-a11y-test { 41 | display: inline; 42 | } 43 | } 44 | 45 | .testing { 46 | outline: 3px dashed hotpink; 47 | } 48 | -------------------------------------------------------------------------------- /packages/side-nav/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/side-nav/src/js/jquery.js: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | /*************************************************************************************************************************************************************** 3 | * 4 | * sideNav function 5 | * 6 | * A vertical list of links for site navigation typically placed next to the body content. 7 | * 8 | **************************************************************************************************************************************************************/ 9 | 10 | -------------------------------------------------------------------------------- /packages/side-nav/src/js/module.js: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | /*************************************************************************************************************************************************************** 3 | * 4 | * sideNav function 5 | * 6 | * A vertical list of links for site navigation typically placed next to the body content. 7 | * 8 | **************************************************************************************************************************************************************/ 9 | 10 | var AU = AU || {}; 11 | 12 | 13 | // This is necessary to use accordion javascript 14 | ( function( AU ) {}( AU )); 15 | 16 | 17 | if( typeof module !== 'undefined' ) { 18 | module.exports = AU; 19 | } 20 | -------------------------------------------------------------------------------- /packages/side-nav/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | @import '../../../accordion/src/sass/module.scss'; 4 | @import '../../../link-list/src/sass/module.scss'; 5 | 6 | @import '../../../body/src/sass/_module.scss'; //link-list dependency 7 | 8 | //this module 9 | @import '_module.scss'; 10 | -------------------------------------------------------------------------------- /packages/side-nav/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // side-nav module 3 | // A vertical list of links for site navigation typically placed next to the body content. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-side-nav { 12 | background: transparent !important; 13 | 14 | a { 15 | color: #000 !important; 16 | text-decoration: underline !important; 17 | 18 | &:hover { 19 | background: transparent !important; 20 | } 21 | } 22 | 23 | .au-accordion__title { 24 | display: none; 25 | } 26 | } 27 | 28 | .au-side-nav__content { 29 | 30 | ul ul ul a:before { 31 | background-image: AU-svguri( '' + 32 | '' + 33 | '') !important; 34 | } 35 | 36 | & > ul > li { 37 | border-color: #000 !important; 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /packages/side-nav/tests/jquery/test.scss: -------------------------------------------------------------------------------- 1 | @import '../site/test.scss'; 2 | -------------------------------------------------------------------------------- /packages/side-nav/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/side-nav/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: side-nav 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: side-nav

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/side-nav/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/side-nav/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | // @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | -------------------------------------------------------------------------------- /packages/skip-link/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/skip-link/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/skip-link/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // skip-link module globals 5 | // Provide skip links to navigation and content. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/skip-link/src/sass/_module.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // skip-link module 3 | // Provide skip links to navigation and content. 4 | // 5 | // Content: 6 | // - Skip-to links 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @import '_globals.scss'; 11 | @import '_print.scss'; 12 | 13 | 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | // Skip-to links 16 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 17 | .au-skip-link { 18 | @include AU-fontgrid( md, nospace ); 19 | font-family: $AU-font; 20 | color: $AU-color-foreground-text; 21 | } 22 | 23 | .au-skip-link__link { 24 | @include AU-sronly; 25 | 26 | &:active, 27 | &:focus { 28 | @include AU-outline(); 29 | @include AU-space ( top, 1unit ); 30 | @include AU-space ( left, 1unit ); 31 | @include AU-space ( padding, 1.5unit ); 32 | clip: auto; 33 | height: auto; 34 | margin: 0; 35 | overflow: visible; 36 | position: absolute; 37 | width: auto; 38 | color: $AU-color-background; 39 | background-color: $AU-color-foreground-action; 40 | text-decoration: underline; 41 | text-decoration-skip-ink: auto; 42 | z-index: 600; 43 | } 44 | 45 | .au-body &:hover, 46 | &:hover { 47 | text-decoration: none; 48 | color: $AU-color-background; 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /packages/skip-link/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // skip-link module 3 | // Provide skip links to navigation and content. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-skip-link__link { 12 | background: #fff !important; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/skip-link/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/skip-link/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: skip-link 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 |
34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /packages/skip-link/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/skip-link/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .testing { 11 | border: 3px dashed hotpink; 12 | } 13 | -------------------------------------------------------------------------------- /packages/table/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | @gov.au/table CHANGELOG 2 | ====================== 3 | 4 | > Part of the [gov.au components](https://github.com/govau/design-system-components/) ecosystem. 5 | 6 | 7 | ## Contents 8 | 9 | * [Versions](#install) 10 | * [Release History](#release-history) 11 | 12 | 13 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 14 | 15 | 16 | ## Versions 17 | 18 | * [v0.2.1 - Update core package dependency to use the latest version](#v021) 19 | * [v0.2.0 - Refactor sass, first cell header option](#v020) 20 | * [v0.1.3 - Remove pancake js plugin from package json](#v013) 21 | * [v0.1.2 - Utilise the `font-variant` property for numeric table cells](#v012) 22 | * [v0.1.1 - Update font for numerical cells](#v011) 23 | * [v0.1.0 - 💥 Initial version](#v010) 24 | 25 | 26 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 27 | 28 | 29 | ## Release History 30 | 31 | ### v0.2.1 32 | 33 | - Update core package dependency to use the latest version 34 | 35 | 36 | ### v0.2.0 37 | 38 | - Refactor sass, first cell header option 39 | 40 | 41 | ### v0.1.3 42 | 43 | - Remove pancake js plugin from package json 44 | 45 | 46 | ### v0.1.2 47 | 48 | - Utilise the `font-variant` property for numeric table cells 49 | 50 | 51 | ### v0.1.1 52 | 53 | - Update font for numerical cells 54 | - Correct typos in readme and JSdoc for react caption component 55 | - Adjust colours slightly to match designs 56 | 57 | 58 | ### v0.1.0 59 | 60 | - 💥 Initial version 61 | 62 | 63 | **[⬆ back to top](#contents)** 64 | 65 | 66 | # }; 67 | -------------------------------------------------------------------------------- /packages/table/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/table/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/table/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // table module globals 5 | // Used to display tabular data 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | 26 | $AU-color-table-head-border: #BBB; 27 | $AU-color-table-row-border: #c0c0c0; 28 | $AU-color-table-row: #F2F2F2; 29 | -------------------------------------------------------------------------------- /packages/table/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // table module 3 | // Table includes styling for arranging data in rows and columns 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | } 12 | -------------------------------------------------------------------------------- /packages/table/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/table/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: table 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: table

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/table/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: { 16 | loader: 'babel-loader', 17 | options: { 18 | presets: ['@babel/preset-env', '@babel/preset-react'] 19 | } 20 | } 21 | }, 22 | { 23 | test: /\.(css)$/, 24 | use: 'css-loader' 25 | } 26 | ], 27 | }, 28 | }; 29 | -------------------------------------------------------------------------------- /packages/table/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../core/src/sass/_module.scss'; 6 | 7 | @import '../../../grid-12/src/sass/_module.scss'; 8 | 9 | @import '../../../buttons/src/sass/_module.scss'; 10 | 11 | @import '../../../tags/src/sass/_module.scss'; 12 | 13 | 14 | 15 | @import '../../../body/src/sass/_module.scss'; 16 | 17 | 18 | //styling all test files 19 | @import '../../../../.templates/test-assets/_style.scss'; 20 | 21 | .bold-cell { 22 | font-weight: bold; 23 | } 24 | -------------------------------------------------------------------------------- /packages/tags/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/tags/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/tags/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // tags module globals 5 | // Use tags to apply a taxonomy and link to similar content. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/tags/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Tags module 3 | // Use tags to apply a taxonomy and link to similar content. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-tag { 12 | color: #000 !important; 13 | border-color: #000 !important; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/tags/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/tags/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: tags 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: tags

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/tags/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/tags/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | 7 | //styling all test files 8 | @import '../../../../.templates/test-assets/_style.scss'; 9 | 10 | .au-tags + span { 11 | @include AU-space( margin-top, 1unit ); 12 | display: block; 13 | } 14 | 15 | .testing { 16 | border: 3px dashed hotpink; 17 | } 18 | -------------------------------------------------------------------------------- /packages/text-inputs/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Commonwealth of Australia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/text-inputs/src/sass/_dependencies.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../../core/src/sass/_module.scss'; 3 | 4 | //this module 5 | @import '_module.scss'; 6 | -------------------------------------------------------------------------------- /packages/text-inputs/src/sass/_globals.scss: -------------------------------------------------------------------------------- 1 | /*! [replace-name] v[replace-version] */ 2 | 3 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 | // text-inputs module globals 5 | // Single and multi-line text inputs. 6 | // 7 | // Content: 8 | // - Sass versioning 9 | // - Global variables: none so far 10 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 11 | 12 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 13 | // SASS VERSIONING 14 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 15 | $name: "[replace-name]"; 16 | $version: "[replace-version]"; 17 | $dependencies: ( 18 | [replace-dependencies] 19 | ); 20 | 21 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 22 | // GLOBAL VARIABLES 23 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 24 | 25 | // Boy it sure is quiet here. 26 | -------------------------------------------------------------------------------- /packages/text-inputs/src/sass/_print.scss: -------------------------------------------------------------------------------- 1 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 | // Text-inputs module 3 | // Single and multi-line text inputs. 4 | // 5 | // Content: 6 | // - print styles 7 | //-------------------------------------------------------------------------------------------------------------------------------------------------------------- 8 | 9 | 10 | @media print { 11 | .au-text-input { 12 | border-color: #000 !important; 13 | 14 | &[disabled] { 15 | color: $AU-color-foreground-muted !important; 16 | background-color: #ccc !important; 17 | border: 2px solid #ccc !important; 18 | } 19 | 20 | &:disabled { 21 | color: $AU-color-foreground-muted !important; 22 | background-color: #ccc !important; 23 | border: 2px solid #ccc !important; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /packages/text-inputs/tests/react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", "@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /packages/text-inputs/tests/react/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Test: text-input 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | ← back to the module index 34 | 35 |

React test: text-inputs

36 | 37 |
38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /packages/text-inputs/tests/react/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require( 'path' ); 2 | 3 | module.exports = { 4 | entry: './index.js', 5 | mode: 'development', 6 | output: { 7 | filename: './bundle.js', 8 | path: path.resolve( __dirname ) 9 | }, 10 | module: { 11 | rules: [ 12 | { 13 | test: /\.js$/, 14 | exclude: /node_modules/, 15 | use: 'babel-loader', 16 | }, 17 | ], 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /packages/text-inputs/tests/site/test.scss: -------------------------------------------------------------------------------- 1 | //dependencies 2 | @import '../../src/sass/_dependencies.scss'; 3 | 4 | //testing includes 5 | @import '../../../body/src/sass/_module.scss'; 6 | @import '../../../grid-12/src/sass/_module.scss'; 7 | @import '../../../buttons/src/sass/_module.scss'; 8 | @import '../../../select/src/sass/_module.scss'; 9 | 10 | //styling all test files 11 | @import '../../../../.templates/test-assets/_style.scss'; 12 | 13 | 14 | .no-a11y-test { 15 | display: none; 16 | } 17 | 18 | .height-test { 19 | position: relative; 20 | margin: 2em 0; 21 | padding: 0 2em; 22 | text-align: center; 23 | background-image: linear-gradient( 24 | 90deg, 25 | transparent 79px, 26 | transparent 79px, 27 | transparent 81px, 28 | transparent 81px 29 | ), linear-gradient( 30 | lighten( $AU-color-foreground-border, 30% ) .1em, 31 | transparent .1em 32 | ); 33 | background-size: 100% 4px; 34 | 35 | &:after { 36 | content: 'Alignment test'; 37 | position: absolute; 38 | left: 1em; 39 | top: -1em; 40 | font-family: $AU-font; 41 | } 42 | 43 | .no-a11y-test { 44 | display: inline; 45 | } 46 | } 47 | 48 | .testing { 49 | outline: 3px dashed hotpink; 50 | } 51 | 52 | .label { 53 | display: block; 54 | 55 | input + & { 56 | @include AU-space( margin-top, 0.5unit ); 57 | } 58 | } --------------------------------------------------------------------------------