{"_id":"@advancedco/design-system-workspace","name":"@advancedco/design-system-workspace","dist-tags":{"latest":"4.0.0"},"versions":{"4.0.0":{"name":"@advancedco/design-system-workspace","version":"4.0.0","scripts":{"ng":"ng","start":"ng serve","build":"ng build","dist":"npm run precommit && npm run build && npm run versionReminder","test":"ng test --reporters=spec --browsers ChromeHeadless","lint":"ng lint","format":"npx -p prettier -p pretty-quick pretty-quick","precommit":"npm run format && ng lint --fix && ng test --reporters=spec --watch=false --browsers ChromeHeadless","docs:json":"compodoc -p ./tsconfig.json -e json -d .","versionReminder":"node -e \"console.log('Did you remember to update the version number?')\""},"private":false,"dependencies":{"@angular/common":"^17.0.3","@angular/compiler":"^17.0.3","@angular/core":"^17.0.3","@angular/platform-browser":"^17.0.3","@angular/platform-browser-dynamic":"^17.0.3","@angular/router":"^17.0.3","marked":"^4.3.0","rxjs":"^7.8.1","subsink":"^1.0.2","tslib":"^2.6.2","zone.js":"~0.14.2"},"devDependencies":{"@angular-devkit/build-angular":"^17.0.1","@angular-eslint/builder":"^12.7.0","@angular-eslint/eslint-plugin":"^12.7.0","@angular-eslint/eslint-plugin-template":"^12.7.0","@angular-eslint/template-parser":"^12.7.0","@angular/cli":"^17.0.10","@angular/compiler-cli":"^17.0.3","@angular/forms":"^17.0.3","@types/jasmine":"^3.10.11","@types/jasminewd2":"^2.0.10","@types/marked":"^4.0.1","@types/node":"^12.20.19","@typescript-eslint/eslint-plugin":"^6.11.0","@typescript-eslint/parser":"^6.11.0","eslint":"^7.32.0","eslint-plugin-import":"^2.24.0","eslint-plugin-jsdoc":"^30.7.13","eslint-plugin-prefer-arrow":"^1.2.3","jasmine-core":"~3.8.0","jasmine-spec-reporter":"~5.0.0","karma":"^6.3.4","karma-chrome-launcher":"~3.1.0","karma-coverage":"^2.2.1","karma-jasmine":"~4.0.0","karma-jasmine-html-reporter":"^1.7.0","karma-spec-reporter":"0.0.32","ng-packagr":"^17.0.1","prettier":"^2.8.8","pretty-quick":"^3.1.3","ts-node":"~8.3.0","typescript":"~5.2.2"},"gitHead":"58848fff49fd7c6358ca9f0477be34a352bca7fa","description":"The design system used for Advanced products and services.","_id":"@advancedco/design-system-workspace@4.0.0","_nodeVersion":"20.11.1","_npmVersion":"9.1.2","dist":{"integrity":"sha512-wYpyeW6ActVQdvvAg2nMxx5xwtW24+SE2SUl2qjyv7cqD2b0NWQrIecr4F0CSso58s8KOIWSgFxiKlHNRTeSFg==","shasum":"0096dc521b671627fc881efd85af2e9da5970e15","tarball":"https://registry.npmjs.org/@advancedco/design-system-workspace/-/design-system-workspace-4.0.0.tgz","fileCount":157,"unpackedSize":170393,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCq+jEoyuUgWPVxTKBCC3eppq9XA6G3xU613NB+mnC8YwIgBKoOEafknj4iUaq/rFL8OBz8pUoVtSdsO1z+5/WRGKQ="}]},"_npmUser":{"name":"britson","email":"britson@advancedco.com"},"directories":{},"maintainers":[{"name":"britson","email":"britson@advancedco.com"},{"name":"michaeldunbar","email":"mdunbar@advancedco.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system-workspace_4.0.0_1709742885710_0.7260665092092669"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-06T16:34:45.608Z","4.0.0":"2024-03-06T16:34:45.879Z","modified":"2024-03-06T16:34:46.461Z"},"maintainers":[{"name":"britson","email":"britson@advancedco.com"},{"name":"michaeldunbar","email":"mdunbar@advancedco.com"}],"description":"The design system used for Advanced products and services.","readme":"# Advanced Design System\r\n\r\nThe design system used for Advanced products and services.\r\n\r\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli).\r\n\r\nWe recommend you create your own Angular project and use our foundations and elements as part of that. You can use the theme without Angular, if you wish, but you will require Sass.\r\n\r\n## Foundations\r\n\r\nOur design system [theme](https://design-system.advancedco.com/foundations) requires you to install the [fonts and icons](https://design-system.advancedco.com/typography) it uses separately.\r\n\r\nFor quick installation, simply place this in the head of your index.html file:\r\n\r\n```html\r\n<link href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700\" rel=\"stylesheet\" />\r\n<script src=\"https://kit.fontawesome.com/44397de72c.js\" crossorigin=\"anonymous\"></script>\r\n```\r\n\r\nYou'll find all the Sass files you need in the assets folder to use our [theme](https://design-system.advancedco.com/foundations).\r\n\r\nYou can use the entire theme directly in your own Sass files:\r\n\r\n```scss\r\n@use '~@advancedco/design-system/src/assets/styles/advanced';\r\n```\r\n\r\nor reference parts of it:\r\n\r\n```scss\r\n@use '~@advancedco/design-system/src/assets/styles/colours';\r\n\r\n.header {\r\n  background-color: colours.$advanced-red;\r\n}\r\n```\r\n\r\n## Elements and components\r\n\r\nHere's a list of all our available [elements](https://design-system.advancedco.com/elements).\r\n\r\nYou can use our available components directly from the library:\r\n\r\n```scss\r\nimport { BackLinkComponent } from '@advancedco/design-system';\r\n```\r\n\r\nYou can use our native HTML element styles directly from the theme:\r\n\r\n```scss\r\n@use '~@advancedco/design-system/src/assets/styles/elements/all-elements';\r\n```\r\n","readmeFilename":"README.md"}