{"id":13406247,"url":"https://github.com/primer/primitives","last_synced_at":"2026-04-15T01:00:58.386Z","repository":{"id":37269783,"uuid":"128270909","full_name":"primer/primitives","owner":"primer","description":"Color, typography, and spacing primitives in json.","archived":false,"fork":false,"pushed_at":"2026-04-13T14:50:47.000Z","size":497610,"stargazers_count":383,"open_issues_count":9,"forks_count":60,"subscribers_count":11,"default_branch":"main","last_synced_at":"2026-04-13T15:32:29.465Z","etag":null,"topics":["design-system","design-tokens","style-dictionary"],"latest_commit_sha":null,"homepage":"https://primer.style/primitives","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/primer.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2018-04-05T22:25:02.000Z","updated_at":"2026-04-13T10:06:19.000Z","dependencies_parsed_at":"2023-09-22T07:22:20.784Z","dependency_job_id":"5180c003-933e-4dc7-abbb-074f52956b38","html_url":"https://github.com/primer/primitives","commit_stats":{"total_commits":1616,"total_committers":34,"mean_commits":"47.529411764705884","dds":0.7339108910891089,"last_synced_commit":"6fa7c724de4b8adefefe330b52dcf4fc80a5df0c"},"previous_names":["primer/primer-primitives"],"tags_count":174,"template":false,"template_full_name":null,"purl":"pkg:github/primer/primitives","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fprimitives","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fprimitives/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fprimitives/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fprimitives/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/primer","download_url":"https://codeload.github.com/primer/primitives/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fprimitives/sbom","scorecard":{"id":745068,"data":{"date":"2025-08-11","repo":{"name":"github.com/primer/primitives","commit":"00ad9f156b4ceedb9fd7f18329632a26e1bdb932"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":5.4,"checks":[{"name":"Code-Review","score":8,"reason":"Found 16/19 approved changesets -- score normalized to 8","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":10,"reason":"19 commit(s) and 2 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql.yml:28","Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql.yml:29","Warn: jobLevel 'deployments' permission set to 'write': .github/workflows/deploy_preview.yml:27","Info: jobLevel 'pull-requests' permission set to 'read': .github/workflows/hasChanged.yml:36","Warn: no topLevel permission defined: .github/workflows/a11y-contrast.yml:1","Warn: no topLevel permission defined: .github/workflows/build_config.yml:1","Warn: no topLevel permission defined: .github/workflows/check_for_changeset.yml:1","Warn: no topLevel permission defined: .github/workflows/ci.yml:1","Warn: no topLevel permission defined: .github/workflows/codeql.yml:1","Warn: no topLevel permission defined: .github/workflows/consumer_test.yml:1","Info: topLevel 'contents' permission set to 'read': .github/workflows/deploy.yml:9","Warn: topLevel 'deployments' permission set to 'write': .github/workflows/deploy_preview.yml:10","Info: topLevel 'contents' permission set to 'read': .github/workflows/deploy_preview.yml:7","Warn: no topLevel permission defined: .github/workflows/diff-design-tokens.yml:1","Warn: no topLevel permission defined: .github/workflows/hasChanged.yml:1","Warn: no topLevel permission defined: .github/workflows/release.yml:1","Warn: no topLevel permission defined: .github/workflows/release_canary.yml:1","Warn: no topLevel permission defined: .github/workflows/release_candidate.yml:1","Warn: no topLevel permission defined: .github/workflows/release_tracking.yml:1","Warn: no topLevel permission defined: .github/workflows/token-schema-validation.yml:1","Warn: no topLevel permission defined: .github/workflows/update_visual_snapshots.yml:1","Warn: no topLevel permission defined: .github/workflows/visual_regression_test.yml:1"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Branch-Protection","score":4,"reason":"branch protection is not maximal on development and all release branches","details":["Info: 'allow deletion' disabled on branch 'main'","Info: 'force pushes' disabled on branch 'main'","Warn: 'branch protection settings apply to administrators' is disabled on branch 'main'","Warn: 'stale review dismissal' is disabled on branch 'main'","Warn: required approving review count is 1 on branch 'main'","Info: codeowner review is required on branch 'main'","Warn: 'last push approval' is disabled on branch 'main'","Warn: 'up-to-date branches' is disabled on branch 'main'","Info: status check found to merge onto on branch 'main'","Info: PRs are required in order to make changes on branch 'main'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":3,"reason":"dependency not pinned by hash detected -- score normalized to 3","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:161: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:87: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/a11y-contrast.yml:98: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/a11y-contrast.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build_config.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/build_config.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build_config.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/build_config.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/check_for_changeset.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/check_for_changeset.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/ci.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/ci.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/codeql.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/codeql.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/codeql.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/codeql.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/deploy.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy_preview.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/deploy_preview.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy_preview.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/deploy_preview.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy_preview.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/deploy_preview.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy_preview.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/deploy_preview.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:82: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:97: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:120: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:146: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/diff-design-tokens.yml:149: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/diff-design-tokens.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/hasChanged.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/hasChanged.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/hasChanged.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/hasChanged.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:85: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:93: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_canary.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_canary.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_canary.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_canary.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_canary.yml:53: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_canary.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_candidate.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_candidate.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_candidate.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_candidate.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_candidate.yml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_candidate.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release_candidate.yml:79: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_candidate.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release_tracking.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/release_tracking.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/token-schema-validation.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/token-schema-validation.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/token-schema-validation.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/token-schema-validation.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/token-schema-validation.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/token-schema-validation.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:68: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:73: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:78: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:87: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/update_visual_snapshots.yml:90: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/update_visual_snapshots.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:83: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/visual_regression_test.yml:93: update your workflow using https://app.stepsecurity.io/secureworkflow/primer/primitives/visual_regression_test.yml/main?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/build_config.yml:30","Warn: npmCommand not pinned by hash: .github/workflows/diff-design-tokens.yml:73","Warn: npmCommand not pinned by hash: .github/workflows/diff-design-tokens.yml:79","Info:   0 out of  53 GitHub-owned GitHubAction dependencies pinned","Info:   1 out of  14 third-party GitHubAction dependencies pinned","Info:  15 out of  18 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"SAST","score":10,"reason":"SAST tool is run on all commits","details":["Info: SAST configuration detected: CodeQL","Info: all commits (30) are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"10 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-xffm-g5w8-qvg7","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-22T18:28:37.467Z","repository_id":37269783,"created_at":"2025-08-22T18:28:37.467Z","updated_at":"2025-08-22T18:28:37.467Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31821685,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-system","design-tokens","style-dictionary"],"created_at":"2024-07-30T19:02:25.172Z","updated_at":"2026-04-15T01:00:58.311Z","avatar_url":"https://github.com/primer.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Primer Primitives\n\n[![npm package](https://img.shields.io/npm/v/@primer/primitives.svg?style=flat)](https://www.npmjs.com/package/@primer/primitives) [![Storybook](https://github.com/primer/primitives/actions/workflows/deploy.yml/badge.svg)](https://primer.style/primitives/storybook/) [![A11y contrast check](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml/badge.svg)](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml)\n\nThis repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.\n\n![primer primitives diagram showing how the package connects with other primer libraries](./readme-light.png#gh-light-mode-only)\n![primer primitives diagram showing how the package connects with other primer libraries](./readme-dark.png#gh-dark-mode-only)\n\n## Install\n\nThis repository is distributed on [npm][npm]. After [installing npm][install-npm], you can install `@primer/primitives` with this command.\n\n```sh\nnpm install --save @primer/primitives\n```\n\n## Usage\n\n[Storybook](https://primer.style/primitives/storybook) | [Docs](https://primer.style/foundations/primitives/getting-started)\n\nSee [Primitives documentation](https://primer.style/foundations/primitives/getting-started) for more information on theming and using CSS variables.\n\nData is served from the `dist/` folder:\n\n- `dist/css` contains CSS files with values available as CSS variables\n\nAll available imports:\n\n```css\n/* size/typography */\n@import '@primer/primitives/dist/css/base/size/size.css';\n@import '@primer/primitives/dist/css/base/typography/typography.css';\n@import '@primer/primitives/dist/css/functional/size/border.css';\n@import '@primer/primitives/dist/css/functional/size/breakpoints.css';\n@import '@primer/primitives/dist/css/functional/size/size.css';\n@import '@primer/primitives/dist/css/functional/size/viewport.css';\n@import '@primer/primitives/dist/css/functional/typography/typography.css';\n\n/* motion */\n@import '@primer/primitives/dist/css/base/motion/motion.css';\n\n/* color */\n@import '@primer/primitives/dist/css/functional/themes/light.css';\n@import '@primer/primitives/dist/css/functional/themes/light-tritanopia.css';\n@import '@primer/primitives/dist/css/functional/themes/light-high-contrast.css';\n@import '@primer/primitives/dist/css/functional/themes/light-colorblind.css';\n@import '@primer/primitives/dist/css/functional/themes/dark.css';\n@import '@primer/primitives/dist/css/functional/themes/dark-colorblind.css';\n@import '@primer/primitives/dist/css/functional/themes/dark-dimmed.css';\n@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast.css';\n@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia.css';\n```\n\n\u003e **Note:** Motion CSS imports are required for components with animations, such as `Spinner` from `@primer/react`. If you're experiencing issues with animated components appearing static, ensure you've imported the motion CSS files.\n\n## Design token data\n\nDesign token data is stored in the [src/tokens](./src/tokens/) directory. These tokens are compiled with [style dictionary](https://amzn.github.io/style-dictionary/#/) in [scripts/buildTokens.ts](./scripts/buildTokens.ts).\n\nTo make working with tokens easier, we added some additional functionality on top of what style dictionary comes with:\n\n### Extending and Overwriting\n\nWe have two main color modes: `light` and `dark`. Additionally we have specific accessibility modes based on those, such as `light high contrast`.\n\nWe added a way to create a mode by only including the changes from the main mode. We call this `overrides`.\n`Overrides` are created in `src/tokens/functional/color/[light|dark]/overrides/` and have to be added to [themes.config.ts](./scripts/themes.config.ts) to work.\nIn the individual files, e.g. `light.high-contrast.json5` you can now add tokens in the same structure as in any main file, e.g. `primitives-light.json5` to replace them.\n\n### Transforming Colors with Alpha and Mix\n\n#### Alpha\n\nYou can create color tokens that inherit a color but have a different alpha value by adding the `alpha` property.\n**Note:** The original alpha value will be replaced by your value. If you add `alpha: 0.4` to a color, it doesn't matter if the color you reference has no `alpha` or `alpha: 0.7`, the new token will always have newly the defined value of `alpha: 0.4`.\n\n```json5\n{\n  muted: {\n    $value: '{base.color.blue.3}',\n    alpha: 0.4, // the opacity value of the color === 40% opaque\n    $type: 'color',\n  },\n}\n```\n\n#### Extensions property\n\nAccording to the [w3c design token specs](https://design-tokens.github.io/community-group/format/#design-token), the [`$extensions`](https://design-tokens.github.io/community-group/format/#extensions) property is used for additional meta data.\n\nFor our Figma export we use the following meta data:\n\n- `collection` the collection that the token is added to within Figma\n- `mode` the mode that the token is added to within the collection in Figma\n- `scopes` the scopes that are assigned to the token in Figma, the actual Figma compatible `scopes` are retrieved from an object in the [figmaAttributes transformer](./src/transformers/figmaAttributes.ts)\n\nCode example\n\n```json5\n  bgColor: {\n    $value: '{borderColor.accent.muted}',\n    $type: 'color',\n    $extensions: {\n      'org.primer.figma': {\n        collection: 'pattern/mode',\n        mode: 'light',\n        scopes: ['bgColor'],\n      },\n    },\n  }\n```\n\n#### Token names and @-hack\n\nToken names have to be in camelCase or kebab-case and may only include letters, numbers and `-`. This is enforced by the token validation (`npm run lint:tokens`).\nThe only exception is the `@`-hack. This is used when you want to have a default value and sub-values, e.g. `bgColor.accent` and `bgColor.accent.muted`.\nIn this case you can create the following structure. The `@` will be removed from the name and act as the default value.\n\n```json5\n{\n  bgColor: {\n    accent: {\n      '@': {\n        // values for bgColor-accent (default)\n      },\n      muted: {\n        // values for bgColor-accent-muted\n      },\n    },\n  },\n}\n```\n\n## License\n\n[MIT](./LICENSE) \u0026copy; [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprimer%2Fprimitives","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprimer%2Fprimitives","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprimer%2Fprimitives/lists"}