Repository: primer/css Branch: main Commit: 358707b2b70f Files: 277 Total size: 858.4 KB Directory structure: gitextract_l4nf6gy6/ ├── .changeset/ │ ├── README.md │ └── config.json ├── .github/ │ ├── CODEOWNERS │ ├── ISSUE_TEMPLATE/ │ │ ├── primer-bug-report.md │ │ ├── primer-feature-request.md │ │ └── style-guide-bug-report.md │ ├── dependabot.yml │ ├── pull_request_template.md │ ├── release_template.md │ └── workflows/ │ ├── axe.yml │ ├── ci.yml │ ├── codeql.yml │ ├── deploy_preview.yml │ ├── deploy_production.yml │ ├── release.yml │ ├── release_tracking.yml │ ├── stale.yml │ └── welcome.yml ├── .gitignore ├── .npmignore ├── .npmrc ├── .vercelignore ├── .vscode/ │ └── story-template.code-snippets ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── DEVELOP.md ├── LICENSE ├── README.md ├── RELEASING.md ├── __tests__/ │ ├── .eslintrc.json │ ├── build.test.js │ ├── css.test.js │ ├── docs.test.js │ └── utils/ │ ├── css.js │ └── docs.js ├── deprecations.js ├── docs/ │ ├── .babelrc │ ├── .eslintrc.json │ ├── .storybook/ │ │ ├── main.js │ │ ├── manager.js │ │ ├── preview-head.html │ │ ├── preview.css │ │ ├── preview.js │ │ ├── storybook.css │ │ └── theme.js │ ├── package.json │ ├── postcss.config.js │ ├── script/ │ │ └── build-storybook │ └── stories/ │ ├── Contributing.mdx │ ├── GettingStarted.mdx │ ├── Introduction.mdx │ ├── components/ │ │ └── Layout/ │ │ ├── AppFrame.stories.jsx │ │ ├── LayoutAlpha.stories.jsx │ │ ├── LayoutBeta.stories.jsx │ │ ├── PageLayout.stories.jsx │ │ ├── SplitPageLayout.stories.jsx │ │ ├── Stack.stories.jsx │ │ ├── StackExamples.stories.jsx │ │ └── StackFeatures.stories.jsx │ ├── deprecated-components/ │ │ ├── BoxOverlay/ │ │ │ ├── BoxOverlay.mdx │ │ │ └── BoxOverlay.stories.tsx │ │ ├── BranchName/ │ │ │ ├── BranchName.mdx │ │ │ └── BranchName.stories.tsx │ │ ├── Button/ │ │ │ ├── Button.mdx │ │ │ └── Button.stories.tsx │ │ ├── FilterList/ │ │ │ ├── FilterList.mdx │ │ │ └── FilterList.stories.tsx │ │ ├── Forms/ │ │ │ ├── Forms.mdx │ │ │ └── Forms.stories.tsx │ │ ├── Header/ │ │ │ ├── Header.mdx │ │ │ └── Header.stories.tsx │ │ ├── IssueLabel/ │ │ │ ├── IssueLabel.mdx │ │ │ └── IssueLabel.stories.tsx │ │ ├── Loaders/ │ │ │ ├── Loaders.mdx │ │ │ └── Loaders.stories.tsx │ │ ├── Markdown/ │ │ │ └── Markdown.stories.tsx │ │ ├── Marketing/ │ │ │ ├── Marketing.mdx │ │ │ └── Marketing.stories.tsx │ │ ├── Pagination/ │ │ │ ├── Pagination.mdx │ │ │ └── Pagination.stories.tsx │ │ ├── SelectMenu/ │ │ │ ├── SelectMenu.mdx │ │ │ └── SelectMenu.stories.tsx │ │ ├── SideNav/ │ │ │ ├── SideNav.mdx │ │ │ └── SideNav.stories.tsx │ │ ├── SubNav/ │ │ │ ├── SubNav.mdx │ │ │ └── SubNav.stories.tsx │ │ ├── Toast/ │ │ │ ├── Toast.mdx │ │ │ └── Toast.stories.tsx │ │ └── Tooltip/ │ │ ├── Tooltip.mdx │ │ └── Tooltip.stories.tsx │ ├── helpers/ │ │ └── pageLayoutBehavior.jsx │ ├── principles/ │ │ ├── Accessibility.mdx │ │ ├── HTML.mdx │ │ ├── Principles.mdx │ │ └── SCSS.mdx │ ├── support/ │ │ ├── Breakpoints.mdx │ │ ├── Deprecations.mdx │ │ ├── Linting.mdx │ │ ├── Prototyping.mdx │ │ ├── Spacing.mdx │ │ ├── Theming.mdx │ │ └── Typography.mdx │ └── utilities/ │ ├── Animation.stories.jsx │ ├── Border.stories.jsx │ ├── Color.stories.jsx │ ├── Details.stories.jsx │ ├── Flexbox.stories.jsx │ ├── Grid.stories.jsx │ ├── Layout.stories.jsx │ ├── Margin.stories.jsx │ ├── MarketingFilters.mdx │ ├── MarketingFilters.stories.jsx │ ├── MarketingLayout.mdx │ ├── MarketingLayout.stories.jsx │ ├── MarketingTypography.mdx │ ├── MarketingTypography.stories.jsx │ ├── Padding.stories.jsx │ ├── Shadow.stories.jsx │ └── Typography.stories.jsx ├── eslint.config.cjs ├── migrations/ │ ├── v16.md │ └── v18.md ├── package.json ├── postcss.config.cjs ├── prettier.config.cjs ├── script/ │ ├── .eslintrc.json │ ├── analyze-variables.js │ ├── axe-docs │ ├── build-css.js │ ├── build-docs │ ├── bundle-size-report.js │ ├── check-for-changeset │ ├── dist.js │ ├── prepublish │ ├── pretest │ ├── primer-css-compiler.js │ ├── selector-diff-report │ ├── stylelint-add-disables.js │ └── stylelint-remove-disables.js ├── src/ │ ├── autocomplete/ │ │ ├── README.md │ │ ├── index.scss │ │ └── suggester.scss │ ├── avatars/ │ │ ├── README.md │ │ ├── avatar-parent-child.scss │ │ ├── circle-badge.scss │ │ └── index.scss │ ├── base/ │ │ ├── README.md │ │ ├── base.scss │ │ ├── index.scss │ │ ├── kbd.scss │ │ ├── native-colors.scss │ │ ├── normalize.scss │ │ ├── octicons.scss │ │ └── typography-base.scss │ ├── box/ │ │ ├── README.md │ │ ├── box-overlay.scss │ │ └── index.scss │ ├── branch-name/ │ │ ├── README.md │ │ ├── branch-name.scss │ │ └── index.scss │ ├── buttons/ │ │ ├── README.md │ │ ├── button-group.scss │ │ ├── button.scss │ │ ├── index.scss │ │ └── misc.scss │ ├── color-modes/ │ │ ├── index.scss │ │ └── themes/ │ │ ├── dark.scss │ │ ├── dark_colorblind.scss │ │ ├── dark_dimmed.scss │ │ ├── dark_high_contrast.scss │ │ ├── dark_tritanopia.scss │ │ ├── light.scss │ │ ├── light_colorblind.scss │ │ ├── light_high_contrast.scss │ │ └── light_tritanopia.scss │ ├── core/ │ │ ├── README.md │ │ └── index.scss │ ├── deprecations.json │ ├── docs.scss │ ├── forms/ │ │ ├── README.md │ │ ├── form-control.scss │ │ ├── form-group.scss │ │ ├── form-select.scss │ │ ├── index.scss │ │ ├── input-group.scss │ │ └── radio-group.scss │ ├── header/ │ │ ├── README.md │ │ ├── header.scss │ │ └── index.scss │ ├── index.scss │ ├── labels/ │ │ ├── README.md │ │ ├── index.scss │ │ ├── issue-labels.scss │ │ └── mixins.scss │ ├── layout/ │ │ ├── README.md │ │ ├── app-frame.scss │ │ ├── container.scss │ │ ├── grid-offset.scss │ │ ├── grid.scss │ │ ├── index.scss │ │ ├── page-layout.scss │ │ └── stack.scss │ ├── loaders/ │ │ ├── README.md │ │ ├── index.scss │ │ └── loaders.scss │ ├── markdown/ │ │ ├── README.md │ │ ├── blob-csv.scss │ │ ├── code.scss │ │ ├── footnotes.scss │ │ ├── headings.scss │ │ ├── images.scss │ │ ├── index.scss │ │ ├── lists.scss │ │ ├── markdown-body.scss │ │ └── tables.scss │ ├── marketing/ │ │ ├── README.md │ │ ├── buttons/ │ │ │ ├── button.scss │ │ │ └── index.scss │ │ ├── index.scss │ │ ├── links/ │ │ │ ├── index.scss │ │ │ └── link.scss │ │ ├── support/ │ │ │ ├── index.scss │ │ │ └── variables.scss │ │ ├── type/ │ │ │ ├── index.scss │ │ │ └── typography.scss │ │ └── utilities/ │ │ ├── animations.scss │ │ ├── borders.scss │ │ ├── filters.scss │ │ ├── index.scss │ │ └── layout.scss │ ├── navigation/ │ │ ├── README.md │ │ ├── filter-list.scss │ │ ├── index.scss │ │ ├── sidenav.scss │ │ └── subnav.scss │ ├── pagination/ │ │ ├── README.md │ │ ├── index.scss │ │ └── pagination.scss │ ├── primitives/ │ │ ├── index.scss │ │ └── temp-typography-tokens.scss │ ├── product/ │ │ ├── README.md │ │ └── index.scss │ ├── select-menu/ │ │ ├── README.md │ │ ├── index.scss │ │ └── select-menu.scss │ ├── support/ │ │ ├── README.md │ │ ├── index.scss │ │ ├── mixins/ │ │ │ ├── color-modes.scss │ │ │ ├── layout.scss │ │ │ ├── misc.scss │ │ │ └── typography.scss │ │ └── variables/ │ │ ├── layout.scss │ │ ├── misc.scss │ │ └── typography.scss │ ├── table-object/ │ │ ├── index.scss │ │ └── table-object.scss │ ├── toasts/ │ │ ├── README.md │ │ ├── index.scss │ │ └── toasts.scss │ ├── tooltips/ │ │ ├── README.md │ │ ├── index.scss │ │ └── tooltips.scss │ └── utilities/ │ ├── README.md │ ├── animations.scss │ ├── borders.scss │ ├── box-shadow.scss │ ├── colors.scss │ ├── details.scss │ ├── flexbox.scss │ ├── index.scss │ ├── layout.scss │ ├── margin.scss │ ├── padding.scss │ ├── typography.scss │ └── visibility-display.scss └── stylelint.config.cjs ================================================ FILE CONTENTS ================================================ ================================================ FILE: .changeset/README.md ================================================ # Changesets Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works with multi-package repos, or single-package repos to help you version and publish your code. You can find the full documentation for it [in our repository](https://github.com/changesets/changesets) We have a quick list of common questions to get you started engaging with this project in [our documentation](https://github.com/changesets/changesets/blob/master/docs/common-questions.md) ================================================ FILE: .changeset/config.json ================================================ { "$schema": "https://unpkg.com/@changesets/config@1.5.0/schema.json", "changelog": ["@changesets/changelog-github", {"repo": "primer/css"}], "commit": false, "linked": [], "access": "public", "baseBranch": "main", "updateInternalDependencies": "patch", "ignore": [] } ================================================ FILE: .github/CODEOWNERS ================================================ * @primer/design-reviewers @primer/engineer-reviewers package.json @primer/design-reviewers @primer/engineer-reviewers package-lock.json @primer/design-reviewers @primer/engineer-reviewers ================================================ FILE: .github/ISSUE_TEMPLATE/primer-bug-report.md ================================================ --- name: Primer CSS bug report about: Create a report to help us improve Primer CSS --- **Describe the bug** A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] **Smartphone (please complete the following information):** - Device: [e.g. iPhone6] - OS: [e.g. iOS8.1] - Browser [e.g. stock browser, safari] - Version [e.g. 22] **Additional context** Add any other context about the problem here. ================================================ FILE: .github/ISSUE_TEMPLATE/primer-feature-request.md ================================================ --- name: Primer CSS feature request about: Suggest an idea for this project --- **Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] **Describe the solution you'd like** A clear and concise description of what you want to happen. **Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered. **Additional context** Add any other context or screenshots about the feature request here. ================================================ FILE: .github/ISSUE_TEMPLATE/style-guide-bug-report.md ================================================ --- name: Style guide bug report about: Create a report to help us improve --- **Describe the bug** A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] **Smartphone (please complete the following information):** - Device: [e.g. iPhone6] - OS: [e.g. iOS8.1] - Browser [e.g. stock browser, safari] - Version [e.g. 22] **Additional context** Add any other context about the problem here. ================================================ FILE: .github/dependabot.yml ================================================ # To get started with Dependabot version updates, you'll need to specify which # package ecosystems to update and where the package manifests are located. # Please see the documentation for all configuration options: # https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates version: 2 updates: # Maintain dependencies for GitHub Actions - package-ecosystem: "github-actions" directory: "/" schedule: interval: "daily" groups: all: patterns: - "*" # Maintain dependencies for npm - package-ecosystem: "npm" directory: "/" schedule: interval: "daily" groups: all: patterns: - "*" ================================================ FILE: .github/pull_request_template.md ================================================ ### What are you trying to accomplish? ### What approach did you choose and why? ### What should reviewers focus on? ### Can these changes ship as is? - [ ] Yes, this PR does not depend on additional changes. 🚢 ================================================ FILE: .github/release_template.md ================================================ Preparing for a release. ### Checklist Make sure these items are checked before merging. - [ ] Preview the docs change. - [ ] Preview npm release candidate. - [ ] CI passes on the release PR. ================================================ FILE: .github/workflows/axe.yml ================================================ name: axe on: push: branches: - main pull_request: branches: - main jobs: axe: runs-on: ubuntu-latest steps: - uses: actions/checkout@v6 with: fetch-depth: 0 - name: Get changed files id: changed-files uses: tj-actions/changed-files@e0021407031f5be11a464abee9a0776171c79891 with: files: | docs/content/components/**/*.md docs/content/utilities/**/*.md files_ignore: | docs/content/components/index.md docs/content/utilities/index.md - name: Save changed files run: | echo "STRING_OF_PATHS_WE_CARE_ABOUT=${{ steps.changed-files.outputs.all_changed_files }}" >> $GITHUB_ENV - name: Use Node.js if: steps.changed-files.outputs.any_changed == 'true' uses: actions/setup-node@v6 with: node-version: 20 cache: 'npm' - run: npm ci if: steps.changed-files.outputs.any_changed == 'true' - run: npm run dist if: steps.changed-files.outputs.any_changed == 'true' - name: Run docs site if: steps.changed-files.outputs.any_changed == 'true' run: | npm run dev & npx wait-on http://localhost:8000 - name: Run axe script if: steps.changed-files.outputs.any_changed == 'true' run: | script/axe-docs $STRING_OF_PATHS_WE_CARE_ABOUT ================================================ FILE: .github/workflows/ci.yml ================================================ name: CI on: push: branches: - main pull_request: jobs: stylelint: runs-on: ubuntu-latest steps: - uses: actions/checkout@v6 - uses: actions/setup-node@v6 with: node-version: 20 cache: 'npm' - run: npm ci - run: npm run dist - name: Lint source files run: npm run stylelint:fix - name: Push up any fixes if: ${{ github.event_name == 'pull_request' }} uses: stefanzweifel/git-auto-commit-action@v7 with: commit_message: Fixing stylelint issues commit_user_name: GitHub Design Engineering Bot commit_user_email: primer-css@users.noreply.github.com commit_author: primer-css file_pattern: src/**/*.scss eslint: runs-on: ubuntu-latest steps: - uses: actions/checkout@v6 - uses: actions/setup-node@v6 with: node-version: 20 cache: 'npm' - run: npm ci - name: Lint workflow files run: npm run eslint test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v6 - uses: actions/setup-node@v6 with: node-version: 20 cache: 'npm' - run: npm ci - name: Jest run: npm test ================================================ FILE: .github/workflows/codeql.yml ================================================ # For most projects, this workflow file will not need changing; you simply need # to commit it to your repository. # # You may wish to alter this file to override the set of languages analyzed, # or to provide custom queries or build logic. # # ******** NOTE ******** # We have attempted to detect the languages in your repository. Please check # the `language` matrix defined below to confirm you have the correct set of # supported CodeQL languages. # name: "CodeQL" on: push: branches: [ main, next_major ] pull_request: # The branches below must be a subset of the branches above branches: [ main ] schedule: - cron: '34 14 * * 0' jobs: analyze: name: Analyze runs-on: ubuntu-latest permissions: actions: read contents: read security-events: write strategy: fail-fast: false matrix: language: [ 'javascript' ] # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ] # Learn more about CodeQL language support at https://git.io/codeql-language-support steps: - name: Checkout repository uses: actions/checkout@v6 # Initializes the CodeQL tools for scanning. - name: Initialize CodeQL uses: github/codeql-action/init@v4 with: languages: ${{ matrix.language }} # If you wish to specify custom queries, you can do so here or in a config file. # By default, queries listed here will override any specified in a config file. # Prefix the list here with "+" to use these queries and those in the config file. # queries: ./path/to/local/query, your-org/your-repo/queries@main # Autobuild attempts to build any compiled languages (C/C++, C#, or Java). # If this step fails, then you should remove it and run the build manually (see below) - name: Autobuild uses: github/codeql-action/autobuild@v4 # ℹ️ Command-line programs to run using the OS shell. # 📚 https://git.io/JvXDl # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines # and modify them (or add more) to build your code if your project # uses a compiled language #- run: | # make bootstrap # make release - name: Perform CodeQL Analysis uses: github/codeql-action/analyze@v4 ================================================ FILE: .github/workflows/deploy_preview.yml ================================================ name: Deploy on: pull_request: permissions: contents: write pages: write id-token: write deployments: write issues: write statuses: write checks: write jobs: deploy: if: ${{ github.repository == 'primer/css' }} uses: primer/.github/.github/workflows/deploy_preview.yml@v2.4.0 name: Deploy preview secrets: gh_token: ${{ secrets.GITHUB_TOKEN }} with: node_version: 20 install: npm i && cd docs && npm i && cd .. build: npm run build:docs:preview output_dir: docs/public deploy-storybook: if: ${{ github.repository == 'primer/css' }} name: Preview Storybook runs-on: ubuntu-latest needs: deploy steps: - uses: actions/checkout@v6 - uses: chrnorm/deployment-action@v2.0.7 name: Create GitHub deployment for storybook id: storybook with: token: ${{ secrets.GITHUB_TOKEN }} environment: Storybook Preview environment_url: '${{ needs.deploy.outputs.deployment_url }}/storybook' - name: Update storybook deployment status (success) if: success() uses: chrnorm/deployment-status@v2.0.3 with: token: ${{ secrets.GITHUB_TOKEN }} environment-url: '${{ needs.deploy.outputs.deployment_url }}/storybook' state: 'success' deployment-id: ${{ steps.storybook.outputs.deployment_id }} - name: Update storybook deployment status (failure) if: failure() uses: chrnorm/deployment-status@v2.0.3 with: token: ${{ secrets.GITHUB_TOKEN }} state: 'failure' deployment-id: ${{ steps.storybook.outputs.deployment_id }} ================================================ FILE: .github/workflows/deploy_production.yml ================================================ name: Deploy on: push: branches: - 'main' workflow_dispatch: permissions: contents: write pages: write id-token: write deployments: write issues: write statuses: write checks: write jobs: guard: name: Guard runs-on: ubuntu-latest outputs: # To avoid deploying documentation for unrelease changes, we check the number of changeset files. # If it's 0, we deploy. should_deploy: ${{ steps.changeset-count.outputs.change_count == 0 }} steps: - uses: actions/checkout@v6 - id: changeset-count run: echo "::set-output name=change_count::$(ls .changeset/*.md | grep -v README | wc -l | xargs)" # Log changeset count for debugging purposes - name: Log changeset count run: echo ${{ steps.changeset-count.outputs.change_count }} # Log guard output for debugging purposes - name: Log guard output run: echo ${{ needs.guard.outputs.should_deploy }} deploy: if: ${{ github.repository == 'primer/css' }} name: Production needs: [guard] uses: primer/.github/.github/workflows/deploy.yml@v2.4.0 secrets: gh_token: ${{ secrets.GITHUB_TOKEN }} with: node_version: 20 install: npm i && cd docs && npm i && cd .. build: npm run build:docs output_dir: docs/public ================================================ FILE: .github/workflows/release.yml ================================================ name: Release on: push: concurrency: group: ${{ github.workflow }}-${{ github.ref }} cancel-in-progress: true permissions: id-token: write # Required for OIDC contents: read checks: write statuses: write jobs: release-main: name: Main if: ${{ github.repository == 'primer/css' && github.ref_name == 'main' }} runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v6 with: # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits fetch-depth: 0 persist-credentials: false - name: Set up Node.js uses: actions/setup-node@v6 with: node-version: 24 cache: 'npm' - name: Install dependencies run: npm ci - id: get-access-token uses: camertron/github-app-installation-auth-action@v1 with: app-id: ${{ vars.PRIMER_APP_ID_SHARED }} private-key: ${{ secrets.PRIMER_APP_PRIVATE_KEY_SHARED }} client-id: ${{ vars.PRIMER_APP_CLIENT_ID_SHARED }} client-secret: ${{ secrets.PRIMER_APP_CLIENT_SECRET_SHARED }} installation-id: ${{ vars.PRIMER_APP_INSTALLATION_ID_SHARED }} - name: Create release pull request or publish to npm id: changesets uses: changesets/action@master with: title: Release Tracking # This expects you to have a script called release which does a build for your packages and calls changeset publish publish: npm run release env: GITHUB_TOKEN: ${{ steps.get-access-token.outputs.access-token }} release-candidate: name: Candidate if: ${{ github.repository == 'primer/css' && github.ref_name == 'changeset-release/main' }} runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v6 with: # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits fetch-depth: 0 - name: Set up Node.js uses: actions/setup-node@v6 with: node-version: 24 cache: 'npm' - name: Install dependencies run: npm ci - name: Publish release candidate run: | version=$(jq -r .version package.json) echo "$( jq ".version = \"$(echo $version)-rc.$(git rev-parse --short HEAD)\"" package.json )" > package.json npm publish --tag next env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - name: Output candidate version number uses: actions/github-script@v8 with: script: | const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`) github.rest.repos.createCommitStatus({ owner: context.repo.owner, repo: context.repo.repo, sha: context.sha, state: 'success', context: `Published ${package.name}`, description: package.version, target_url: `https://unpkg.com/${package.name}@${package.version}/` }) - name: Upload versions json file uses: primer/.github/.github/actions/upload-versions@main release-canary: name: Canary if: ${{ github.repository == 'primer/css' && github.ref_name != 'main' && github.ref_name != 'changeset-release/main' }} uses: primer/.github/.github/workflows/release_canary.yml@v2.4.0 with: install: npm ci secrets: gh_token: ${{ secrets.GITHUB_TOKEN }} ================================================ FILE: .github/workflows/release_tracking.yml ================================================ name: Release Event Tracking # Measure a datadog event every time a release occurs on: pull_request: types: - closed - opened - reopened release: types: [published] jobs: release-tracking: name: Release Tracking uses: primer/.github/.github/workflows/release_tracking.yml@v2.4.0 secrets: datadog_api_key: ${{ secrets.DATADOG_API_KEY }} ================================================ FILE: .github/workflows/stale.yml ================================================ name: Stale on: schedule: - cron: '0 * * * *' jobs: stale: runs-on: ubuntu-latest steps: - uses: actions/stale@v10 with: # General settings days-before-stale: 60 days-before-close: 7 enable-statistics: true operations-per-run: 100 remove-stale-when-updated: true # PR specific settings delete-branch: true stale-pr-message: "Hi! This pull request has been marked as stale because it has been open with no activity for 60 days. You can comment on the pull request or remove the stale label to keep it open. If you do nothing, this pull request will be closed in 7 days." # Issue specific settings days-before-issue-stale: 180 stale-issue-message: "Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days." ================================================ FILE: .github/workflows/welcome.yml ================================================ name: Welcome on: pull_request: types: # On by default if you specify no types. - "opened" - "reopened" - "synchronize" # For `skip-label` only. - "labeled" - "unlabeled" jobs: release-template: if: ${{ github.head_ref == 'changeset-release/main' || github.head_ref == 'changeset-release/next_major' }} runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v6 - name: Set up Node.js uses: actions/setup-node@v6 with: node-version: 18.x cache: 'npm' - name: Get or Create Comment uses: actions/github-script@v8 with: github-token: ${{ secrets.GITHUB_TOKEN }} script: | const fs = require('fs') const body = await fs.readFileSync('.github/release_template.md', 'utf8') const result = await github.rest.issues.listComments({ issue_number: context.issue.number, owner: context.repo.owner, repo: context.repo.repo }); console.log(result.data) const primerComments = result.data.filter(c => c.user.login == 'github-actions[bot]') if (!primerComments.length) { await github.rest.issues.createComment({ issue_number: context.issue.number, owner: context.repo.owner, repo: context.repo.repo, body: body.replace('{{PR_AUTHOR}}', context.payload.sender.login) }) } check-for-changeset: name: Check for changeset runs-on: ubuntu-latest env: SKIP_LABEL: "skip changeset" steps: - if: "contains(github.event.pull_request.labels.*.name, 'skip changeset')" run: echo "passed"; exit 0; - if: "!contains(github.event.pull_request.labels.*.name, 'skip changeset')" uses: actions/checkout@v6 with: ref: ${{ github.event.pull_request.head.sha }} - if: "!contains(github.event.pull_request.labels.*.name, 'skip changeset')" name: "Check for changeset" run: script/check-for-changeset bundle-stats: needs: release-template runs-on: ubuntu-latest steps: - uses: actions/checkout@v6 - uses: actions/setup-node@v6 with: node-version: 18 cache: 'npm' - run: npm ci - run: npm run pretest - name: Reporting bundle sizes uses: primer/comment-token-update@main env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} GITHUB_USER: github-actions[bot] with: comment-token: 'bundle_table' script: | bundles=$(script/bundle-size-report.js) if [[ $bundles ]]; then echo "### Bundles with a size change since [latest release](https://github.com/primer/css/releases/latest)" echo "" echo "$bundles" fi - name: Reporting selector diffs uses: primer/comment-token-update@main env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} GITHUB_USER: github-actions[bot] with: comment-token: 'diff_report' script: | diff=$(script/selector-diff-report) if [[ $diff ]]; then echo "### Selectors added/removed since [latest release](https://github.com/primer/css/releases/latest)" echo "" echo "\`\`\`diff" echo "$diff" echo "\`\`\`" fi label-release: if: ${{ github.repository == 'primer/css' }} name: Semantic Version Label runs-on: ubuntu-latest steps: - uses: actions/github-script@v8 id: version-result with: github-token: "${{ secrets.GITHUB_TOKEN }}" result-encoding: string script: | const diff_url = context.payload.pull_request.diff_url const result = await github.request(diff_url) const match = [...result.data.matchAll(/^\+['"]@primer\/css['"]:\s(patch|minor|major)/mg)] if (match && match[0]) { return match[0][1] } - uses: actions/github-script@v8 env: RELEASE: ${{ steps.version-result.outputs.result }} with: github-token: ${{secrets.GITHUB_TOKEN}} script: | if (process.env.RELEASE == 'undefined') { return } const issue = await github.rest.issues.get({ owner: context.repo.owner, repo: context.repo.repo, issue_number: context.issue.number }) const currentLabels = issue.data.labels.map( l => l.name) const newLabel = `${process.env.RELEASE} release` if (!currentLabels.includes(newLabel)) { const otherReleaseLabels = currentLabels.filter( l => l.endsWith(' release')) if (otherReleaseLabels.length) { github.rest.issues.removeLabel({ issue_number: context.issue.number, owner: context.repo.owner, repo: context.repo.repo, name: [otherReleaseLabels] }) } github.rest.issues.addLabels({ issue_number: context.issue.number, owner: context.repo.owner, repo: context.repo.repo, labels: [newLabel] }) } ================================================ FILE: .gitignore ================================================ *.log *.tgz .DS_Store .cache/ .changelog/ .next/ .sass-cache .storybuild/ .stylelintcache _site dist/ docs/dist node_modules/ public/ searchIndex.js tmp yarn.lock ================================================ FILE: .npmignore ================================================ __tests__/ .changeset/ .github/ docs/ script/ # we ignore this because everything in src/ is copied out in script/prepublish src/ tmp/ docs.scss .* *.log vercel.json *.config.js ================================================ FILE: .npmrc ================================================ git-tag-version=false legacy-peer-deps=true no-audit=true no-fund=true ================================================ FILE: .vercelignore ================================================ .*.sw? .changelog/ dist/ docs/dist docs/public/ ================================================ FILE: .vscode/story-template.code-snippets ================================================ { "story-template": { "prefix": "story-template", "body": [ "import React from 'react'", "import clsx from 'clsx'", "// import { StoryTemplateName } from './OtherStoryFile.stories' // import stories for component compositions", "", "export default {", " title: 'Components/ComponentName',", " excludeStories: ['ComponentTemplateName'],", " layout: 'padded',", " argTypes: {", " booleanExample: {", " control: {type: 'boolean'},", " description: 'true/false toggle to controls',", " table: {", " category: 'Pick one: CSS, HTML, Interactive'", " }", " },", " radioExample: {", " options: ['string1', 'string2', 'string3', 'string4'],", " control: {", " type: 'inline-radio',", " },", " description: 'radio buttons mapping to strings (example: use for variant class names)',", " table: {", " category: 'Pick one: CSS, HTML, Interactive'", " }", " },", " stringExample: {", " name: 'stringExample',", " type: 'string',", " description: 'text box control',", " table: {", " category: 'Pick one: CSS, HTML, Interactive'", " }", " },", " children: {", " description: 'creates a slot for children',", " table: {", " category: 'HTML'", " }", " }", " }", "}", "", "// build every component case here in the template (private api)", "export const ComponentTemplateName = ({booleanExample, radioExample, stringExample, children}) => (", " ", " {/* use {children} for wrapper component templates */}", " <>", " {stringExample}", " {children}", " ", " ", ")", "", "// create a \"playground\" demo page that may set some defaults and allow story to access component controls", "export const Playground = ComponentTemplateName.bind({})", "Playground.args = {", " stringExample: 'Default text',", " booleanExample: false", " // children: (", " // <>", " // ", " // ", " // )", "}", "" ], "description": "Basic component story jsx template" } } ================================================ FILE: CHANGELOG.md ================================================ # @primer/css ## 22.1.1 ### Patch Changes - [#3012](https://github.com/primer/css/pull/3012) [`31df244`](https://github.com/primer/css/commit/31df2449f00048c949811b4b4dbe51665567811c) Thanks [@francinelucca](https://github.com/francinelucca)! - Add max-width to kbd styles - [#2811](https://github.com/primer/css/pull/2811) [`0de15b2`](https://github.com/primer/css/commit/0de15b2e32a741908a4a8d1e8126a891b3d74e07) Thanks [@FloEdelmann](https://github.com/FloEdelmann)! - Reduce spacing between consecutive `
` elements ## 22.1.0 ### Minor Changes - [#2907](https://github.com/primer/css/pull/2907) [`67109bd`](https://github.com/primer/css/commit/67109bda0dcd7e191c3071f5eb58006fdbe4e3c8) Thanks [@langermank](https://github.com/langermank)! - Change `contrast` input background to `bgColor-default` ## 22.0.2 ### Patch Changes - [#2866](https://github.com/primer/css/pull/2866) [`d43c856`](https://github.com/primer/css/commit/d43c85624326770d91e8239c0c5e6693700e4481) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Update @primer/primitives peerDependencies to 10.x || 11.x - [#2871](https://github.com/primer/css/pull/2871) [`0d2eb58`](https://github.com/primer/css/commit/0d2eb58fbf18092c2ef4ba252522fea98a6aaa1f) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Add default font weight (--base-text-weight-normal, 400) to body ## 22.0.1 ### Patch Changes - [#2864](https://github.com/primer/css/pull/2864) [`0311c08`](https://github.com/primer/css/commit/0311c0849cdfc0fcb18ee0ed96ce2a3ba5c136d6) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Add --fontStack-sansSerif to $body-font variable ## 22.0.0 ### Major Changes - [#2789](https://github.com/primer/css/pull/2789) [`4113637`](https://github.com/primer/css/commit/4113637b3bb60cad1e2dca82e70d92ad05694399) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove @primer/view-components imports for styles moved to primer/view_components ## 21.5.1 ### Patch Changes - [#2727](https://github.com/primer/css/pull/2727) [`7d4cd40`](https://github.com/primer/css/commit/7d4cd4061a0ffb70355944d33ea49883819da26a) Thanks [@kawakamimoeki](https://github.com/kawakamimoeki)! - Removed .css extension from @import and modified @primer/primitives to be output as Sass code. - [#2728](https://github.com/primer/css/pull/2728) [`7eaba91`](https://github.com/primer/css/commit/7eaba91768f8e31cf6b0c5538230ce2d04e9bfec) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Update primer/primitives to allow for version 9 and 10 - [#2680](https://github.com/primer/css/pull/2680) [`1eb467e`](https://github.com/primer/css/commit/1eb467e9edb3d9ddb84c47bfbf9a21cb9950bf06) Thanks [@robinwhittleton](https://github.com/robinwhittleton)! - Use tabular numbers in tables ## 21.5.0 ### Minor Changes - [#2724](https://github.com/primer/css/pull/2724) [`30d144b`](https://github.com/primer/css/commit/30d144b507d75e5b5ef6d4ec156978acaeb9fad4) Thanks [@camertron](https://github.com/camertron)! - Move prod @primer/\* dependencies to dev ## 21.4.0 ### Minor Changes - [#2691](https://github.com/primer/css/pull/2691) [`5097430`](https://github.com/primer/css/commit/50974300dfe8cf636e1b15b5fbd5b0dc5adf4f2e) Thanks [@dylanatsmith](https://github.com/dylanatsmith)! - Remove background behind images in markdown-body ### Patch Changes - [#2710](https://github.com/primer/css/pull/2710) [`3017831`](https://github.com/primer/css/commit/30178319550ecbf318ecbfa36675c80b6e95e3ba) Thanks [@smockle](https://github.com/smockle)! - Replace deprecated CSS properties in '.sr-only' ## 21.3.6 ### Patch Changes - [#2624](https://github.com/primer/css/pull/2624) [`7e62532`](https://github.com/primer/css/commit/7e6253292c3de10a1f333cfc4e6e3216e6a53ab8) Thanks [@sideshowbarker](https://github.com/sideshowbarker)! - drop “display: none” from details element contents styling ## 21.3.5 ### Patch Changes - [#2657](https://github.com/primer/css/pull/2657) [`b87c379`](https://github.com/primer/css/commit/b87c3796fbb7b2127c98e3fda086f9f1cfd8bc9b) Thanks [@jonrohan](https://github.com/jonrohan)! - Import `primitives/index.scss` in the main `primer.css` file. ## 21.3.4 ### Patch Changes - [#2651](https://github.com/primer/css/pull/2651) [`e329973`](https://github.com/primer/css/commit/e329973d4d788b8b6d2688a907f88c8458b6db7a) Thanks [@jonrohan](https://github.com/jonrohan)! - Bug fix: Removing complex padding calc on kbd ## 21.3.3 ### Patch Changes - [#2644](https://github.com/primer/css/pull/2644) [`eba2b2c`](https://github.com/primer/css/commit/eba2b2c157efc2e16a7bf36db0882c6f330b7bd4) Thanks [@camertron](https://github.com/camertron)! - Fix 'clac' -> 'calc' typo ## 21.3.2 ### Patch Changes - [#2643](https://github.com/primer/css/pull/2643) [`ab6076c`](https://github.com/primer/css/commit/ab6076c62bac967d5d0c805744e50cc8d73d4171) Thanks [@langermank](https://github.com/langermank)! - Use `control` borders for subnav + disabled button fix - [#2634](https://github.com/primer/css/pull/2634) [`af3ab76`](https://github.com/primer/css/commit/af3ab76454fd3045315082a14cdc5bdfcabd860a) Thanks [@jonrohan](https://github.com/jonrohan)! - Upgrade to @primer/primtives@8.2.0 and @primer/stylelint-config@13.0.0-rc ## 21.3.1 ### Patch Changes - [#2613](https://github.com/primer/css/pull/2613) [`2eabfde`](https://github.com/primer/css/commit/2eabfdea85667c041e86e13376f1d2823b64fcb1) Thanks [@stamat](https://github.com/stamat)! - removing !important from letter-spacing marketing typography - [#2611](https://github.com/primer/css/pull/2611) [`e867934`](https://github.com/primer/css/commit/e8679348ca29c85b470a6b04a821d7143d4acf16) Thanks [@keithamus](https://github.com/keithamus)! - drop !important from details styling ## 21.3.0 ### Minor Changes - [#2598](https://github.com/primer/css/pull/2598) [`434fcac`](https://github.com/primer/css/commit/434fcac6c296ddd3155945420f785a6b48eb693c) Thanks [@langermank](https://github.com/langermank)! - Remove marketing icon variables - [#2596](https://github.com/primer/css/pull/2596) [`9896c79`](https://github.com/primer/css/commit/9896c79a846cbaa633d21573be252b8e4812e79d) Thanks [@jonrohan](https://github.com/jonrohan)! - Move native color styles from the color-modes bundle to the base bundle ### Patch Changes - [#2606](https://github.com/primer/css/pull/2606) [`a03827b`](https://github.com/primer/css/commit/a03827b0a0c76c6df8d15d04ea2ec7976799cc92) Thanks [@langermank](https://github.com/langermank)! - Cleanup old Primitive imports ## 21.2.2 ### Patch Changes - [#2590](https://github.com/primer/css/pull/2590) [`d75a512`](https://github.com/primer/css/commit/d75a512298f087e49cac1787fd131501cc308f07) Thanks [@langermank](https://github.com/langermank)! - Use legacy shadow for all floating shadows ## 21.2.1 ### Patch Changes - [#2581](https://github.com/primer/css/pull/2581) [`5d8a030`](https://github.com/primer/css/commit/5d8a030319fa64c99f0d3bed85079884d7086474) Thanks [@langermank](https://github.com/langermank)! - Update shadow utils - [#2588](https://github.com/primer/css/pull/2588) [`7a25839`](https://github.com/primer/css/commit/7a2583942001decfa3d8172833a5f6b55469c56b) Thanks [@langermank](https://github.com/langermank)! - Bump Primitives + fix selectmenu box-shadow ## 21.2.0 ### Minor Changes - [#2532](https://github.com/primer/css/pull/2532) [`51666ea3`](https://github.com/primer/css/commit/51666ea3b4a00239ff60e420782b5b647484b264) Thanks [@langermank](https://github.com/langermank)! - Tooltip visual refresh ### Patch Changes - [#2566](https://github.com/primer/css/pull/2566) [`407c5676`](https://github.com/primer/css/commit/407c5676d61985d9061adb77ed2de5bfcc0312ec) Thanks [@langermank](https://github.com/langermank)! - Add `monospace` CSS var to global scss var ## 21.1.1 ### Patch Changes - [#2563](https://github.com/primer/css/pull/2563) [`41952457`](https://github.com/primer/css/commit/4195245722defddf9563fe32b0cbe5c9ae5d42d4) Thanks [@langermank](https://github.com/langermank)! - fix backdrop selector - [#2564](https://github.com/primer/css/pull/2564) [`8757be58`](https://github.com/primer/css/commit/8757be584db2ddda8153566dc1906451832d3833) Thanks [@langermank](https://github.com/langermank)! - Add new color utility classes ## 21.1.0 ### Minor Changes - [#2554](https://github.com/primer/css/pull/2554) [`f0b0d208`](https://github.com/primer/css/commit/f0b0d208cf04cbf77bfc46b40d65d5f53b109aaa) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove primitives css tokens import from support package ## 21.0.10 ### Patch Changes - [#2549](https://github.com/primer/css/pull/2549) [`df764e1a`](https://github.com/primer/css/commit/df764e1a617d13af34d97bd7b4f06b8a478facd2) Thanks [@keithamus](https://github.com/keithamus)! - Fix styles for ::backdrop ## 21.0.9 ### Patch Changes - [#2520](https://github.com/primer/css/pull/2520) [`7e2622fe`](https://github.com/primer/css/commit/7e2622fe9679969dd195438f5dd7108d2e8991c5) Thanks [@langermank](https://github.com/langermank)! - Use `control` border on default btn in an input group ## 21.0.8 ### Patch Changes - [#2510](https://github.com/primer/css/pull/2510) [`49e81506`](https://github.com/primer/css/commit/49e81506a99bd83c05a8459a49f1fd3ae60da20b) Thanks [@langermank](https://github.com/langermank)! - Use `control` tokens for legacy form CSS border-color - [#2508](https://github.com/primer/css/pull/2508) [`a8b1bed2`](https://github.com/primer/css/commit/a8b1bed2ead5824fb6332f61c6728f324b51d32c) Thanks [@langermank](https://github.com/langermank)! - Bump Primitive v7.12.0 - [#2443](https://github.com/primer/css/pull/2443) [`e1b3f4f4`](https://github.com/primer/css/commit/e1b3f4f4bd041c6858b275142b8321c383c6aa54) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove yarn in favor of npm ## 21.0.7 ### Patch Changes - [#2472](https://github.com/primer/css/pull/2472) [`3ee117e1`](https://github.com/primer/css/commit/3ee117e1bd67675a5bdc2739bbe4d05f4e297c30) Thanks [@simurai](https://github.com/simurai)! - Add `::selection` to `color-mode-theme()` mixin ## 21.0.6 ### Patch Changes - [#2470](https://github.com/primer/css/pull/2470) [`03e1a26c`](https://github.com/primer/css/commit/03e1a26c0d4fcc85450998f0f1f8120a1db48acc) Thanks [@langermank](https://github.com/langermank)! - Revert #2461 default selection color ## 21.0.5 ### Patch Changes - [#2468](https://github.com/primer/css/pull/2468) [`c6d5d1df`](https://github.com/primer/css/commit/c6d5d1dfd3eafe44197ddc262f605dc5373437ac) Thanks [@keithamus](https://github.com/keithamus)! - Fix bug with `color-mode` mixin not applying correctly due to `::selection` ## 21.0.4 ### Patch Changes - [#2466](https://github.com/primer/css/pull/2466) [`92047014`](https://github.com/primer/css/commit/9204701416b547255a1ebaeb2bd8a20056ffb8d4) Thanks [@langermank](https://github.com/langermank)! - Use `@primer/primitives` v8 colors with fallbacks ## 21.0.3 ### Patch Changes - [#2461](https://github.com/primer/css/pull/2461) [`abc89659`](https://github.com/primer/css/commit/abc8965913313bbb969db9e1148fb5add9327ec9) Thanks [@langermank](https://github.com/langermank)! - Add default `::selection` color - [#2410](https://github.com/primer/css/pull/2410) [`344224fc`](https://github.com/primer/css/commit/344224fccdef2f3a37ed931c512e400b47301ea2) Thanks [@dylanatsmith](https://github.com/dylanatsmith)! - Add width utility to limit line length for readability - [#2457](https://github.com/primer/css/pull/2457) [`352ed7b7`](https://github.com/primer/css/commit/352ed7b75585c686c996a5e7c2c29e20e41d0672) Thanks [@langermank](https://github.com/langermank)! - Add new PostCSS fallback config ## 21.0.2 ### Patch Changes - [#2439](https://github.com/primer/css/pull/2439) [`fe17ba05`](https://github.com/primer/css/commit/fe17ba05ac4372fb1d49edc08c8c036c2da54dce) Thanks [@langermank](https://github.com/langermank)! - Bump primitives v7.11.10 - [#2437](https://github.com/primer/css/pull/2437) [`616c8935`](https://github.com/primer/css/commit/616c89354bf8571488674b44f431361d66e9eae3) Thanks [@langermank](https://github.com/langermank)! - Add `::selection` to root color vars - [#2438](https://github.com/primer/css/pull/2438) [`abdb3a93`](https://github.com/primer/css/commit/abdb3a93f10705472cea773473eb3ada6b918d31) Thanks [@langermank](https://github.com/langermank)! - Add utility typography CSS vars to main bundle - [#2426](https://github.com/primer/css/pull/2426) [`713d9a59`](https://github.com/primer/css/commit/713d9a5921e565baf39fe522dfa73eb603b850e2) Thanks [@langermank](https://github.com/langermank)! - Add `mktg` CSS vars to PCSS - [#2430](https://github.com/primer/css/pull/2430) [`c415172f`](https://github.com/primer/css/commit/c415172fca56a7f22d21f66a79e49da7dd443f96) Thanks [@langermank](https://github.com/langermank)! - Remove duplicate `font-weight` fallbacks from utilities ## 21.0.1 ### Patch Changes - [#2421](https://github.com/primer/css/pull/2421) [`7dfcb0c5`](https://github.com/primer/css/commit/7dfcb0c595881439c15a38389168272da5aab59d) Thanks [@simurai](https://github.com/simurai)! - Bump @primer/primitives to `7.11.5` - [#2404](https://github.com/primer/css/pull/2404) [`ae9d71b1`](https://github.com/primer/css/commit/ae9d71b117bf37e8f618db4474efd87c75a2f531) Thanks [@langermank](https://github.com/langermank)! - Add `font-size` to `html` tag to make rem units "safe" - [#2418](https://github.com/primer/css/pull/2418) [`bce38dee`](https://github.com/primer/css/commit/bce38dee01027c6ac6dd3dbcec644eec153fd2ba) Thanks [@simurai](https://github.com/simurai)! - Make list type selector case sensitive - [#2425](https://github.com/primer/css/pull/2425) [`718f1aa6`](https://github.com/primer/css/commit/718f1aa6a6f8b5823e55b6b2616a729f59392e83) Thanks [@langermank](https://github.com/langermank)! - - Bump primitives to v7.11.7 - Update size tokens to Primitives pre-v8 release ## 21.0.0 ### Major Changes - [#2403](https://github.com/primer/css/pull/2403) [`256affcf`](https://github.com/primer/css/commit/256affcf3404c97d3db199a0b3cf32d3b864627c) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - ## Removed DiffStat component - the diffStat component is removed from primer/css - the component is very specific to this use-case, it is not generic enough to be part of the primer design system and was thus chosen for removal - the component will be added to the github codebase directly so that it is still available - if you are working within github.com you should be ale to use diffStat just like before. On other projects you will need to copy the diffStat code and add it to your codebase - [#2402](https://github.com/primer/css/pull/2402) [`c6e214b7`](https://github.com/primer/css/commit/c6e214b75b5a25d3ebb7f41ca922c93d395ac109) Thanks [@simurai](https://github.com/simurai)! - Remove `form-validation` styles - [#2405](https://github.com/primer/css/pull/2405) [`85f31cc8`](https://github.com/primer/css/commit/85f31cc8f8d4423a712fda166421eb0ac7d6d562) Thanks [@simurai](https://github.com/simurai)! - Remove `ActionList` ### Patch Changes - [#2407](https://github.com/primer/css/pull/2407) [`607337cc`](https://github.com/primer/css/commit/607337cce57e59c7bee00486b63fa43ce845aff2) Thanks [@simurai](https://github.com/simurai)! - Bump @primer/primitives to `7.11.2` - [#2409](https://github.com/primer/css/pull/2409) [`cf38a932`](https://github.com/primer/css/commit/cf38a932e76e00a8c83c351bbb5f1ae23649d1b4) Thanks [@simurai](https://github.com/simurai)! - Bump @primer/primitives to `7.11.3` - [#2391](https://github.com/primer/css/pull/2391) [`95ab0d0f`](https://github.com/primer/css/commit/95ab0d0f48fde360a9f0b0f6a8af0323b3e891da) Thanks [@simurai](https://github.com/simurai)! - Prevent `.show-on-focus` to change width/height ## 20.8.3 ### Patch Changes - [#2390](https://github.com/primer/css/pull/2390) [`73ae8ec4`](https://github.com/primer/css/commit/73ae8ec45bc7d92ecfe58226d233176856f7bca9) Thanks [@simurai](https://github.com/simurai)! - Remove `autocheck` + `status-indicator` styles - [#2388](https://github.com/primer/css/pull/2388) [`3ceb1964`](https://github.com/primer/css/commit/3ceb19648b651f2a5b2f571d066aa895af8f443e) Thanks [@arelia](https://github.com/arelia)! - update default for flex wrap styles - [#2378](https://github.com/primer/css/pull/2378) [`55f35e1d`](https://github.com/primer/css/commit/55f35e1d0fc9a441f14f29b61ac5fbefbf3c4884) Thanks [@simurai](https://github.com/simurai)! - Fix code block color inside a `
` - [#2386](https://github.com/primer/css/pull/2386) [`1b53e23e`](https://github.com/primer/css/commit/1b53e23ed39fc2c001b07d810ebe516f2957f325) Thanks [@josepmartins](https://github.com/josepmartins)! - Add responsive `border-radius` story ## 20.8.2 ### Patch Changes - [#2380](https://github.com/primer/css/pull/2380) [`3010e199`](https://github.com/primer/css/commit/3010e199bb5068838eb46e73e748d1e5e2f0143c) Thanks [@langermank](https://github.com/langermank)! - Bump Primitives v7.11.1 ## 20.8.1 ### Patch Changes - [#2365](https://github.com/primer/css/pull/2365) [`4b94fbb7`](https://github.com/primer/css/commit/4b94fbb759e163abb9495777973b5a6e700769f7) Thanks [@jackbrewer](https://github.com/jackbrewer)! - Remove trailing margin from last-child within a markdown table cell - [#2351](https://github.com/primer/css/pull/2351) [`1b6694c4`](https://github.com/primer/css/commit/1b6694c40903eae4e107cd9d59faf5020a42f944) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating to primer view components 0.0.117 ## 20.8.0 ### Minor Changes - [`d7a4c343`](https://github.com/primer/css/commit/d7a4c343ab1bc0d7f55ff85d735c93d9825419ae) Thanks [@jonrohan](https://github.com/jonrohan)! - Importing more styles from Primer View Components - https://github.com/primer/view_components/pull/1587 - https://github.com/primer/view_components/pull/1590 - https://github.com/primer/view_components/pull/1592 - https://github.com/primer/view_components/pull/1593 - https://github.com/primer/view_components/pull/1594 - https://github.com/primer/view_components/pull/1598 - https://github.com/primer/view_components/pull/1599 - https://github.com/primer/view_components/pull/1600 - https://github.com/primer/view_components/pull/1601 - https://github.com/primer/view_components/pull/1607 - https://github.com/primer/view_components/pull/1609 - https://github.com/primer/view_components/pull/1618 - https://github.com/primer/view_components/pull/1626 - [#2318](https://github.com/primer/css/pull/2318) [`aee4b6f5`](https://github.com/primer/css/commit/aee4b6f571d88f391fcf98170857c4eed7b1ae82) Thanks [@jonrohan](https://github.com/jonrohan)! - Import blankslate styles from primer/view-components ### Patch Changes - [#2309](https://github.com/primer/css/pull/2309) [`f76e7858`](https://github.com/primer/css/commit/f76e785807d9c9c64530201f858798e67668afe2) Thanks [@jdanyow](https://github.com/jdanyow)! - Use `--color-fg-default` for `mark` - [#2330](https://github.com/primer/css/pull/2330) [`83250f82`](https://github.com/primer/css/commit/83250f82751092cc9ad3a8fb46262a0f0f2a3a96) Thanks [@stevenlaidlaw](https://github.com/stevenlaidlaw)! - Fix collapsing spaces within inline code blocks - [#2327](https://github.com/primer/css/pull/2327) [`8cf13e98`](https://github.com/primer/css/commit/8cf13e984ca27a286a706fd2b7243980d3de7985) Thanks [@simurai](https://github.com/simurai)! - Move `fieldset` + `label` styles to `base.scss` - [#2340](https://github.com/primer/css/pull/2340) [`ecbcbb1b`](https://github.com/primer/css/commit/ecbcbb1b04e72fc2006be7ea8211aae0732d3530) Thanks [@simurai](https://github.com/simurai)! - Import `Layout` from PVC ## 20.7.1 ### Patch Changes - [#2322](https://github.com/primer/css/pull/2322) [`1259ddd4`](https://github.com/primer/css/commit/1259ddd408a415a74b740992a8d64197b48bf1f4) Thanks [@langermank](https://github.com/langermank)! - Use correct weight token for typography utilities ## 20.7.0 ### Minor Changes - [#2311](https://github.com/primer/css/pull/2311) [`3b397d98`](https://github.com/primer/css/commit/3b397d985c23592d0e18d14fe75d71ea7572aa18) Thanks [@langermank](https://github.com/langermank)! - [WIP] Convert margin utilities to rem units with fallbacks - [`46016601`](https://github.com/primer/css/commit/46016601e89d8b777e06dc7d6cd4a272dba17f7d) Thanks [@langermank](https://github.com/langermank)! - Convert padding and border utilities to use `rem` units with `px` fallbacks - [#2302](https://github.com/primer/css/pull/2302) [`412d7820`](https://github.com/primer/css/commit/412d78208ba76e7a1cdc0872a2adcadabc3d0414) Thanks [@langermank](https://github.com/langermank)! - Convert typography to use `rem` units with `px` fallbacks ## 20.6.1 ### Patch Changes - [#2305](https://github.com/primer/css/pull/2305) [`12355f87`](https://github.com/primer/css/commit/12355f87ac8955da0707f6be6fa06a936c26b2fd) Thanks [@vdepizzol](https://github.com/vdepizzol)! - Add upper-roman and upper-alpha list types - [#2307](https://github.com/primer/css/pull/2307) [`0370244f`](https://github.com/primer/css/commit/0370244f49322863534c62b5b5589128c551ccc7) Thanks [@jonrohan](https://github.com/jonrohan)! - Bugfix: Adding `white-space: normal` to Overlay compontn to reset wrapping. - [#2316](https://github.com/primer/css/pull/2316) [`f3acb2b1`](https://github.com/primer/css/commit/f3acb2b116f10955e1ba4f1a35aa874eed019ceb) Thanks [@langermank](https://github.com/langermank)! - Increase Checkbox/Radio border contrast - [#2314](https://github.com/primer/css/pull/2314) [`c8100be7`](https://github.com/primer/css/commit/c8100be771634093fe3a4d36481fc43c0d966015) Thanks [@langermank](https://github.com/langermank)! - [Bug] Radio checked + focus state fixes - [#2310](https://github.com/primer/css/pull/2310) [`551492eb`](https://github.com/primer/css/commit/551492ebf420b3ea8872e9a101bd874d8b4e8a1d) Thanks [@jdanyow](https://github.com/jdanyow)! - Update dropdown hover selector ## 20.6.0 ### Minor Changes - [#2300](https://github.com/primer/css/pull/2300) [`5a0b9b29`](https://github.com/primer/css/commit/5a0b9b2939c1428430d249aeeb9adb0ba8bc18ce) Thanks [@simurai](https://github.com/simurai)! - Add `Noto Sans` to the body font stack ## 20.5.1 ### Patch Changes - [#2292](https://github.com/primer/css/pull/2292) [`9a4f2ff7`](https://github.com/primer/css/commit/9a4f2ff78073be69127664b36d469c4b1ddf0c7c) Thanks [@camertron](https://github.com/camertron)! - Add additional :not selectors for flash classes ## 20.5.0 ### Minor Changes - [#2289](https://github.com/primer/css/pull/2289) [`c23346b9`](https://github.com/primer/css/commit/c23346b9a401beb3c2b0cbc853574a5259db42a5) Thanks [@camertron](https://github.com/camertron)! - Don't apply flash\* classes to banners ## 20.4.8 ### Patch Changes - [#2284](https://github.com/primer/css/pull/2284) [`8336334d`](https://github.com/primer/css/commit/8336334d12ba3a1dac323c853b9fdcaacd480b68) Thanks [@koddsson](https://github.com/koddsson)! - Remove action list item animation ## 20.4.7 ### Patch Changes - [#2228](https://github.com/primer/css/pull/2228) [`b087282e`](https://github.com/primer/css/commit/b087282e5040a53a48b707bd94151a3b896659db) Thanks [@simurai](https://github.com/simurai)! - Improve `AvatarStack` when hovering * [#2269](https://github.com/primer/css/pull/2269) [`27266fcd`](https://github.com/primer/css/commit/27266fcd212af6256511a912fb85c303e1b3a4d9) Thanks [@vdepizzol](https://github.com/vdepizzol)! - Fix Overlay easing animation - [#2260](https://github.com/primer/css/pull/2260) [`6569fb3a`](https://github.com/primer/css/commit/6569fb3a048e324fea63674077fee587b6b9912a) Thanks [@simurai](https://github.com/simurai)! - Fix nested `