
Security News
/Research
npm Phishing Email Targets Developers with Typosquatted Domain
A phishing attack targeted developers using a typosquatted npm domain (npnjs.com) to steal credentials via fake login pages - watch out for similar scams.
@cmsgov/design-system
Advanced tools
This package contains the following design system assets:
npm install --save @cmsgov/design-system
The source files included are written in Sass (.scss
). You can add your node_modules
directory to your Sass includePaths
and import the file like this:
@import '@cmsgov/design-system/dist/scss/index';
or import the transpiled CSS:
@import '@cmsgov/design-system/dist/css/index';
Please view the documentation site for additional information.
Examples of the design system in use can be found in the examples
directory on GitHub.
Please submit an issue on GitHub for any bugs or feature requests.
You can also read our CONTRIBUTING.md document to learn about setting up a local development environment, contributing to the design system, and our coding guidelines.
The design system follows a variation of ITCSS (Inverted Triangle architecture for CSS). The goal is to write CSS in specificity order.
└── @cmsgov/design-system/dist
├── components/
│ └── index.js Compiled JS entry point (CommmonJS)
├── css/
│ ├── index.css Compiled CSS rules
│ └── core-theme.css Core-theme tokens as CSS variables
├── scss/
│ ├── core-theme.scss Sass version of core-theme tokens
│ ├── *-tokens.scss Copy of core-theme.scss for backwards compatability
├── fonts/
│ └── * Fonts referenced by the design system CSS
├── images/
│ └── * Images referenced by the design system CSS
├── {preact,react}-components/
│ ├── bundle/ Bundled version of JavaScript components
│ ├── cjs/ CommonJS compiled version of JavaScript components
│ ├── esm/ ES Modules compiled version of JavaScript components
│ └── types/ TypeScript definition files for JavaScript components
└── web-components
└── bundle/
├── all.js All web components bundled together (standalone file)
├── base.js Base code necessary for loading individual web component bundles
└── ds-*.js Individual web component bundles
FAQs
CMS Design System Sass/CSS and React assets
The npm package @cmsgov/design-system receives a total of 4,875 weekly downloads. As such, @cmsgov/design-system popularity was classified as popular.
We found that @cmsgov/design-system demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 53 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Research
A phishing attack targeted developers using a typosquatted npm domain (npnjs.com) to steal credentials via fake login pages - watch out for similar scams.
Security News
Knip hits 500 releases with v5.62.0, refining TypeScript config detection and updating plugins as monthly npm downloads approach 12M.
Security News
The EU Cyber Resilience Act is prompting compliance requests that open source maintainers may not be obligated or equipped to handle.