Gathering detailed insights and metrics for @salesforce-ux/design-system
Gathering detailed insights and metrics for @salesforce-ux/design-system
Gathering detailed insights and metrics for @salesforce-ux/design-system
Gathering detailed insights and metrics for @salesforce-ux/design-system
npm install @salesforce-ux/design-system
Module System
Unable to determine the module system for this package.
Min. Node Version
Typescript Support
Node Version
NPM Version
3,571 Stars
10,960 Commits
827 Forks
187 Watching
13 Branches
80 Contributors
Updated on 24 Nov 2024
JavaScript (65.04%)
SCSS (22.2%)
MDX (12.28%)
Shell (0.32%)
HTML (0.09%)
Ruby (0.06%)
Cumulative downloads
Total Downloads
Last day
-46.7%
3,194
Compared to previous day
Last week
-29.3%
25,783
Compared to previous week
Last month
-27%
154,334
Compared to previous month
Last year
7.4%
1,961,907
Compared to previous year
1
Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX.
SLDS is...
This project utilizes Storybook for component development. If you would like to know more about Storybook or how it works, check out their website.
cd
into the project and run npm install
to install all project dependencies.The Storybook development environment can be started by running npm start
Whenever you add, remove, or alter a component's css annotation metadata, you'll need to restart Storybook to see those changes.
Node v14 is recommended for use with the Design System repository, and NVM is the recommended choice for managing multiple versions of Node on your computer.
A .nvmrc file is included in this project to aid in local development. To utilize it for setting your project's node version, run nvm use
in the root of the directory.
Additionally, you can set up a deeper shell integration for automatically invoking the nvmrc file when you change into the project directory by
following these instructions.
Once the development server is started with npm start
, you can load it at http://localhost:9002.
See the annotations guide.
npm start
Starts the Storybook server for local development.
npm run gulp -- lint
Lint the code base for syntax and stylistic errors.
# Lint indentation, Sass, JavaScript files
npm run gulp -- lint
# Lint languages independently
npm run gulp -- lint:sass
npm run gulp -- lint:javascript
npm run gulp -- lint:javascript:test
npm run gulp -- lint:spaces
npm run gulp -- lint:html
# HTML5 validation
npm run gulp -- lint:vnu
# HTML5 validation on comma separated blueprint names
npm run gulp -- lint:vnu --components button,path,trees
# a11y validation
npm run gulp -- lint:a11y
# a11y validation on comma separated blueprint names
npm run gulp -- lint:a11y --components button,path,trees
# Lint examples using vnu, aXe, slds validation, and HTML5 validation
npm run gulp -- lint:examples
To run all the checks a pull request will run in Travis use the following command.
# To run every check against all blueprints
npm run pr-checks
# To run every check but target certain blueprints for slow checks like aXe and vnu
npm run pr-checks -- --components button,path,trees
npm run build-dist
Generate the Lightning Design System into the .dist
directory.
npm run gulp -- styles
Compile Sass to CSS into .assets/styles
.
npm run gulp -- clean
Delete temporary build and local files.
npm run gulp -- styles:stats
: Useful stats about the project's deliverables.
npm test
: run all tests, except axe/a11y tests
npm run test:a11y
: run axe tests for accessibility violations
Results are saved into ./__tests__/a11y/results
.
npm release:site
: build and release the framework and site
Requires heroku access to build and release the site.
See the troubleshooting guide.
See the contributing guide.
Please open a new GitHub Issue.
No vulnerabilities found.
Reason
29 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 3
Details
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
branch protection not enabled on development/release branches
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no SAST tool detected
Details
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
98 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-07-01
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More