diff --git a/.changeset/beige-schools-kneel.md b/.changeset/beige-schools-kneel.md new file mode 100644 index 00000000000..c3b7228c968 --- /dev/null +++ b/.changeset/beige-schools-kneel.md @@ -0,0 +1,5 @@ +--- +"@primer/react": minor +--- + +Add `link` variant to Button diff --git a/.changeset/dry-trainers-protect.md b/.changeset/dry-trainers-protect.md new file mode 100644 index 00000000000..fce26ab0815 --- /dev/null +++ b/.changeset/dry-trainers-protect.md @@ -0,0 +1,5 @@ +--- +'@primer/react': major +--- + +Update Primer React to emit *.css files that are imported by emitted *.js files for styling diff --git a/.changeset/fluffy-ravens-thank.md b/.changeset/fluffy-ravens-thank.md new file mode 100644 index 00000000000..2e38a509276 --- /dev/null +++ b/.changeset/fluffy-ravens-thank.md @@ -0,0 +1,7 @@ +--- +"@primer/react": patch +--- + +- Adjust checkbox and radio border color values for high contrast themes +- Add default border to SegmentedControl +- Add inset box-shadow to StatusLabel to prep for new border-color in dark high contrast diff --git a/.changeset/four-shoes-yell.md b/.changeset/four-shoes-yell.md new file mode 100644 index 00000000000..6920922ec27 --- /dev/null +++ b/.changeset/four-shoes-yell.md @@ -0,0 +1,5 @@ +--- +'@primer/react': minor +--- + +Set `openOnFocus` default to `false`, making the menu closed initially rather than opening on focus of input diff --git a/.changeset/four-tables-glow.md b/.changeset/four-tables-glow.md new file mode 100644 index 00000000000..6bf2e1d60f4 --- /dev/null +++ b/.changeset/four-tables-glow.md @@ -0,0 +1,5 @@ +--- +'@primer/react': minor +--- + +Add the deprecated Dialog, Octicon, Pagehead, TabNav, and Tooltip components to @primer/react/deprecated diff --git a/.changeset/lovely-days-march.md b/.changeset/lovely-days-march.md new file mode 100644 index 00000000000..743c7bf5882 --- /dev/null +++ b/.changeset/lovely-days-march.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +ActionList: Adds `aria-labelledby` to `ActionList.TrailingVisual`, making it part of the accessible name of `ActionList.Item` diff --git a/.changeset/moody-rivers-impress.md b/.changeset/moody-rivers-impress.md new file mode 100644 index 00000000000..24e4e650504 --- /dev/null +++ b/.changeset/moody-rivers-impress.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Header: Add overflow when there are a lot of items diff --git a/.changeset/pre.json b/.changeset/pre.json new file mode 100644 index 00000000000..761540c5054 --- /dev/null +++ b/.changeset/pre.json @@ -0,0 +1,24 @@ +{ + "mode": "pre", + "tag": "rc", + "initialVersions": { + "docs": "1.0.0", + "codesandbox": "0.0.0", + "example-app-router": "0.0.0", + "example-consumer-test": "0.0.0", + "example-nextjs": "0.0.0", + "@primer/react": "36.27.0", + "rollup-plugin-import-css": "0.0.0", + "postcss-preset-primer": "0.0.0" + }, + "changesets": [ + "beige-schools-kneel", + "dry-trainers-protect", + "fluffy-ravens-thank", + "four-shoes-yell", + "four-tables-glow", + "lovely-days-march", + "moody-rivers-impress", + "young-meals-worry" + ] +} diff --git a/.changeset/young-meals-worry.md b/.changeset/young-meals-worry.md new file mode 100644 index 00000000000..89c00b35ad3 --- /dev/null +++ b/.changeset/young-meals-worry.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +Bumps @github/relative-time-element to v4.4.2 diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 2a2349cbbb2..74618cc873c 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -48,6 +48,8 @@ jobs: run: npm ci - name: Lint JavaScript run: npm run lint + - name: Lint CSS + run: npm run lint:css - name: Lint markdown run: npm run lint:md diff --git a/.github/workflows/consumer_test.yml b/.github/workflows/consumer_test.yml index 63973ded26d..52276a5257a 100644 --- a/.github/workflows/consumer_test.yml +++ b/.github/workflows/consumer_test.yml @@ -22,7 +22,7 @@ jobs: - name: Install dependencies run: npm ci - name: Build @primer/react - run: npm run build -w @primer/react + run: npm run build -w rollup-plugin-import-css -w @primer/react # Output the artifact as a tarball in `consumer-test`. Write the # information for this package in `consumer-test/pack.json` so we can read # from it later to install the package diff --git a/.github/workflows/release_canary.yml b/.github/workflows/release_canary.yml index 474344c80a1..a58ac8bcc33 100644 --- a/.github/workflows/release_canary.yml +++ b/.github/workflows/release_canary.yml @@ -41,6 +41,11 @@ jobs: NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }} - name: Publish canary release run: | + # Remove existing pre.json if one exists. Snapshots are not allowed + # in pre-release mode. + # TODO: remove in v37 + rm .changeset/pre.json + echo -e "---\n$( jq .name packages/react/package.json ): patch\n---\n\nFake entry to force publishing" > .changeset/force-snapshot-release.md npx changeset version --snapshot npx changeset publish --tag canary diff --git a/.github/workflows/release_candidate.yml b/.github/workflows/release_candidate.yml index 1ddefb95167..9ce3dfb396b 100644 --- a/.github/workflows/release_candidate.yml +++ b/.github/workflows/release_candidate.yml @@ -42,9 +42,19 @@ jobs: - name: Publish release candidate run: | + # Remove existing pre.json if one exists. Snapshots are not allowed + # in pre-release mode. + # TODO: remove in v37 + rm .changeset/pre.json + pkg_json_path=packages/react/package.json version=$(jq -r .version $pkg_json_path) - echo "$( jq ".version = \"$(echo $version)-rc.$(git rev-parse --short HEAD)\"" $pkg_json_path )" > $pkg_json_path + + # Update how the version is generated in these prereleases. By + # default, -rc. is included in versions when `pre.json` is present. + # Add this back in when we exit the v37 release + # TODO: remove in v37 + echo "$( jq ".version = \"$(echo $version).$(git rev-parse --short HEAD)\"" $pkg_json_path )" > $pkg_json_path npx changeset publish --tag next env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png new file mode 100644 index 00000000000..4b1e677fe72 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png new file mode 100644 index 00000000000..a9efebdc3e3 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png new file mode 100644 index 00000000000..cef87bbdee4 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png new file mode 100644 index 00000000000..b07f9bd9b81 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png new file mode 100644 index 00000000000..4b1e677fe72 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png new file mode 100644 index 00000000000..34c94edc143 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png new file mode 100644 index 00000000000..155e912d989 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png new file mode 100644 index 00000000000..e7b61f00caa Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png new file mode 100644 index 00000000000..34c94edc143 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..545946dac1e Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png new file mode 100644 index 00000000000..50d632d028a Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png new file mode 100644 index 00000000000..3c595b1a3ed Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png new file mode 100644 index 00000000000..4c4ff17f895 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png new file mode 100644 index 00000000000..5e8ab5e4c4f Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png new file mode 100644 index 00000000000..3c595b1a3ed Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png new file mode 100644 index 00000000000..3c595b1a3ed Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png new file mode 100644 index 00000000000..905d4138bcf Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png new file mode 100644 index 00000000000..763acd4a4ab Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png new file mode 100644 index 00000000000..905d4138bcf Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png new file mode 100644 index 00000000000..905d4138bcf Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..94b2c667b81 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png new file mode 100644 index 00000000000..683786926c7 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png new file mode 100644 index 00000000000..c91e3ab94a0 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png new file mode 100644 index 00000000000..c4585e3d3ef Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png new file mode 100644 index 00000000000..25849f588f8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png new file mode 100644 index 00000000000..c91e3ab94a0 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png new file mode 100644 index 00000000000..c91e3ab94a0 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png new file mode 100644 index 00000000000..e218ea29326 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png new file mode 100644 index 00000000000..1dfa8362601 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png new file mode 100644 index 00000000000..e218ea29326 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png new file mode 100644 index 00000000000..e218ea29326 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..c08b2a7b5b1 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png new file mode 100644 index 00000000000..f5f51cfef40 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png new file mode 100644 index 00000000000..c5e37d20a41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png new file mode 100644 index 00000000000..823c7d9e9bd Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png new file mode 100644 index 00000000000..eddd3f5b4fa Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png new file mode 100644 index 00000000000..c5e37d20a41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png new file mode 100644 index 00000000000..c5e37d20a41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png new file mode 100644 index 00000000000..eb2f04e1c41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png new file mode 100644 index 00000000000..b8b8eee44c9 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png new file mode 100644 index 00000000000..eb2f04e1c41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png new file mode 100644 index 00000000000..eb2f04e1c41 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..33ceccef063 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png new file mode 100644 index 00000000000..855807e95c8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png new file mode 100644 index 00000000000..a36290e1925 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png new file mode 100644 index 00000000000..8749cdf6096 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png new file mode 100644 index 00000000000..d39c40f93e6 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png new file mode 100644 index 00000000000..855807e95c8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png new file mode 100644 index 00000000000..78c1824aa63 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png new file mode 100644 index 00000000000..0f664f9f5a6 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png new file mode 100644 index 00000000000..a0102efb3af Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png new file mode 100644 index 00000000000..78c1824aa63 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..31474ec09cb Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png new file mode 100644 index 00000000000..3b12e68b6fc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png new file mode 100644 index 00000000000..5c35c3f89d1 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png new file mode 100644 index 00000000000..8cad1959321 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png new file mode 100644 index 00000000000..3b12e68b6fc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png new file mode 100644 index 00000000000..3b12e68b6fc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png new file mode 100644 index 00000000000..235eab0a6c8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png new file mode 100644 index 00000000000..8b4ad5239f2 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png new file mode 100644 index 00000000000..235eab0a6c8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png new file mode 100644 index 00000000000..235eab0a6c8 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..f92378dbfc9 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png new file mode 100644 index 00000000000..46c3a3cea04 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png new file mode 100644 index 00000000000..7dc6f62a835 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png new file mode 100644 index 00000000000..35b5865be36 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png new file mode 100644 index 00000000000..46c3a3cea04 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png new file mode 100644 index 00000000000..46c3a3cea04 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png new file mode 100644 index 00000000000..2143a9b85bc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png new file mode 100644 index 00000000000..02e2fffd7cc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png new file mode 100644 index 00000000000..2143a9b85bc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png new file mode 100644 index 00000000000..2143a9b85bc Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..d7ef9ff6e39 Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-colorblind-linux.png new file mode 100644 index 00000000000..3406fb040af Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-dimmed-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-dimmed-linux.png new file mode 100644 index 00000000000..343ec1ed4df Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-high-contrast-linux.png new file mode 100644 index 00000000000..c34bce5d185 Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-linux.png new file mode 100644 index 00000000000..3406fb040af Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-tritanopia-linux.png new file mode 100644 index 00000000000..3406fb040af Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-colorblind-linux.png new file mode 100644 index 00000000000..adf4babde10 Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-high-contrast-linux.png new file mode 100644 index 00000000000..4717c408a17 Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-linux.png new file mode 100644 index 00000000000..adf4babde10 Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-tritanopia-linux.png new file mode 100644 index 00000000000..adf4babde10 Binary files /dev/null and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Link-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png index 6bf81c029c5..792d96b19d6 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png index fba38688f90..8159d89e281 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png index b0ab44425e4..58e56a16a93 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png index 6bf81c029c5..792d96b19d6 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png index 6bf81c029c5..792d96b19d6 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png index 5ce814c4bb3..18b449f5dd3 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png index 0a3a92b595f..3e8b9d37d83 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png index 5ce814c4bb3..18b449f5dd3 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png index 5ce814c4bb3..18b449f5dd3 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png index 2671b148438..011f742c2ae 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png index a83dca281c1..ea56c8ff436 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png index d55a37eea8a..a34513079a2 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png index eacbe2f27af..bbee2d6e265 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png index 437b9f6b1d2..56b4431cfa3 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png index 63e77fd0770..d212177287f 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png index a64a612110e..d11f5111060 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png index 575ac53edb8..a042105cfa8 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png index 089f7b1897b..5744eb61ffb 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png index 88afe99e5e4..3d7c2a48563 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png index 162a866d63e..40e02c9e6e2 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png index 34e2c993e80..db9ba520c0f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png index e774a7c28da..2c2121d1103 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png index 7096f2ab4ce..e801366e4d4 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png index 7acd6ac95db..31dfd5ef4b9 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png index 3c908958fd6..5fc6b7c3791 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png index 2bc913b36b2..c60bc707af1 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png index bc84eb7c62e..db991b50442 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png index bc84eb7c62e..db991b50442 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png index 897cce0197a..3d1db06785f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png index ae40df0ff93..5890d365f47 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png index b4f504a7448..c86b9663996 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png index cfdab83c0a6..bb9e6b60ec2 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png index ae40df0ff93..5890d365f47 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png index 45ac363e911..dfdf6825e77 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png index aee4365817f..b0e96af072e 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png index 8e8c90c2def..08860202064 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png index edb9b7f3f36..12a45071791 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png index 7686106ce5c..521eaef23a0 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png index 8d1ede03dbf..816c7996ad3 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png index d7842883eb1..6565b8b0d58 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png index eb5ca913468..ba43a3ab397 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png index 46e0ccd7240..da1c555f50b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png index 13656d4d0ce..0b447cb0e0f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png index eb5ca913468..ba43a3ab397 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png index 46e0ccd7240..da1c555f50b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png index 13656d4d0ce..0b447cb0e0f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png index c8af7df7cde..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png index 07448d95c57..839dcfe672b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png index 77348add0c4..abe30f93336 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png index 59a4d3b3388..d795bb87cf9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png index 07448d95c57..839dcfe672b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png index 77348add0c4..abe30f93336 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png index c35541a7398..d795bb87cf9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png index 4e20620a50f..db8256c2618 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png index 9cf3c988812..5178131c27a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png index 9e35b029a43..f7c7c4e4101 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png index 0b74a98f8e0..b6f47dd9378 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png index 386bc6f6631..ac202deb238 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png index 31a6f03b837..7aa5ead0f6e 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png index 019c108ea44..bccd7288f8d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png index 7d65692c734..34bbd9fc7d6 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png index 7a888489cc5..c2d5ce467f9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png index 37f063fdce8..48ddf4ff0b3 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png index d16ede08524..5bce67f1b23 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png index 814c748d44e..a841fc18c7a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png index 9076853a70c..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png index c8af7df7cde..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png index 0b74a98f8e0..b6f47dd9378 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png index 386bc6f6631..ac202deb238 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png index 31a6f03b837..7aa5ead0f6e 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png differ diff --git a/.stylelintignore b/.stylelintignore new file mode 100644 index 00000000000..c4649bdcba0 --- /dev/null +++ b/.stylelintignore @@ -0,0 +1,5 @@ +docs/public/**/*.css +lib-esm/**/*.css +lib/**/*.css +dist/**/*.css +.next/**/*.css diff --git a/e2e/components/Blankslate.test.ts b/e2e/components/Blankslate.test.ts new file mode 100644 index 00000000000..49ff3f2a4cd --- /dev/null +++ b/e2e/components/Blankslate.test.ts @@ -0,0 +1,92 @@ +import {test, expect} from '@playwright/test' +import {visit} from '../test-helpers/storybook' +import {themes} from '../test-helpers/themes' +import {viewports} from '../test-helpers/viewports' + +const stories: Array<{title: string; id: string; viewports?: Array}> = [ + { + title: 'Default', + id: 'drafts-components-blankslate--default', + viewports: ['primer.breakpoint.xs', 'primer.breakpoint.sm'], + }, + { + title: 'Narrow', + id: 'drafts-components-blankslate-features--narrow', + viewports: ['primer.breakpoint.xs', 'primer.breakpoint.sm'], + }, + { + title: 'Spacious', + id: 'drafts-components-blankslate-features--spacious', + viewports: ['primer.breakpoint.xs', 'primer.breakpoint.sm'], + }, + { + title: 'With Border', + id: 'drafts-components-blankslate-features--with-border', + viewports: ['primer.breakpoint.sm'], + }, + { + title: 'With Primary Action', + id: 'drafts-components-blankslate-features--with-primary-action', + viewports: ['primer.breakpoint.sm'], + }, + { + title: 'With Secondary Action', + id: 'drafts-components-blankslate-features--with-secondary-action', + viewports: ['primer.breakpoint.sm'], + }, + { + title: 'With Visual', + id: 'drafts-components-blankslate-features--with-visual', + viewports: ['primer.breakpoint.sm'], + }, +] + +test.describe('Blankslate', () => { + for (const story of stories) { + test.describe(story.title, () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`Blankslate.${story.title}.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + + if (story.viewports) { + for (const name of story.viewports) { + test(`${name} @vrt`, async ({page}) => { + await visit(page, { + id: story.id, + globals: {}, + }) + const width = viewports[name] + + await page.setViewportSize({ + width, + height: 667, + }) + expect(await page.screenshot()).toMatchSnapshot(`Blankslate.${story.title}.${name}.png`) + }) + } + } + }) + } +}) diff --git a/e2e/components/Button.test.ts b/e2e/components/Button.test.ts index 822a95aa46b..08ca9123eb5 100644 --- a/e2e/components/Button.test.ts +++ b/e2e/components/Button.test.ts @@ -173,6 +173,40 @@ test.describe('Button', () => { } }) + test.describe('Link', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-button-features--link', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`Button.Link.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-button-features--link', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations({ + rules: { + 'color-contrast': { + enabled: theme !== 'dark_dimmed', + }, + }, + }) + }) + }) + } + }) + test.describe('Large', () => { for (const theme of themes) { test.describe(theme, () => { diff --git a/examples/app-router/package.json b/examples/app-router/package.json index 29899ff9dbc..8c0fc1de69f 100644 --- a/examples/app-router/package.json +++ b/examples/app-router/package.json @@ -1,5 +1,6 @@ { "name": "example-app-router", + "version": "0.0.0", "private": true, "scripts": { "clean": "rimraf .next", @@ -9,7 +10,7 @@ "type-check": "tsc --noEmit" }, "dependencies": { - "@primer/react": "36.27.0", + "@primer/react": "37.0.0-rc.0", "next": "^14.1.0", "react": "^18.3.1", "react-dom": "^18.3.1", diff --git a/examples/codesandbox/package.json b/examples/codesandbox/package.json index 85124d1c2e5..6ff8acc7399 100644 --- a/examples/codesandbox/package.json +++ b/examples/codesandbox/package.json @@ -20,7 +20,7 @@ "@typescript-eslint/eslint-plugin": "^7.11.0", "@typescript-eslint/parser": "^7.3.1", "@vitejs/plugin-react": "^4.2.1", - "@primer/react": "36.27.0", + "@primer/react": "37.0.0-rc.0", "eslint": "^8.56.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.7", diff --git a/examples/consumer-test/package.json b/examples/consumer-test/package.json index 74cf71f3c0b..fd93db20f38 100644 --- a/examples/consumer-test/package.json +++ b/examples/consumer-test/package.json @@ -1,5 +1,6 @@ { "name": "example-consumer-test", + "version": "0.0.0", "private": true, "scripts": { "check": "tsc --noEmit" @@ -8,7 +9,7 @@ "@types/react": "^18.2.14", "@types/react-dom": "^18.2.19", "@types/styled-components": "^5.1.11", - "@primer/react": "*", + "@primer/react": "37.0.0-rc.0", "react": "^18.0.0", "react-dom": "^18.0.0", "styled-components": "^5.3.11", diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json index 414a07b192d..ada469180d9 100644 --- a/examples/nextjs/package.json +++ b/examples/nextjs/package.json @@ -10,7 +10,7 @@ }, "dependencies": { "@primer/octicons-react": "19.x", - "@primer/react": "36.27.0", + "@primer/react": "37.0.0-rc.0", "next": "^14.1.0", "react": "^18.3.1", "react-dom": "^18.3.1", diff --git a/package-lock.json b/package-lock.json index 93a2bcde219..44f9e461428 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "primer", "license": "MIT", "workspaces": [ + "packages/rollup-plugin-import-css", "packages/*", "docs", "examples/*" @@ -22,6 +23,7 @@ "@mdx-js/react": "1.6.22", "@playwright/test": "1.43.0", "@prettier/sync": "0.5.1", + "@primer/stylelint-config": "^13.0.0-rc.21ca0f0", "@size-limit/preset-big-lib": "11.0.2", "@types/jest": "29.5.6", "@typescript-eslint/eslint-plugin": "^7.11.0", @@ -49,6 +51,7 @@ "prettier": "3.0.3", "rimraf": "5.0.5", "size-limit": "11.0.2", + "stylelint": "^16.8.1", "typescript": "5.4.5" }, "engines": { @@ -287,8 +290,9 @@ }, "examples/app-router": { "name": "example-app-router", + "version": "0.0.0", "dependencies": { - "@primer/react": "36.26.0", + "@primer/react": "36.27.0", "next": "^14.1.0", "react": "^18.3.1", "react-dom": "^18.3.1", @@ -307,7 +311,7 @@ "react-dom": "^18.3.1" }, "devDependencies": { - "@primer/react": "36.26.0", + "@primer/react": "36.27.0", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@typescript-eslint/eslint-plugin": "^7.11.0", @@ -323,6 +327,7 @@ }, "examples/consumer-test": { "name": "example-consumer-test", + "version": "0.0.0", "dependencies": { "@primer/react": "*", "@types/react": "^18.2.14", @@ -350,7 +355,7 @@ "version": "0.0.0", "dependencies": { "@primer/octicons-react": "19.x", - "@primer/react": "36.26.0", + "@primer/react": "36.27.0", "next": "^14.1.0", "react": "^18.3.1", "react-dom": "^18.3.1", @@ -2878,8 +2883,9 @@ } }, "node_modules/@csstools/cascade-layer-name-parser": { - "version": "1.0.11", - "dev": true, + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.13.tgz", + "integrity": "sha512-MX0yLTwtZzr82sQ0zOjqimpZbzjMaK/h2pmlrLK7DCzlmiZLYFpoO94WmN1akRVo6ll/TdpHb53vihHLUMyvng==", "funding": [ { "type": "github", @@ -2895,13 +2901,14 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" } }, "node_modules/@csstools/color-helpers": { - "version": "4.2.0", - "dev": true, + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-4.2.1.tgz", + "integrity": "sha512-CEypeeykO9AN7JWkr1OEOQb0HRzZlPWGwV0Ya6DuVgFdDi6g3ma/cPZ5ZPZM4AWQikDpq/0llnGGlIL+j8afzw==", "funding": [ { "type": "github", @@ -2918,8 +2925,9 @@ } }, "node_modules/@csstools/css-calc": { - "version": "1.2.2", - "dev": true, + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.2.4.tgz", + "integrity": "sha512-tfOuvUQeo7Hz+FcuOd3LfXVp+342pnWUJ7D2y8NUpu1Ww6xnTbHLpz018/y6rtbHifJ3iIEf9ttxXd8KG7nL0Q==", "funding": [ { "type": "github", @@ -2935,13 +2943,14 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" } }, "node_modules/@csstools/css-color-parser": { - "version": "2.0.2", - "dev": true, + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-2.0.5.tgz", + "integrity": "sha512-lRZSmtl+DSjok3u9hTWpmkxFZnz7stkbZxzKc08aDUsdrWwhSgWo8yq9rq9DaFUtbAyAq2xnH92fj01S+pwIww==", "funding": [ { "type": "github", @@ -2954,20 +2963,21 @@ ], "license": "MIT", "dependencies": { - "@csstools/color-helpers": "^4.2.0", - "@csstools/css-calc": "^1.2.2" + "@csstools/color-helpers": "^4.2.1", + "@csstools/css-calc": "^1.2.4" }, "engines": { "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" } }, "node_modules/@csstools/css-parser-algorithms": { - "version": "2.6.3", - "dev": true, + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.7.1.tgz", + "integrity": "sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==", "funding": [ { "type": "github", @@ -2983,12 +2993,13 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-tokenizer": "^2.4.1" } }, "node_modules/@csstools/css-tokenizer": { - "version": "2.3.1", - "dev": true, + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.4.1.tgz", + "integrity": "sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==", "funding": [ { "type": "github", @@ -3005,8 +3016,9 @@ } }, "node_modules/@csstools/media-query-list-parser": { - "version": "2.1.11", - "dev": true, + "version": "2.1.13", + "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.13.tgz", + "integrity": "sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==", "funding": [ { "type": "github", @@ -3022,13 +3034,12 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" } }, "node_modules/@csstools/postcss-cascade-layers": { "version": "4.0.6", - "dev": true, "funding": [ { "type": "github", @@ -3052,8 +3063,9 @@ } }, "node_modules/@csstools/postcss-color-function": { - "version": "3.0.16", - "dev": true, + "version": "3.0.19", + "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.19.tgz", + "integrity": "sha512-d1OHEXyYGe21G3q88LezWWx31ImEDdmINNDy0LyLNN9ChgN2bPxoubUPiHf9KmwypBMaHmNcMuA/WZOKdZk/Lg==", "funding": [ { "type": "github", @@ -3066,10 +3078,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3080,8 +3092,9 @@ } }, "node_modules/@csstools/postcss-color-mix-function": { - "version": "2.0.16", - "dev": true, + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.19.tgz", + "integrity": "sha512-mLvQlMX+keRYr16AuvuV8WYKUwF+D0DiCqlBdvhQ0KYEtcQl9/is9Ssg7RcIys8x0jIn2h1zstS4izckdZj9wg==", "funding": [ { "type": "github", @@ -3094,10 +3107,38 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", + "@csstools/utilities": "^1.0.0" + }, + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "postcss": "^8.4" + } + }, + "node_modules/@csstools/postcss-content-alt-text": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-1.0.0.tgz", + "integrity": "sha512-SkHdj7EMM/57GVvSxSELpUg7zb5eAndBeuvGwFzYtU06/QXJ/h9fuK7wO5suteJzGhm3GDF/EWPCdWV2h1IGHQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0", + "dependencies": { + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3108,8 +3149,9 @@ } }, "node_modules/@csstools/postcss-exponential-functions": { - "version": "1.0.7", - "dev": true, + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.9.tgz", + "integrity": "sha512-x1Avr15mMeuX7Z5RJUl7DmjhUtg+Amn5DZRD0fQ2TlTFTcJS8U1oxXQ9e5mA62S2RJgUU6db20CRoJyDvae2EQ==", "funding": [ { "type": "github", @@ -3122,9 +3164,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-calc": "^1.2.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-calc": "^1.2.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3135,7 +3177,6 @@ }, "node_modules/@csstools/postcss-font-format-keywords": { "version": "3.0.2", - "dev": true, "funding": [ { "type": "github", @@ -3159,8 +3200,9 @@ } }, "node_modules/@csstools/postcss-gamut-mapping": { - "version": "1.0.9", - "dev": true, + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-1.0.11.tgz", + "integrity": "sha512-KrHGsUPXRYxboXmJ9wiU/RzDM7y/5uIefLWKFSc36Pok7fxiPyvkSHO51kh+RLZS1W5hbqw9qaa6+tKpTSxa5g==", "funding": [ { "type": "github", @@ -3173,9 +3215,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3184,9 +3226,32 @@ "postcss": "^8.4" } }, + "node_modules/@csstools/postcss-global-data": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/@csstools/postcss-global-data/-/postcss-global-data-2.1.1.tgz", + "integrity": "sha512-tihdBLogY2G5jgUSu2jKSEVeOcnWqsz6k7UmPM7+ezhuV9FP5MIyX35Hc/YvqipQLRNsfBj9wRkBvsE7k1GM8A==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0", + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "postcss": "^8.4" + } + }, "node_modules/@csstools/postcss-gradients-interpolation-method": { - "version": "4.0.17", - "dev": true, + "version": "4.0.20", + "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.20.tgz", + "integrity": "sha512-ZFl2JBHano6R20KB5ZrB8KdPM2pVK0u+/3cGQ2T8VubJq982I2LSOvQ4/VtxkAXjkPkk1rXt4AD1ni7UjTZ1Og==", "funding": [ { "type": "github", @@ -3199,10 +3264,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3213,8 +3278,9 @@ } }, "node_modules/@csstools/postcss-hwb-function": { - "version": "3.0.15", - "dev": true, + "version": "3.0.18", + "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.18.tgz", + "integrity": "sha512-3ifnLltR5C7zrJ+g18caxkvSRnu9jBBXCYgnBznRjxm6gQJGnnCO9H6toHfywNdNr/qkiVf2dymERPQLDnjLRQ==", "funding": [ { "type": "github", @@ -3227,10 +3293,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3241,8 +3307,9 @@ } }, "node_modules/@csstools/postcss-ic-unit": { - "version": "3.0.6", - "dev": true, + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-3.0.7.tgz", + "integrity": "sha512-YoaNHH2wNZD+c+rHV02l4xQuDpfR8MaL7hD45iJyr+USwvr0LOheeytJ6rq8FN6hXBmEeoJBeXXgGmM8fkhH4g==", "funding": [ { "type": "github", @@ -3255,7 +3322,7 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0", "postcss-value-parser": "^4.2.0" }, @@ -3268,7 +3335,6 @@ }, "node_modules/@csstools/postcss-initial": { "version": "1.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3289,7 +3355,6 @@ }, "node_modules/@csstools/postcss-is-pseudo-class": { "version": "4.0.8", - "dev": true, "funding": [ { "type": "github", @@ -3313,8 +3378,9 @@ } }, "node_modules/@csstools/postcss-light-dark-function": { - "version": "1.0.5", - "dev": true, + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-1.0.8.tgz", + "integrity": "sha512-x0UtpCyVnERsplUeoaY6nEtp1HxTf4lJjoK/ULEm40DraqFfUdUSt76yoOyX5rGY6eeOUOkurHyYlFHVKv/pew==", "funding": [ { "type": "github", @@ -3327,9 +3393,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3341,7 +3407,6 @@ }, "node_modules/@csstools/postcss-logical-float-and-clear": { "version": "2.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3362,7 +3427,6 @@ }, "node_modules/@csstools/postcss-logical-overflow": { "version": "1.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3383,7 +3447,6 @@ }, "node_modules/@csstools/postcss-logical-overscroll-behavior": { "version": "1.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3404,7 +3467,6 @@ }, "node_modules/@csstools/postcss-logical-resize": { "version": "2.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3427,8 +3489,9 @@ } }, "node_modules/@csstools/postcss-logical-viewport-units": { - "version": "2.0.9", - "dev": true, + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.11.tgz", + "integrity": "sha512-ElITMOGcjQtvouxjd90WmJRIw1J7KMP+M+O87HaVtlgOOlDt1uEPeTeii8qKGe2AiedEp0XOGIo9lidbiU2Ogg==", "funding": [ { "type": "github", @@ -3441,7 +3504,7 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-tokenizer": "^2.3.1", + "@csstools/css-tokenizer": "^2.4.1", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3452,8 +3515,9 @@ } }, "node_modules/@csstools/postcss-media-minmax": { - "version": "1.1.6", - "dev": true, + "version": "1.1.8", + "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.1.8.tgz", + "integrity": "sha512-KYQCal2i7XPNtHAUxCECdrC7tuxIWQCW+s8eMYs5r5PaAiVTeKwlrkRS096PFgojdNCmHeG0Cb7njtuNswNf+w==", "funding": [ { "type": "github", @@ -3466,10 +3530,10 @@ ], "license": "MIT", "dependencies": { - "@csstools/css-calc": "^1.2.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/media-query-list-parser": "^2.1.11" + "@csstools/css-calc": "^1.2.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/media-query-list-parser": "^2.1.13" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3479,8 +3543,9 @@ } }, "node_modules/@csstools/postcss-media-queries-aspect-ratio-number-values": { - "version": "2.0.9", - "dev": true, + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.11.tgz", + "integrity": "sha512-YD6jrib20GRGQcnOu49VJjoAnQ/4249liuz7vTpy/JfgqQ1Dlc5eD4HPUMNLOw9CWey9E6Etxwf/xc/ZF8fECA==", "funding": [ { "type": "github", @@ -3493,9 +3558,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/media-query-list-parser": "^2.1.11" + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/media-query-list-parser": "^2.1.13" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3506,7 +3571,6 @@ }, "node_modules/@csstools/postcss-nested-calc": { "version": "3.0.2", - "dev": true, "funding": [ { "type": "github", @@ -3531,7 +3595,6 @@ }, "node_modules/@csstools/postcss-normalize-display-values": { "version": "3.0.2", - "dev": true, "funding": [ { "type": "github", @@ -3554,8 +3617,9 @@ } }, "node_modules/@csstools/postcss-oklab-function": { - "version": "3.0.16", - "dev": true, + "version": "3.0.19", + "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.19.tgz", + "integrity": "sha512-e3JxXmxjU3jpU7TzZrsNqSX4OHByRC3XjItV3Ieo/JEQmLg5rdOL4lkv/1vp27gXemzfNt44F42k/pn0FpE21Q==", "funding": [ { "type": "github", @@ -3568,10 +3632,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3582,8 +3646,9 @@ } }, "node_modules/@csstools/postcss-progressive-custom-properties": { - "version": "3.2.0", - "dev": true, + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.3.0.tgz", + "integrity": "sha512-W2oV01phnILaRGYPmGFlL2MT/OgYjQDrL9sFlbdikMFi6oQkFki9B86XqEWR7HCsTZFVq7dbzr/o71B75TKkGg==", "funding": [ { "type": "github", @@ -3606,8 +3671,9 @@ } }, "node_modules/@csstools/postcss-relative-color-syntax": { - "version": "2.0.16", - "dev": true, + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.19.tgz", + "integrity": "sha512-MxUMSNvio1WwuS6WRLlQuv6nNPXwIWUFzBBAvL/tBdWfiKjiJnAa6eSSN5gtaacSqUkQ/Ce5Z1OzLRfeaWhADA==", "funding": [ { "type": "github", @@ -3620,10 +3686,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -3635,7 +3701,6 @@ }, "node_modules/@csstools/postcss-scope-pseudo-class": { "version": "3.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3658,8 +3723,9 @@ } }, "node_modules/@csstools/postcss-stepped-value-functions": { - "version": "3.0.8", - "dev": true, + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.10.tgz", + "integrity": "sha512-MZwo0D0TYrQhT5FQzMqfy/nGZ28D1iFtpN7Su1ck5BPHS95+/Y5O9S4kEvo76f2YOsqwYcT8ZGehSI1TnzuX2g==", "funding": [ { "type": "github", @@ -3672,9 +3738,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-calc": "^1.2.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-calc": "^1.2.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3684,8 +3750,9 @@ } }, "node_modules/@csstools/postcss-text-decoration-shorthand": { - "version": "3.0.6", - "dev": true, + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-3.0.7.tgz", + "integrity": "sha512-+cptcsM5r45jntU6VjotnkC9GteFR7BQBfZ5oW7inLCxj7AfLGAzMbZ60hKTP13AULVZBdxky0P8um0IBfLHVA==", "funding": [ { "type": "github", @@ -3698,7 +3765,7 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/color-helpers": "^4.2.0", + "@csstools/color-helpers": "^4.2.1", "postcss-value-parser": "^4.2.0" }, "engines": { @@ -3709,8 +3776,9 @@ } }, "node_modules/@csstools/postcss-trigonometric-functions": { - "version": "3.0.8", - "dev": true, + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.10.tgz", + "integrity": "sha512-G9G8moTc2wiad61nY5HfvxLiM/myX0aYK4s1x8MQlPH29WDPxHQM7ghGgvv2qf2xH+rrXhztOmjGHJj4jsEqXw==", "funding": [ { "type": "github", @@ -3723,9 +3791,9 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-calc": "^1.2.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1" + "@csstools/css-calc": "^1.2.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1" }, "engines": { "node": "^14 || ^16 || >=18" @@ -3736,7 +3804,6 @@ }, "node_modules/@csstools/postcss-unset-value": { "version": "3.0.1", - "dev": true, "funding": [ { "type": "github", @@ -3757,7 +3824,6 @@ }, "node_modules/@csstools/selector-resolve-nested": { "version": "1.1.0", - "dev": true, "funding": [ { "type": "github", @@ -3778,7 +3844,6 @@ }, "node_modules/@csstools/selector-specificity": { "version": "3.1.1", - "dev": true, "funding": [ { "type": "github", @@ -3799,7 +3864,6 @@ }, "node_modules/@csstools/utilities": { "version": "1.0.0", - "dev": true, "funding": [ { "type": "github", @@ -3826,6 +3890,17 @@ "node": ">=10.0.0" } }, + "node_modules/@dual-bundle/import-meta-resolve": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz", + "integrity": "sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==", + "dev": true, + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/@emotion/is-prop-valid": { "version": "0.8.8", "license": "MIT", @@ -4578,8 +4653,9 @@ "license": "MIT" }, "node_modules/@github/relative-time-element": { - "version": "4.4.1", - "license": "MIT" + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/@github/relative-time-element/-/relative-time-element-4.4.2.tgz", + "integrity": "sha512-wTXunu3hmuGljA5CHaaoUIKV0oI35wno0FKJl2yqKplTRnsCA5bPNj4bDeVIubkuskql6jwionWLlGM1Y6QLaw==" }, "node_modules/@github/tab-container-element": { "version": "4.8.0", @@ -4968,7 +5044,6 @@ }, "node_modules/@isaacs/cliui": { "version": "8.0.2", - "dev": true, "license": "ISC", "dependencies": { "string-width": "^5.1.2", @@ -4984,7 +5059,6 @@ }, "node_modules/@isaacs/cliui/node_modules/ansi-regex": { "version": "6.0.1", - "dev": true, "license": "MIT", "engines": { "node": ">=12" @@ -4995,7 +5069,6 @@ }, "node_modules/@isaacs/cliui/node_modules/ansi-styles": { "version": "6.2.1", - "dev": true, "license": "MIT", "engines": { "node": ">=12" @@ -5006,12 +5079,10 @@ }, "node_modules/@isaacs/cliui/node_modules/emoji-regex": { "version": "9.2.2", - "dev": true, "license": "MIT" }, "node_modules/@isaacs/cliui/node_modules/string-width": { "version": "5.1.2", - "dev": true, "license": "MIT", "dependencies": { "eastasianwidth": "^0.2.0", @@ -5027,7 +5098,6 @@ }, "node_modules/@isaacs/cliui/node_modules/strip-ansi": { "version": "7.1.0", - "dev": true, "license": "MIT", "dependencies": { "ansi-regex": "^6.0.1" @@ -5041,7 +5111,6 @@ }, "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { "version": "8.1.0", - "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^6.1.0", @@ -6675,7 +6744,6 @@ }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", - "dev": true, "license": "MIT", "optional": true, "engines": { @@ -9077,13 +9145,64 @@ } }, "node_modules/@primer/primitives": { - "version": "7.16.0", + "version": "7.17.1", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.17.1.tgz", + "integrity": "sha512-SiPzEb+up1nDpV2NGwNiY8m6sGnF3OUqRb0has5s6T40vq6Li/g3cYVgl+oolEa4DUoNygEPs09jwJt24f/3zg==", "license": "MIT" }, "node_modules/@primer/react": { "resolved": "packages/react", "link": true }, + "node_modules/@primer/stylelint-config": { + "version": "13.0.0-rc.fd47ce2", + "resolved": "https://registry.npmjs.org/@primer/stylelint-config/-/stylelint-config-13.0.0-rc.fd47ce2.tgz", + "integrity": "sha512-JqiJ2zFdFzc8djUzpmZB8s6MjAVbj/3IuzyEcyiaorSjDWw0CbXg6vsKJ/+aisCDDbWbTdTXr4ScVH3u8q0e0g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@github/browserslist-config": "^1.0.0", + "@primer/css": "^21.0.8", + "@primer/primitives": "^8.2.0", + "anymatch": "^3.1.1", + "postcss-scss": "^4.0.2", + "postcss-styled-syntax": "^0.6.4", + "postcss-value-parser": "^4.0.2", + "string.prototype.matchall": "^4.0.2", + "stylelint": "^16.3.1", + "stylelint-config-standard": "^36.0.0", + "stylelint-css-modules-no-global-scoped-selector": "^1.0.2", + "stylelint-no-unsupported-browser-features": "^8.0.0", + "stylelint-order": "^6.0.4", + "stylelint-scss": "^6.2.0", + "stylelint-value-no-unknown-custom-properties": "^6.0.1", + "tap-map": "^1.0.0" + }, + "engines": { + "node": ">16.0.0" + } + }, + "node_modules/@primer/stylelint-config/node_modules/@primer/primitives": { + "version": "8.2.3", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-8.2.3.tgz", + "integrity": "sha512-K8A/DA6xv8P/kD/9DupFn+KYlo06OpcrwfwJf+sKp+KnX7ZRwLLDg1AaEGAoRoaykXRY/gfrXlgDfK7laOTWyA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@primer/stylelint-config/node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/@primer/view-components": { "version": "0.19.0", "dev": true, @@ -21718,6 +21837,16 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/array-differ": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz", + "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/array-equal": { "version": "1.0.2", "license": "MIT", @@ -23577,7 +23706,9 @@ } }, "node_modules/browserslist": { - "version": "4.23.0", + "version": "4.23.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz", + "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==", "funding": [ { "type": "opencollective", @@ -23594,10 +23725,10 @@ ], "license": "MIT", "dependencies": { - "caniuse-lite": "^1.0.30001587", - "electron-to-chromium": "^1.4.668", + "caniuse-lite": "^1.0.30001640", + "electron-to-chromium": "^1.4.820", "node-releases": "^2.0.14", - "update-browserslist-db": "^1.0.13" + "update-browserslist-db": "^1.1.0" }, "bin": { "browserslist": "cli.js" @@ -23966,7 +24097,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001599", + "version": "1.0.30001642", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz", + "integrity": "sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==", "funding": [ { "type": "opencollective", @@ -25679,7 +25812,6 @@ }, "node_modules/css-blank-pseudo": { "version": "6.0.2", - "dev": true, "funding": [ { "type": "github", @@ -25718,9 +25850,18 @@ "postcss": "^8.0.9" } }, + "node_modules/css-functions-list": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.2.tgz", + "integrity": "sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12 || >=16" + } + }, "node_modules/css-has-pseudo": { "version": "6.0.5", - "dev": true, "funding": [ { "type": "github", @@ -25860,7 +26001,6 @@ }, "node_modules/css-prefers-color-scheme": { "version": "9.0.1", - "dev": true, "funding": [ { "type": "github", @@ -25906,6 +26046,17 @@ "postcss-value-parser": "^4.0.2" } }, + "node_modules/css-tokenize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/css-tokenize/-/css-tokenize-1.0.1.tgz", + "integrity": "sha512-gLmmbJdwH9HLY4bcA17lnZ8GgPwEXRbvxBJGHnkiB6gLhRpTzjkjtMIvz7YORGW/Ptv2oMk8b5g+u7mRD6Dd7A==", + "dev": true, + "license": "MIT", + "dependencies": { + "inherits": "^2.0.1", + "readable-stream": "^1.0.33" + } + }, "node_modules/css-tree": { "version": "1.1.3", "license": "MIT", @@ -25932,8 +26083,9 @@ "license": "MIT" }, "node_modules/cssdb": { - "version": "8.0.2", - "dev": true, + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-8.1.0.tgz", + "integrity": "sha512-BQN57lfS4dYt2iL0LgyrlDbefZKEtUyrO8rbzrbGrqBk6OoyNTQLF+porY9DrpDBjLo4NEvj2IJttC7vf3x+Ew==", "funding": [ { "type": "opencollective", @@ -26980,6 +27132,176 @@ "node": ">=6.0.0" } }, + "node_modules/doiuse": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/doiuse/-/doiuse-6.0.2.tgz", + "integrity": "sha512-eBTs23NOX+EAYPr4RbCR6J4DRW/TML3uMo37y0X1whlkersDYFCk9HmCl09KX98cis22VKsV1QaxfVNauJ3NBw==", + "dev": true, + "license": "MIT", + "dependencies": { + "browserslist": "^4.21.5", + "caniuse-lite": "^1.0.30001487", + "css-tokenize": "^1.0.1", + "duplexify": "^4.1.2", + "ldjson-stream": "^1.2.1", + "multimatch": "^5.0.0", + "postcss": "^8.4.21", + "source-map": "^0.7.4", + "yargs": "^17.7.1" + }, + "bin": { + "doiuse": "bin/cli.js" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/doiuse/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/doiuse/node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/doiuse/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/doiuse/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/doiuse/node_modules/duplexify": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz", + "integrity": "sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==", + "dev": true, + "license": "MIT", + "dependencies": { + "end-of-stream": "^1.4.1", + "inherits": "^2.0.3", + "readable-stream": "^3.1.1", + "stream-shift": "^1.0.2" + } + }, + "node_modules/doiuse/node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/doiuse/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">= 8" + } + }, + "node_modules/doiuse/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/doiuse/node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=10" + } + }, + "node_modules/doiuse/node_modules/yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "license": "MIT", + "dependencies": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/doiuse/node_modules/yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=12" + } + }, "node_modules/dom-accessibility-api": { "version": "0.5.16", "license": "MIT" @@ -27155,7 +27477,6 @@ }, "node_modules/eastasianwidth": { "version": "0.2.0", - "dev": true, "license": "MIT" }, "node_modules/ecc-jsbn": { @@ -27185,7 +27506,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.711", + "version": "1.4.829", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.829.tgz", + "integrity": "sha512-5qp1N2POAfW0u1qGAxXEtz6P7bO1m6gpZr5hdf5ve6lxpLM7MpiM4jIPz7xcrNlClQMafbyUDDWjlIQZ1Mw0Rw==", "license": "ISC" }, "node_modules/emittery": { @@ -27352,6 +27675,16 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/envinfo": { "version": "7.11.1", "license": "MIT", @@ -27703,7 +28036,9 @@ } }, "node_modules/escalade": { - "version": "3.1.1", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", + "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", "license": "MIT", "engines": { "node": ">=6" @@ -30582,7 +30917,9 @@ } }, "node_modules/flatted": { - "version": "3.1.1", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", + "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==", "license": "ISC" }, "node_modules/flow-parser": { @@ -34859,6 +35196,13 @@ "node": ">=8" } }, + "node_modules/globjoin": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", + "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==", + "dev": true, + "license": "MIT" + }, "node_modules/gopd": { "version": "1.0.1", "license": "MIT", @@ -36887,6 +37231,19 @@ "version": "1.2.4", "license": "MIT" }, + "node_modules/is-url-superb": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-url-superb/-/is-url-superb-4.0.0.tgz", + "integrity": "sha512-GI+WjezhPPcbM+tqE9LnmsY5qqjwHzTvjJ36wxYX5ujNXefSUJ/T17r5bqDV8yLhcgB59KTPNOc9O9cmHTPWsA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-valid-domain": { "version": "0.1.6", "license": "MIT", @@ -41794,6 +42151,13 @@ "node": ">= 8" } }, + "node_modules/known-css-properties": { + "version": "0.34.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.34.0.tgz", + "integrity": "sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==", + "dev": true, + "license": "MIT" + }, "node_modules/language-subtag-registry": { "version": "0.3.21", "license": "ODC-By-1.0" @@ -41839,6 +42203,48 @@ "url": "https://dotenvx.com" } }, + "node_modules/ldjson-stream": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ldjson-stream/-/ldjson-stream-1.2.1.tgz", + "integrity": "sha512-xw/nNEXafuPSLu8NjjG3+atVVw+8U1APZAQylmwQn19Hgw6rC7QjHvP6MupnHWCrzSm9m0xs5QWkCLuRvBPjgQ==", + "dev": true, + "license": "BSD", + "dependencies": { + "split2": "^0.2.1", + "through2": "^0.6.1" + } + }, + "node_modules/ldjson-stream/node_modules/readable-stream": { + "version": "1.0.34", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", + "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==", + "dev": true, + "license": "MIT", + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" + } + }, + "node_modules/ldjson-stream/node_modules/string_decoder": { + "version": "0.10.31", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/ldjson-stream/node_modules/through2": { + "version": "0.6.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", + "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "readable-stream": ">=1.0.33-1 <1.1.0-0", + "xtend": ">=4.0.0 <4.1.0-0" + } + }, "node_modules/left-pad": { "version": "1.3.0", "license": "WTFPL" @@ -43129,6 +43535,17 @@ "node": ">=16" } }, + "node_modules/mathml-tag-names": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", + "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true, + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/md5-file": { "version": "5.0.0", "license": "MIT", @@ -45914,7 +46331,6 @@ }, "node_modules/minipass": { "version": "7.1.2", - "dev": true, "license": "ISC", "engines": { "node": ">=16 || 14 >=14.17" @@ -46041,6 +46457,43 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/multimatch": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-5.0.0.tgz", + "integrity": "sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/minimatch": "^3.0.3", + "array-differ": "^3.0.0", + "array-union": "^2.1.0", + "arrify": "^2.0.1", + "minimatch": "^3.0.4" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/multimatch/node_modules/@types/minimatch": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz", + "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/multimatch/node_modules/arrify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz", + "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/mute-stream": { "version": "0.0.8", "license": "ISC" @@ -47423,6 +47876,12 @@ "node": ">=8" } }, + "node_modules/package-json-from-dist": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz", + "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==", + "license": "BlueOak-1.0.0" + }, "node_modules/package-json/node_modules/@sindresorhus/is": { "version": "0.14.0", "license": "MIT", @@ -47888,7 +48347,9 @@ "license": "ISC" }, "node_modules/picocolors": { - "version": "1.0.0", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", "license": "ISC" }, "node_modules/picomatch": { @@ -48062,7 +48523,9 @@ } }, "node_modules/postcss": { - "version": "8.4.38", + "version": "8.4.40", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.40.tgz", + "integrity": "sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==", "funding": [ { "type": "opencollective", @@ -48080,7 +48543,7 @@ "license": "MIT", "dependencies": { "nanoid": "^3.3.7", - "picocolors": "^1.0.0", + "picocolors": "^1.0.1", "source-map-js": "^1.2.0" }, "engines": { @@ -48089,7 +48552,6 @@ }, "node_modules/postcss-attribute-case-insensitive": { "version": "6.0.3", - "dev": true, "funding": [ { "type": "github", @@ -48124,7 +48586,6 @@ }, "node_modules/postcss-clamp": { "version": "4.1.0", - "dev": true, "license": "MIT", "dependencies": { "postcss-value-parser": "^4.2.0" @@ -48137,8 +48598,9 @@ } }, "node_modules/postcss-color-functional-notation": { - "version": "6.0.11", - "dev": true, + "version": "6.0.14", + "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-6.0.14.tgz", + "integrity": "sha512-dNUX+UH4dAozZ8uMHZ3CtCNYw8fyFAmqqdcyxMr7PEdM9jLXV19YscoYO0F25KqZYhmtWKQ+4tKrIZQrwzwg7A==", "funding": [ { "type": "github", @@ -48151,10 +48613,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -48166,7 +48628,6 @@ }, "node_modules/postcss-color-hex-alpha": { "version": "9.0.4", - "dev": true, "funding": [ { "type": "github", @@ -48191,7 +48652,6 @@ }, "node_modules/postcss-color-rebeccapurple": { "version": "9.0.3", - "dev": true, "funding": [ { "type": "github", @@ -48245,8 +48705,9 @@ } }, "node_modules/postcss-custom-media": { - "version": "10.0.6", - "dev": true, + "version": "10.0.8", + "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-10.0.8.tgz", + "integrity": "sha512-V1KgPcmvlGdxTel4/CyQtBJEFhMVpEmRGFrnVtgfGIHj5PJX9vO36eFBxKBeJn+aCDTed70cc+98Mz3J/uVdGQ==", "funding": [ { "type": "github", @@ -48259,10 +48720,10 @@ ], "license": "MIT", "dependencies": { - "@csstools/cascade-layer-name-parser": "^1.0.11", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/media-query-list-parser": "^2.1.11" + "@csstools/cascade-layer-name-parser": "^1.0.13", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/media-query-list-parser": "^2.1.13" }, "engines": { "node": "^14 || ^16 || >=18" @@ -48272,8 +48733,9 @@ } }, "node_modules/postcss-custom-properties": { - "version": "13.3.10", - "dev": true, + "version": "13.3.12", + "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.12.tgz", + "integrity": "sha512-oPn/OVqONB2ZLNqN185LDyaVByELAA/u3l2CS2TS16x2j2XsmV4kd8U49+TMxmUsEU9d8fB/I10E6U7kB0L1BA==", "funding": [ { "type": "github", @@ -48286,9 +48748,9 @@ ], "license": "MIT", "dependencies": { - "@csstools/cascade-layer-name-parser": "^1.0.11", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", + "@csstools/cascade-layer-name-parser": "^1.0.13", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", "@csstools/utilities": "^1.0.0", "postcss-value-parser": "^4.2.0" }, @@ -48299,9 +48761,24 @@ "postcss": "^8.4" } }, - "node_modules/postcss-custom-selectors": { - "version": "7.1.10", + "node_modules/postcss-custom-properties-fallback": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/postcss-custom-properties-fallback/-/postcss-custom-properties-fallback-1.0.2.tgz", + "integrity": "sha512-UrPr99bo03c1iX4iqjBBYo3W+EsXfxrozp2LNvRN34Y95n/7R2RupcMhGlc+C/RQxknDXiP+bptyhmb8nFYzeQ==", "dev": true, + "license": "MIT", + "dependencies": { + "postcss-value-parser": "^4.2.0", + "postcss-values-parser": "^6.0.2" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, + "node_modules/postcss-custom-selectors": { + "version": "7.1.12", + "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-7.1.12.tgz", + "integrity": "sha512-ctIoprBMJwByYMGjXG0F7IT2iMF2hnamQ+aWZETyBM0aAlyaYdVZTeUkk8RB+9h9wP+NdN3f01lfvKl2ZSqC0g==", "funding": [ { "type": "github", @@ -48314,10 +48791,10 @@ ], "license": "MIT", "dependencies": { - "@csstools/cascade-layer-name-parser": "^1.0.11", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "postcss-selector-parser": "^6.0.13" + "@csstools/cascade-layer-name-parser": "^1.0.13", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "postcss-selector-parser": "^6.1.0" }, "engines": { "node": "^14 || ^16 || >=18" @@ -48328,7 +48805,6 @@ }, "node_modules/postcss-dir-pseudo-class": { "version": "8.0.1", - "dev": true, "funding": [ { "type": "github", @@ -48391,8 +48867,9 @@ } }, "node_modules/postcss-double-position-gradients": { - "version": "5.0.6", - "dev": true, + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-5.0.7.tgz", + "integrity": "sha512-1xEhjV9u1s4l3iP5lRt1zvMjI/ya8492o9l/ivcxHhkO3nOz16moC4JpMxDUGrOs4R3hX+KWT7gKoV842cwRgg==", "funding": [ { "type": "github", @@ -48405,7 +48882,7 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0", "postcss-value-parser": "^4.2.0" }, @@ -48425,7 +48902,6 @@ }, "node_modules/postcss-focus-visible": { "version": "9.0.1", - "dev": true, "funding": [ { "type": "github", @@ -48449,7 +48925,6 @@ }, "node_modules/postcss-focus-within": { "version": "8.0.1", - "dev": true, "funding": [ { "type": "github", @@ -48473,7 +48948,6 @@ }, "node_modules/postcss-font-variant": { "version": "5.0.0", - "dev": true, "license": "MIT", "peerDependencies": { "postcss": "^8.1.0" @@ -48481,7 +48955,6 @@ }, "node_modules/postcss-gap-properties": { "version": "5.0.1", - "dev": true, "funding": [ { "type": "github", @@ -48502,7 +48975,6 @@ }, "node_modules/postcss-image-set-function": { "version": "6.0.3", - "dev": true, "funding": [ { "type": "github", @@ -48526,8 +48998,9 @@ } }, "node_modules/postcss-lab-function": { - "version": "6.0.16", - "dev": true, + "version": "6.0.19", + "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.19.tgz", + "integrity": "sha512-vwln/mgvFrotJuGV8GFhpAOu9iGf3pvTBr6dLPDmUcqVD5OsQpEFyQMAFTxSxWXGEzBj6ld4pZ/9GDfEpXvo0g==", "funding": [ { "type": "github", @@ -48540,10 +49013,10 @@ ], "license": "MIT-0", "dependencies": { - "@csstools/css-color-parser": "^2.0.2", - "@csstools/css-parser-algorithms": "^2.6.3", - "@csstools/css-tokenizer": "^2.3.1", - "@csstools/postcss-progressive-custom-properties": "^3.2.0", + "@csstools/css-color-parser": "^2.0.4", + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", "@csstools/utilities": "^1.0.0" }, "engines": { @@ -48653,7 +49126,6 @@ }, "node_modules/postcss-logical": { "version": "7.0.1", - "dev": true, "funding": [ { "type": "github", @@ -48675,6 +49147,13 @@ "postcss": "^8.4" } }, + "node_modules/postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==", + "dev": true, + "license": "MIT" + }, "node_modules/postcss-merge-longhand": { "version": "5.1.7", "license": "MIT", @@ -48832,7 +49311,6 @@ }, "node_modules/postcss-nesting": { "version": "12.1.5", - "dev": true, "funding": [ { "type": "github", @@ -48974,7 +49452,6 @@ }, "node_modules/postcss-opacity-percentage": { "version": "2.0.0", - "dev": true, "funding": [ { "type": "kofi", @@ -49009,7 +49486,6 @@ }, "node_modules/postcss-overflow-shorthand": { "version": "5.0.1", - "dev": true, "funding": [ { "type": "github", @@ -49033,7 +49509,6 @@ }, "node_modules/postcss-page-break": { "version": "3.0.4", - "dev": true, "license": "MIT", "peerDependencies": { "postcss": "^8" @@ -49041,7 +49516,6 @@ }, "node_modules/postcss-place": { "version": "9.0.1", - "dev": true, "funding": [ { "type": "github", @@ -49146,9 +49620,12 @@ "postcss": "^8.4" } }, + "node_modules/postcss-preset-primer": { + "resolved": "packages/postcss-preset-primer", + "link": true + }, "node_modules/postcss-pseudo-class-any-link": { "version": "9.0.2", - "dev": true, "funding": [ { "type": "github", @@ -49199,15 +49676,74 @@ }, "node_modules/postcss-replace-overflow-wrap": { "version": "4.0.0", - "dev": true, "license": "MIT", "peerDependencies": { "postcss": "^8.0.3" } }, + "node_modules/postcss-resolve-nested-selector": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.4.tgz", + "integrity": "sha512-R6vHqZWgVnTAPq0C+xjyHfEZqfIYboCBVSy24MjxEDm+tIh1BU4O6o7DP7AA7kHzf136d+Qc5duI4tlpHjixDw==", + "dev": true, + "license": "MIT" + }, + "node_modules/postcss-safe-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz", + "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "engines": { + "node": ">=18.0" + }, + "peerDependencies": { + "postcss": "^8.4.31" + } + }, + "node_modules/postcss-scss": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz", + "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-scss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "engines": { + "node": ">=12.0" + }, + "peerDependencies": { + "postcss": "^8.4.29" + } + }, "node_modules/postcss-selector-not": { "version": "7.0.2", - "dev": true, "funding": [ { "type": "github", @@ -49230,7 +49766,9 @@ } }, "node_modules/postcss-selector-parser": { - "version": "6.1.0", + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz", + "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==", "license": "MIT", "dependencies": { "cssesc": "^3.0.0", @@ -49240,6 +49778,32 @@ "node": ">=4" } }, + "node_modules/postcss-sorting": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.2.tgz", + "integrity": "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "postcss": "^8.4.20" + } + }, + "node_modules/postcss-styled-syntax": { + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/postcss-styled-syntax/-/postcss-styled-syntax-0.6.4.tgz", + "integrity": "sha512-uWiLn+9rKgIghUYmTHvXMR6MnyPULMe9Gv3bV537Fg4FH6CA6cn21WMjKss2Qb98LUhT847tKfnRGG3FhSOgUQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "typescript": "^5.3.3" + }, + "engines": { + "node": ">=14.17" + }, + "peerDependencies": { + "postcss": "^8.4.21" + } + }, "node_modules/postcss-svgo": { "version": "5.1.0", "license": "MIT", @@ -49271,6 +49835,31 @@ "version": "4.2.0", "license": "MIT" }, + "node_modules/postcss-values-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-6.0.2.tgz", + "integrity": "sha512-YLJpK0N1brcNJrs9WatuJFtHaV9q5aAOj+S4DI5S7jgHlRfm0PIbDCAFRYMQD5SHq7Fy6xsDhyutgS0QOAs0qw==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "color-name": "^1.1.4", + "is-url-superb": "^4.0.0", + "quote-unquote": "^1.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "postcss": "^8.2.9" + } + }, + "node_modules/postcss-values-parser/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, "node_modules/prebuild-install": { "version": "7.1.2", "license": "MIT", @@ -49834,6 +50423,13 @@ "node": ">=8" } }, + "node_modules/quote-unquote": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/quote-unquote/-/quote-unquote-1.0.0.tgz", + "integrity": "sha512-twwRO/ilhlG/FIgYeKGFqyHhoEhqgnKVkcmqMKi2r524gz3ZbDTcyFt38E9xjJI2vT+KbRNHVbnJ/e0I25Azwg==", + "dev": true, + "license": "MIT" + }, "node_modules/ramda": { "version": "0.29.0", "dev": true, @@ -52522,299 +53118,734 @@ "node": ">=0.10.0" } }, - "node_modules/rfdc": { - "version": "1.3.1", + "node_modules/rewire": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/rewire/-/rewire-5.0.0.tgz", + "integrity": "sha512-1zfitNyp9RH5UDyGGLe9/1N0bMlPQ0WrX0Tmg11kMHBpqwPJI4gfPpP7YngFyLbFmhXh19SToAG0sKKEFcOIJA==", "dev": true, - "license": "MIT" + "license": "MIT", + "dependencies": { + "eslint": "^6.8.0" + } }, - "node_modules/rimraf": { - "version": "5.0.5", + "node_modules/rewire/node_modules/acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "dev": true, - "license": "ISC", - "dependencies": { - "glob": "^10.3.7" - }, + "license": "MIT", "bin": { - "rimraf": "dist/esm/bin.mjs" + "acorn": "bin/acorn" }, "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "node": ">=0.4.0" } }, - "node_modules/rimraf/node_modules/brace-expansion": { - "version": "2.0.1", + "node_modules/rewire/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, "license": "MIT", "dependencies": { - "balanced-match": "^1.0.0" + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/rimraf/node_modules/cross-spawn": { - "version": "7.0.3", + "node_modules/rewire/node_modules/ansi-regex": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz", + "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==", "dev": true, "license": "MIT", - "dependencies": { - "path-key": "^3.1.0", - "shebang-command": "^2.0.0", - "which": "^2.0.1" - }, "engines": { - "node": ">= 8" + "node": ">=6" } }, - "node_modules/rimraf/node_modules/foreground-child": { - "version": "3.1.1", + "node_modules/rewire/node_modules/cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", "dev": true, - "license": "ISC", + "license": "MIT", "dependencies": { - "cross-spawn": "^7.0.0", - "signal-exit": "^4.0.1" + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" }, "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "node": ">=4.8" } }, - "node_modules/rimraf/node_modules/glob": { - "version": "10.3.10", + "node_modules/rewire/node_modules/cross-spawn/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, "license": "ISC", - "dependencies": { - "foreground-child": "^3.1.0", - "jackspeak": "^2.3.5", - "minimatch": "^9.0.1", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", - "path-scurry": "^1.10.1" - }, "bin": { - "glob": "dist/esm/bin.mjs" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "semver": "bin/semver" } }, - "node_modules/rimraf/node_modules/minimatch": { - "version": "9.0.3", + "node_modules/rewire/node_modules/emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", "dev": true, - "license": "ISC", + "license": "MIT" + }, + "node_modules/rewire/node_modules/eslint": { + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz", + "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==", + "dev": true, + "license": "MIT", "dependencies": { - "brace-expansion": "^2.0.1" + "@babel/code-frame": "^7.0.0", + "ajv": "^6.10.0", + "chalk": "^2.1.0", + "cross-spawn": "^6.0.5", + "debug": "^4.0.1", + "doctrine": "^3.0.0", + "eslint-scope": "^5.0.0", + "eslint-utils": "^1.4.3", + "eslint-visitor-keys": "^1.1.0", + "espree": "^6.1.2", + "esquery": "^1.0.1", + "esutils": "^2.0.2", + "file-entry-cache": "^5.0.1", + "functional-red-black-tree": "^1.0.1", + "glob-parent": "^5.0.0", + "globals": "^12.1.0", + "ignore": "^4.0.6", + "import-fresh": "^3.0.0", + "imurmurhash": "^0.1.4", + "inquirer": "^7.0.0", + "is-glob": "^4.0.0", + "js-yaml": "^3.13.1", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.3.0", + "lodash": "^4.17.14", + "minimatch": "^3.0.4", + "mkdirp": "^0.5.1", + "natural-compare": "^1.4.0", + "optionator": "^0.8.3", + "progress": "^2.0.0", + "regexpp": "^2.0.1", + "semver": "^6.1.2", + "strip-ansi": "^5.2.0", + "strip-json-comments": "^3.0.1", + "table": "^5.2.3", + "text-table": "^0.2.0", + "v8-compile-cache": "^2.0.3" + }, + "bin": { + "eslint": "bin/eslint.js" }, "engines": { - "node": ">=16 || 14 >=14.17" + "node": "^8.10.0 || ^10.13.0 || >=11.10.1" }, "funding": { - "url": "https://github.com/sponsors/isaacs" + "url": "https://opencollective.com/eslint" } }, - "node_modules/rimraf/node_modules/shebang-command": { - "version": "2.0.0", + "node_modules/rewire/node_modules/eslint-utils": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", + "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", "dev": true, "license": "MIT", "dependencies": { - "shebang-regex": "^3.0.0" + "eslint-visitor-keys": "^1.1.0" }, "engines": { - "node": ">=8" - } - }, - "node_modules/rimraf/node_modules/shebang-regex": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" + "node": ">=6" } }, - "node_modules/rimraf/node_modules/signal-exit": { - "version": "4.1.0", + "node_modules/rewire/node_modules/eslint-visitor-keys": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", + "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", "dev": true, - "license": "ISC", + "license": "Apache-2.0", "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "node": ">=4" } }, - "node_modules/rimraf/node_modules/which": { - "version": "2.0.2", + "node_modules/rewire/node_modules/espree": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz", + "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==", "dev": true, - "license": "ISC", + "license": "BSD-2-Clause", "dependencies": { - "isexe": "^2.0.0" - }, - "bin": { - "node-which": "bin/node-which" + "acorn": "^7.1.1", + "acorn-jsx": "^5.2.0", + "eslint-visitor-keys": "^1.1.0" }, "engines": { - "node": ">= 8" + "node": ">=6.0.0" } }, - "node_modules/rollup": { - "version": "4.9.6", + "node_modules/rewire/node_modules/file-entry-cache": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz", + "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.5" - }, - "bin": { - "rollup": "dist/bin/rollup" + "flat-cache": "^2.0.1" }, "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" - }, - "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.9.6", - "@rollup/rollup-android-arm64": "4.9.6", - "@rollup/rollup-darwin-arm64": "4.9.6", - "@rollup/rollup-darwin-x64": "4.9.6", - "@rollup/rollup-linux-arm-gnueabihf": "4.9.6", - "@rollup/rollup-linux-arm64-gnu": "4.9.6", - "@rollup/rollup-linux-arm64-musl": "4.9.6", - "@rollup/rollup-linux-riscv64-gnu": "4.9.6", - "@rollup/rollup-linux-x64-gnu": "4.9.6", - "@rollup/rollup-linux-x64-musl": "4.9.6", - "@rollup/rollup-win32-arm64-msvc": "4.9.6", - "@rollup/rollup-win32-ia32-msvc": "4.9.6", - "@rollup/rollup-win32-x64-msvc": "4.9.6", - "fsevents": "~2.3.2" + "node": ">=4" } }, - "node_modules/rollup-plugin-esbuild": { - "version": "6.1.1", + "node_modules/rewire/node_modules/flat-cache": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz", + "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==", "dev": true, "license": "MIT", "dependencies": { - "@rollup/pluginutils": "^5.0.5", - "debug": "^4.3.4", - "es-module-lexer": "^1.3.1", - "get-tsconfig": "^4.7.2" + "flatted": "^2.0.0", + "rimraf": "2.6.3", + "write": "1.0.3" }, "engines": { - "node": ">=14.18.0" - }, - "peerDependencies": { - "esbuild": ">=0.18.0", - "rollup": "^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0" + "node": ">=4" } }, - "node_modules/rollup-plugin-import-css": { - "resolved": "packages/rollup-plugin-import-css", - "link": true - }, - "node_modules/rollup-plugin-postcss": { - "version": "4.0.2", + "node_modules/rewire/node_modules/flatted": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz", + "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==", "dev": true, - "license": "MIT", - "dependencies": { - "chalk": "^4.1.0", - "concat-with-sourcemaps": "^1.1.0", - "cssnano": "^5.0.1", - "import-cwd": "^3.0.0", - "p-queue": "^6.6.2", - "pify": "^5.0.0", - "postcss-load-config": "^3.0.0", - "postcss-modules": "^4.0.0", - "promise.series": "^0.2.0", - "resolve": "^1.19.0", - "rollup-pluginutils": "^2.8.2", - "safe-identifier": "^0.4.2", - "style-inject": "^0.3.0" - }, - "engines": { - "node": ">=10" - }, - "peerDependencies": { - "postcss": "8.x" - } + "license": "ISC" }, - "node_modules/rollup-plugin-postcss/node_modules/ansi-styles": { - "version": "4.3.0", + "node_modules/rewire/node_modules/globals": { + "version": "12.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", + "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", "dev": true, "license": "MIT", "dependencies": { - "color-convert": "^2.0.1" + "type-fest": "^0.8.1" }, "engines": { "node": ">=8" }, "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/rollup-plugin-postcss/node_modules/chalk": { - "version": "4.1.2", + "node_modules/rewire/node_modules/ignore": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", + "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", "dev": true, "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" + "node": ">= 4" } }, - "node_modules/rollup-plugin-postcss/node_modules/color-convert": { - "version": "2.0.1", + "node_modules/rewire/node_modules/is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==", "dev": true, "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, "engines": { - "node": ">=7.0.0" + "node": ">=4" } }, - "node_modules/rollup-plugin-postcss/node_modules/color-name": { - "version": "1.1.4", + "node_modules/rewire/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", "dev": true, "license": "MIT" }, - "node_modules/rollup-plugin-postcss/node_modules/has-flag": { - "version": "4.0.0", + "node_modules/rewire/node_modules/levn": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", + "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==", "dev": true, "license": "MIT", + "dependencies": { + "prelude-ls": "~1.1.2", + "type-check": "~0.3.2" + }, "engines": { - "node": ">=8" + "node": ">= 0.8.0" } }, - "node_modules/rollup-plugin-postcss/node_modules/pify": { - "version": "5.0.0", + "node_modules/rewire/node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", "dev": true, "license": "MIT", - "engines": { - "node": ">=10" + "dependencies": { + "minimist": "^1.2.6" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "bin": { + "mkdirp": "bin/cmd.js" } }, - "node_modules/rollup-plugin-postcss/node_modules/supports-color": { - "version": "7.2.0", + "node_modules/rewire/node_modules/optionator": { + "version": "0.8.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz", + "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==", "dev": true, "license": "MIT", "dependencies": { - "has-flag": "^4.0.0" + "deep-is": "~0.1.3", + "fast-levenshtein": "~2.0.6", + "levn": "~0.3.0", + "prelude-ls": "~1.1.2", + "type-check": "~0.3.2", + "word-wrap": "~1.2.3" }, "engines": { - "node": ">=8" + "node": ">= 0.8.0" } }, - "node_modules/rollup-plugin-typescript2": { - "version": "0.36.0", + "node_modules/rewire/node_modules/path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/prelude-ls": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz", + "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/regexpp": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz", + "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.5.0" + } + }, + "node_modules/rewire/node_modules/rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/rewire/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/rewire/node_modules/slice-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", + "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^3.2.0", + "astral-regex": "^1.0.0", + "is-fullwidth-code-point": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^4.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/table": { + "version": "5.4.6", + "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz", + "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "ajv": "^6.10.2", + "lodash": "^4.17.14", + "slice-ansi": "^2.1.0", + "string-width": "^3.0.0" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/rewire/node_modules/type-check": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz", + "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "~1.1.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true, + "license": "(MIT OR CC0-1.0)", + "engines": { + "node": ">=8" + } + }, + "node_modules/rfdc": { + "version": "1.3.1", + "dev": true, + "license": "MIT" + }, + "node_modules/rimraf": { + "version": "5.0.5", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/brace-expansion": { + "version": "2.0.1", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/rimraf/node_modules/cross-spawn": { + "version": "7.0.3", + "dev": true, + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/rimraf/node_modules/foreground-child": { + "version": "3.1.1", + "dev": true, + "license": "ISC", + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/glob": { + "version": "10.3.10", + "dev": true, + "license": "ISC", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/minimatch": { + "version": "9.0.3", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/shebang-command": { + "version": "2.0.0", + "dev": true, + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/rimraf/node_modules/shebang-regex": { + "version": "3.0.0", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/rimraf/node_modules/signal-exit": { + "version": "4.1.0", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/which": { + "version": "2.0.2", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/rollup": { + "version": "4.9.6", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.5" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.9.6", + "@rollup/rollup-android-arm64": "4.9.6", + "@rollup/rollup-darwin-arm64": "4.9.6", + "@rollup/rollup-darwin-x64": "4.9.6", + "@rollup/rollup-linux-arm-gnueabihf": "4.9.6", + "@rollup/rollup-linux-arm64-gnu": "4.9.6", + "@rollup/rollup-linux-arm64-musl": "4.9.6", + "@rollup/rollup-linux-riscv64-gnu": "4.9.6", + "@rollup/rollup-linux-x64-gnu": "4.9.6", + "@rollup/rollup-linux-x64-musl": "4.9.6", + "@rollup/rollup-win32-arm64-msvc": "4.9.6", + "@rollup/rollup-win32-ia32-msvc": "4.9.6", + "@rollup/rollup-win32-x64-msvc": "4.9.6", + "fsevents": "~2.3.2" + } + }, + "node_modules/rollup-plugin-esbuild": { + "version": "6.1.1", + "dev": true, + "license": "MIT", + "dependencies": { + "@rollup/pluginutils": "^5.0.5", + "debug": "^4.3.4", + "es-module-lexer": "^1.3.1", + "get-tsconfig": "^4.7.2" + }, + "engines": { + "node": ">=14.18.0" + }, + "peerDependencies": { + "esbuild": ">=0.18.0", + "rollup": "^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0" + } + }, + "node_modules/rollup-plugin-import-css": { + "resolved": "packages/rollup-plugin-import-css", + "link": true + }, + "node_modules/rollup-plugin-postcss": { + "version": "4.0.2", + "dev": true, + "license": "MIT", + "dependencies": { + "chalk": "^4.1.0", + "concat-with-sourcemaps": "^1.1.0", + "cssnano": "^5.0.1", + "import-cwd": "^3.0.0", + "p-queue": "^6.6.2", + "pify": "^5.0.0", + "postcss-load-config": "^3.0.0", + "postcss-modules": "^4.0.0", + "promise.series": "^0.2.0", + "resolve": "^1.19.0", + "rollup-pluginutils": "^2.8.2", + "safe-identifier": "^0.4.2", + "style-inject": "^0.3.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "postcss": "8.x" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/ansi-styles": { + "version": "4.3.0", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/chalk": { + "version": "4.1.2", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/color-convert": { + "version": "2.0.1", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/color-name": { + "version": "1.1.4", + "dev": true, + "license": "MIT" + }, + "node_modules/rollup-plugin-postcss/node_modules/has-flag": { + "version": "4.0.0", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/pify": { + "version": "5.0.0", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/rollup-plugin-postcss/node_modules/supports-color": { + "version": "7.2.0", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/rollup-plugin-typescript2": { + "version": "0.36.0", "dev": true, "license": "MIT", "dependencies": { @@ -54309,6 +55340,47 @@ "node": ">=0.10.0" } }, + "node_modules/split2": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/split2/-/split2-0.2.1.tgz", + "integrity": "sha512-D/oTExYAkC9nWleOCTOyNmAuzfAT/6rHGBA9LIK7FVnGo13CSvrKCUzKenwH6U1s2znY9MqH6v0UQTEDa3vJmg==", + "dev": true, + "license": "ISC", + "dependencies": { + "through2": "~0.6.1" + } + }, + "node_modules/split2/node_modules/readable-stream": { + "version": "1.0.34", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", + "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==", + "dev": true, + "license": "MIT", + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" + } + }, + "node_modules/split2/node_modules/string_decoder": { + "version": "0.10.31", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/split2/node_modules/through2": { + "version": "0.6.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", + "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "readable-stream": ">=1.0.33-1 <1.1.0-0", + "xtend": ">=4.0.0 <4.1.0-0" + } + }, "node_modules/sprintf-js": { "version": "1.0.3", "license": "BSD-3-Clause" @@ -54602,7 +55674,6 @@ "node_modules/string-width-cjs": { "name": "string-width", "version": "4.2.3", - "dev": true, "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", @@ -54702,7 +55773,6 @@ "node_modules/strip-ansi-cjs": { "name": "strip-ansi", "version": "6.0.1", - "dev": true, "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" @@ -54928,6 +55998,507 @@ "postcss": "^8.2.15" } }, + "node_modules/stylelint": { + "version": "16.8.1", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.8.1.tgz", + "integrity": "sha512-O8aDyfdODSDNz/B3gW2HQ+8kv8pfhSu7ZR7xskQ93+vI6FhKKGUJMQ03Ydu+w3OvXXE0/u4hWU4hCPNOyld+OA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "dependencies": { + "@csstools/css-parser-algorithms": "^2.7.1", + "@csstools/css-tokenizer": "^2.4.1", + "@csstools/media-query-list-parser": "^2.1.13", + "@csstools/selector-specificity": "^3.1.1", + "@dual-bundle/import-meta-resolve": "^4.1.0", + "balanced-match": "^2.0.0", + "colord": "^2.9.3", + "cosmiconfig": "^9.0.0", + "css-functions-list": "^3.2.2", + "css-tree": "^2.3.1", + "debug": "^4.3.6", + "fast-glob": "^3.3.2", + "fastest-levenshtein": "^1.0.16", + "file-entry-cache": "^9.0.0", + "global-modules": "^2.0.0", + "globby": "^11.1.0", + "globjoin": "^0.1.4", + "html-tags": "^3.3.1", + "ignore": "^5.3.1", + "imurmurhash": "^0.1.4", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.34.0", + "mathml-tag-names": "^2.1.3", + "meow": "^13.2.0", + "micromatch": "^4.0.7", + "normalize-path": "^3.0.0", + "picocolors": "^1.0.1", + "postcss": "^8.4.40", + "postcss-resolve-nested-selector": "^0.1.4", + "postcss-safe-parser": "^7.0.0", + "postcss-selector-parser": "^6.1.1", + "postcss-value-parser": "^4.2.0", + "resolve-from": "^5.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^7.1.0", + "supports-hyperlinks": "^3.0.0", + "svg-tags": "^1.0.0", + "table": "^6.8.2", + "write-file-atomic": "^5.0.1" + }, + "bin": { + "stylelint": "bin/stylelint.mjs" + }, + "engines": { + "node": ">=18.12.0" + } + }, + "node_modules/stylelint-config-recommended": { + "version": "14.0.1", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.1.tgz", + "integrity": "sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.1.0" + } + }, + "node_modules/stylelint-config-standard": { + "version": "36.0.1", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-36.0.1.tgz", + "integrity": "sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "dependencies": { + "stylelint-config-recommended": "^14.0.1" + }, + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.1.0" + } + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/stylelint-css-modules-no-global-scoped-selector/-/stylelint-css-modules-no-global-scoped-selector-1.0.2.tgz", + "integrity": "sha512-NMerTM1/8D4Az/c3P59eYptP3PoNuUXV1NuJ+Xe+TILqZH8UE4oV9NvjUnklnVHvYqk5HsjAURnvMNXZAzYBLA==", + "dev": true, + "license": "ISC", + "dependencies": { + "lodash": "^4.17.21", + "postcss-modules-local-by-default": "3.0.3", + "postcss-resolve-nested-selector": "^0.1.1", + "rewire": "^5.0.0" + }, + "peerDependencies": { + "stylelint": "^13.0.0 || ^14.0.0" + } + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector/node_modules/icss-utils": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz", + "integrity": "sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==", + "dev": true, + "license": "ISC", + "dependencies": { + "postcss": "^7.0.14" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true, + "license": "ISC" + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + } + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector/node_modules/postcss-modules-local-by-default": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz", + "integrity": "sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==", + "dev": true, + "license": "MIT", + "dependencies": { + "icss-utils": "^4.1.1", + "postcss": "^7.0.32", + "postcss-selector-parser": "^6.0.2", + "postcss-value-parser": "^4.1.0" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/stylelint-no-unsupported-browser-features": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/stylelint-no-unsupported-browser-features/-/stylelint-no-unsupported-browser-features-8.0.1.tgz", + "integrity": "sha512-tc8Xn5DaqJhxTmbA4H8gZbYdAz027NfuSZv5+cVieQb7BtBrF/1/iKYdpcGwXPl3GtqkQrisiXuGqKkKnzWcLw==", + "dev": true, + "license": "MIT", + "dependencies": { + "doiuse": "^6.0.2", + "postcss": "^8.4.32" + }, + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.0.2" + } + }, + "node_modules/stylelint-order": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.4.tgz", + "integrity": "sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "postcss": "^8.4.32", + "postcss-sorting": "^8.0.2" + }, + "peerDependencies": { + "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.1" + } + }, + "node_modules/stylelint-scss": { + "version": "6.4.1", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.4.1.tgz", + "integrity": "sha512-+clI2bQC2FPOt06ZwUlXZZ95IO2C5bKTP0GLN1LNQPVvISfSNcgMKv/VTwym1mK9vnqhHbOk8lO4rj4nY7L9pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "known-css-properties": "^0.34.0", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-selector-parser": "^6.1.0", + "postcss-value-parser": "^4.2.0" + }, + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.0.2" + } + }, + "node_modules/stylelint-value-no-unknown-custom-properties": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/stylelint-value-no-unknown-custom-properties/-/stylelint-value-no-unknown-custom-properties-6.0.1.tgz", + "integrity": "sha512-N60PTdaTknB35j6D4FhW0GL2LlBRV++bRpXMMldWMQZ240yFQaoltzlLY4lXXs7Z0J5mNUYZQ/gjyVtU2DhCMA==", + "dev": true, + "license": "CC0-1.0", + "dependencies": { + "postcss-value-parser": "^4.2.0", + "resolve": "^1.22.8" + }, + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": ">=16" + } + }, + "node_modules/stylelint/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/stylelint/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/stylelint/node_modules/balanced-match": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", + "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", + "dev": true, + "license": "MIT" + }, + "node_modules/stylelint/node_modules/cosmiconfig": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "env-paths": "^2.2.1", + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/stylelint/node_modules/css-tree": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", + "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", + "dev": true, + "license": "MIT", + "dependencies": { + "mdn-data": "2.0.30", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, + "node_modules/stylelint/node_modules/debug": { + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz", + "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/stylelint/node_modules/file-entry-cache": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-9.0.0.tgz", + "integrity": "sha512-6MgEugi8p2tiUhqO7GnPsmbCCzj0YRCwwaTbpGRyKZesjRSzkqkAE9fPp7V2yMs5hwfgbQLgdvSSkGNg1s5Uvw==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/stylelint/node_modules/flat-cache": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-5.0.0.tgz", + "integrity": "sha512-JrqFmyUl2PnPi1OvLyTVHnQvwQ0S+e6lGSwu8OkAZlSaNIZciTY2H/cOOROxsBA1m/LZNHDsqAgDZt6akWcjsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "flatted": "^3.3.1", + "keyv": "^4.5.4" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/stylelint/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/stylelint/node_modules/mdn-data": { + "version": "2.0.30", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", + "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", + "dev": true, + "license": "CC0-1.0" + }, + "node_modules/stylelint/node_modules/meow": { + "version": "13.2.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz", + "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/stylelint/node_modules/micromatch": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz", + "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/stylelint/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/stylelint/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/stylelint/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/supports-hyperlinks": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz", + "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0", + "supports-color": "^7.0.0" + }, + "engines": { + "node": ">=14.18" + } + }, + "node_modules/stylelint/node_modules/write-file-atomic": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz", + "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, "node_modules/stylus": { "version": "0.62.0", "dev": true, @@ -55058,6 +56629,12 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/svg-tags": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", + "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==", + "dev": true + }, "node_modules/svgo": { "version": "2.8.0", "license": "MIT", @@ -55143,7 +56720,9 @@ } }, "node_modules/table": { - "version": "6.8.1", + "version": "6.8.2", + "resolved": "https://registry.npmjs.org/table/-/table-6.8.2.tgz", + "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==", "license": "BSD-3-Clause", "dependencies": { "ajv": "^8.0.1", @@ -55205,6 +56784,13 @@ "url": "https://github.com/chalk/slice-ansi?sponsor=1" } }, + "node_modules/tap-map": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/tap-map/-/tap-map-1.0.0.tgz", + "integrity": "sha512-qYUKYf/zPDpj9xL8eb3mBcGN+8qHcW4Yvem02SapcBZAw9PQHHrozIu+bma3o5MdDbcmgKK88hv5rCTGR8RZfA==", + "dev": true, + "license": "MIT" + }, "node_modules/tapable": { "version": "2.2.1", "license": "MIT", @@ -57279,7 +58865,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.0.13", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz", + "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==", "funding": [ { "type": "opencollective", @@ -57296,8 +58884,8 @@ ], "license": "MIT", "dependencies": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" + "escalade": "^3.1.2", + "picocolors": "^1.0.1" }, "bin": { "update-browserslist-db": "cli.js" @@ -58733,7 +60321,6 @@ "node_modules/wrap-ansi-cjs": { "name": "wrap-ansi", "version": "7.0.0", - "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", @@ -58749,7 +60336,6 @@ }, "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { "version": "4.3.0", - "dev": true, "license": "MIT", "dependencies": { "color-convert": "^2.0.1" @@ -58763,7 +60349,6 @@ }, "node_modules/wrap-ansi-cjs/node_modules/color-convert": { "version": "2.0.1", - "dev": true, "license": "MIT", "dependencies": { "color-name": "~1.1.4" @@ -58774,7 +60359,6 @@ }, "node_modules/wrap-ansi-cjs/node_modules/color-name": { "version": "1.1.4", - "dev": true, "license": "MIT" }, "node_modules/wrap-ansi/node_modules/ansi-styles": { @@ -58808,6 +60392,19 @@ "version": "1.0.2", "license": "ISC" }, + "node_modules/write": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz", + "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==", + "dev": true, + "license": "MIT", + "dependencies": { + "mkdirp": "^0.5.1" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/write-file-atomic": { "version": "3.0.3", "license": "ISC", @@ -58818,6 +60415,19 @@ "typedarray-to-buffer": "^3.1.5" } }, + "node_modules/write/node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, "node_modules/ws": { "version": "8.16.0", "dev": true, @@ -59097,15 +60707,302 @@ "url": "https://github.com/sponsors/wooorm" } }, + "packages/postcss-preset-primer": { + "version": "0.0.0", + "dependencies": { + "@csstools/postcss-global-data": "2.1.1", + "@primer/primitives": "8.2.3", + "glob": "11.0.0", + "postcss-custom-media": "10.0.8", + "postcss-nesting": "12.1.5", + "postcss-preset-env": "9.6.0" + }, + "devDependencies": { + "typescript": "5.5.3" + } + }, + "packages/postcss-preset-primer/node_modules/@primer/primitives": { + "version": "8.2.3", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-8.2.3.tgz", + "integrity": "sha512-K8A/DA6xv8P/kD/9DupFn+KYlo06OpcrwfwJf+sKp+KnX7ZRwLLDg1AaEGAoRoaykXRY/gfrXlgDfK7laOTWyA==", + "license": "MIT" + }, + "packages/postcss-preset-primer/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "packages/postcss-preset-primer/node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "packages/postcss-preset-primer/node_modules/foreground-child": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz", + "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==", + "license": "ISC", + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "packages/postcss-preset-primer/node_modules/glob": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.0.tgz", + "integrity": "sha512-9UiX/Bl6J2yaBbxKoEBRm4Cipxgok8kQYcOPEhScPwebu2I0HoQOuYdIO6S3hLuWoZgpDpwQZMzTFxgpkyT76g==", + "license": "ISC", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^4.0.1", + "minimatch": "^10.0.0", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^2.0.0" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": "20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "packages/postcss-preset-primer/node_modules/jackspeak": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.0.1.tgz", + "integrity": "sha512-cub8rahkh0Q/bw1+GxP7aeSe29hHHn2V4m29nnDlvCdlgU+3UGxkZp7Z53jLUdpX3jdTO0nJZUDl3xvbWc2Xog==", + "license": "BlueOak-1.0.0", + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "engines": { + "node": "20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, + "packages/postcss-preset-primer/node_modules/lru-cache": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.0.tgz", + "integrity": "sha512-Qv32eSV1RSCfhY3fpPE2GNZ8jgM9X7rdAfemLWqTUxwiyIC4jJ6Sy0fZ8H+oLWevO6i4/bizg7c8d8i6bxrzbA==", + "license": "ISC", + "engines": { + "node": "20 || >=22" + } + }, + "packages/postcss-preset-primer/node_modules/minimatch": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz", + "integrity": "sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==", + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": "20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "packages/postcss-preset-primer/node_modules/path-scurry": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz", + "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==", + "license": "BlueOak-1.0.0", + "dependencies": { + "lru-cache": "^11.0.0", + "minipass": "^7.1.2" + }, + "engines": { + "node": "20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "packages/postcss-preset-primer/node_modules/postcss-preset-env": { + "version": "9.6.0", + "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.6.0.tgz", + "integrity": "sha512-Lxfk4RYjUdwPCYkc321QMdgtdCP34AeI94z+/8kVmqnTIlD4bMRQeGcMZgwz8BxHrzQiFXYIR5d7k/9JMs2MEA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0", + "dependencies": { + "@csstools/postcss-cascade-layers": "^4.0.6", + "@csstools/postcss-color-function": "^3.0.19", + "@csstools/postcss-color-mix-function": "^2.0.19", + "@csstools/postcss-content-alt-text": "^1.0.0", + "@csstools/postcss-exponential-functions": "^1.0.9", + "@csstools/postcss-font-format-keywords": "^3.0.2", + "@csstools/postcss-gamut-mapping": "^1.0.11", + "@csstools/postcss-gradients-interpolation-method": "^4.0.20", + "@csstools/postcss-hwb-function": "^3.0.18", + "@csstools/postcss-ic-unit": "^3.0.7", + "@csstools/postcss-initial": "^1.0.1", + "@csstools/postcss-is-pseudo-class": "^4.0.8", + "@csstools/postcss-light-dark-function": "^1.0.8", + "@csstools/postcss-logical-float-and-clear": "^2.0.1", + "@csstools/postcss-logical-overflow": "^1.0.1", + "@csstools/postcss-logical-overscroll-behavior": "^1.0.1", + "@csstools/postcss-logical-resize": "^2.0.1", + "@csstools/postcss-logical-viewport-units": "^2.0.11", + "@csstools/postcss-media-minmax": "^1.1.8", + "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.11", + "@csstools/postcss-nested-calc": "^3.0.2", + "@csstools/postcss-normalize-display-values": "^3.0.2", + "@csstools/postcss-oklab-function": "^3.0.19", + "@csstools/postcss-progressive-custom-properties": "^3.3.0", + "@csstools/postcss-relative-color-syntax": "^2.0.19", + "@csstools/postcss-scope-pseudo-class": "^3.0.1", + "@csstools/postcss-stepped-value-functions": "^3.0.10", + "@csstools/postcss-text-decoration-shorthand": "^3.0.7", + "@csstools/postcss-trigonometric-functions": "^3.0.10", + "@csstools/postcss-unset-value": "^3.0.1", + "autoprefixer": "^10.4.19", + "browserslist": "^4.23.1", + "css-blank-pseudo": "^6.0.2", + "css-has-pseudo": "^6.0.5", + "css-prefers-color-scheme": "^9.0.1", + "cssdb": "^8.1.0", + "postcss-attribute-case-insensitive": "^6.0.3", + "postcss-clamp": "^4.1.0", + "postcss-color-functional-notation": "^6.0.14", + "postcss-color-hex-alpha": "^9.0.4", + "postcss-color-rebeccapurple": "^9.0.3", + "postcss-custom-media": "^10.0.8", + "postcss-custom-properties": "^13.3.12", + "postcss-custom-selectors": "^7.1.12", + "postcss-dir-pseudo-class": "^8.0.1", + "postcss-double-position-gradients": "^5.0.7", + "postcss-focus-visible": "^9.0.1", + "postcss-focus-within": "^8.0.1", + "postcss-font-variant": "^5.0.0", + "postcss-gap-properties": "^5.0.1", + "postcss-image-set-function": "^6.0.3", + "postcss-lab-function": "^6.0.19", + "postcss-logical": "^7.0.1", + "postcss-nesting": "^12.1.5", + "postcss-opacity-percentage": "^2.0.0", + "postcss-overflow-shorthand": "^5.0.1", + "postcss-page-break": "^3.0.4", + "postcss-place": "^9.0.1", + "postcss-pseudo-class-any-link": "^9.0.2", + "postcss-replace-overflow-wrap": "^4.0.0", + "postcss-selector-not": "^7.0.2" + }, + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "postcss": "^8.4" + } + }, + "packages/postcss-preset-primer/node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "packages/postcss-preset-primer/node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "packages/postcss-preset-primer/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "license": "ISC", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "packages/postcss-preset-primer/node_modules/typescript": { + "version": "5.5.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz", + "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "packages/postcss-preset-primer/node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, "packages/react": { "name": "@primer/react", - "version": "36.26.0", + "version": "36.27.0", "license": "MIT", "dependencies": { "@github/combobox-nav": "^2.1.5", "@github/markdown-toolbar-element": "^2.1.0", "@github/paste-markdown": "^1.4.0", - "@github/relative-time-element": "^4.4.1", + "@github/relative-time-element": "^4.4.2", "@github/tab-container-element": "^4.8.0", "@lit-labs/react": "1.2.1", "@oddbird/popover-polyfill": "^0.3.1", @@ -59216,7 +61113,9 @@ "mdast-util-to-string": "4.0.0", "micromark-extension-frontmatter": "2.0.0", "micromark-extension-mdxjs": "3.0.0", + "postcss-custom-properties-fallback": "1.0.2", "postcss-preset-env": "9.5.14", + "postcss-preset-primer": "^0.0.0", "react": "18.3.1", "react-dnd": "14.0.4", "react-dnd-html5-backend": "14.0.2", @@ -59225,6 +61124,7 @@ "recast": "0.23.7", "rimraf": "5.0.5", "rollup": "4.9.6", + "rollup-plugin-import-css": "^0.0.0", "rollup-plugin-postcss": "4.0.2", "rollup-plugin-visualizer": "5.9.2", "semver": "7.6.2", diff --git a/package.json b/package.json index 34769bd7d18..41810e7ef9a 100644 --- a/package.json +++ b/package.json @@ -2,13 +2,14 @@ "name": "primer", "private": true, "workspaces": [ + "packages/rollup-plugin-import-css", "packages/*", "docs", "examples/*" ], "scripts": { "setup": "./script/setup", - "build": "npm run build -w @primer/react", + "build": "npm run build -w rollup-plugin-import-css -w @primer/react", "clean": "npm run clean -ws --if-present", "clean:all": "npm run clean && rimraf node_modules docs/node_modules packages/*/node_modules examples/*/node_modules", "format": "prettier --cache --write '**/*.{js,css,md,mdx,ts,tsx,yml}'", @@ -21,6 +22,7 @@ "build:docs:preview": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs preview", "build:components.json": "npm run build:components.json -w @primer/react", "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0", + "lint:css": "stylelint '**/*.css'", "lint:fix": "npm run lint -- --fix", "lint:md": "markdownlint-cli2 \"**/*.{md,mdx}\" \"!.github\" \"!.changeset\" \"!**/node_modules/**\" \"!**/CHANGELOG.md\"", "test": "jest", @@ -49,6 +51,7 @@ "@mdx-js/react": "1.6.22", "@playwright/test": "1.43.0", "@prettier/sync": "0.5.1", + "@primer/stylelint-config": "^13.0.0-rc.21ca0f0", "@size-limit/preset-big-lib": "11.0.2", "@types/jest": "29.5.6", "@typescript-eslint/eslint-plugin": "^7.11.0", @@ -76,6 +79,7 @@ "prettier": "3.0.3", "rimraf": "5.0.5", "size-limit": "11.0.2", + "stylelint": "^16.8.1", "typescript": "5.4.5" }, "optionalDependencies": { diff --git a/packages/postcss-preset-primer/README.md b/packages/postcss-preset-primer/README.md new file mode 100644 index 00000000000..51b3c96c706 --- /dev/null +++ b/packages/postcss-preset-primer/README.md @@ -0,0 +1,28 @@ +# postcss-preset-primer + +> A PostCSS plugin for the preset plugins used for Primer + +## Getting started + +To install `primer-preset-primer` in your project, you will need to run the following command using [npm](https://www.npmjs.com/): + +```bash +npm install postcss-preset-primer --save-dev +``` + +## Usage + +You can import and use `postcss-preset-primer` directly in your PostCSS config +file: + +```js +// postcss.config.js +const postcssPresetPrimer = require('postcss-preset-primer') + +/** @type {import('postcss-load-config').Config} */ +const config = { + plugins: [postcssPresetPrimer()], +} + +module.exports = config +``` diff --git a/packages/postcss-preset-primer/package.json b/packages/postcss-preset-primer/package.json new file mode 100644 index 00000000000..77be188f42e --- /dev/null +++ b/packages/postcss-preset-primer/package.json @@ -0,0 +1,21 @@ +{ + "name": "postcss-preset-primer", + "version": "0.0.0", + "private": true, + "type": "module", + "exports": "./src/index.js", + "scripts": { + "type-check": "tsc --noEmit" + }, + "dependencies": { + "@csstools/postcss-global-data": "2.1.1", + "@primer/primitives": "8.2.3", + "glob": "11.0.0", + "postcss-custom-media": "10.0.8", + "postcss-nesting": "12.1.5", + "postcss-preset-env": "9.6.0" + }, + "devDependencies": { + "typescript": "5.5.3" + } +} diff --git a/packages/postcss-preset-primer/src/index.js b/packages/postcss-preset-primer/src/index.js new file mode 100644 index 00000000000..6bb4584ba6f --- /dev/null +++ b/packages/postcss-preset-primer/src/index.js @@ -0,0 +1,90 @@ +import {existsSync} from 'node:fs' +import path from 'node:path' +import {fileURLToPath} from 'node:url' +import {globSync} from 'glob' + +const filepath = fileURLToPath(import.meta.url) +const {root: ROOT_DIR} = path.parse(filepath) + +/** + * @typedef {Object} PluginOptions + */ + +/** + * @type {import('postcss').PluginCreator} + */ +const postcssPresetPrimer = () => { + const primitivesPaths = ancestors(filepath).flatMap(directory => { + if (directory.endsWith('node_modules') && existsSync(path.join(directory, '@primer', 'primitives'))) { + return path.join(directory, '@primer', 'primitives') + } + + if (existsSync(path.join(directory, 'node_modules', '@primer', 'primitives'))) { + return path.join(directory, 'node_modules', '@primer', 'primitives') + } + + return [] + }) + + if (primitivesPaths.length === 0) { + throw new Error('Unable to resolve @primer/primitives') + } + + const [primitivesPath] = primitivesPaths + + return { + postcssPlugin: 'postcss-preset-primer', + plugins: [ + [ + 'postcss-preset-env', + { + stage: 2, + // https://preset-env.cssdb.org/features/#stage-2 + features: { + 'nesting-rules': { + noIsPseudoSelector: true, + }, + 'focus-visible-pseudo-class': false, + 'logical-properties-and-values': false, + }, + }, + ], + [ + '@csstools/postcss-global-data', + { + files: globSync('dist/css/**/*.css', { + cwd: primitivesPath, + }), + }, + ], + ['postcss-nesting', {edition: '2024-02'}], + ['postcss-custom-media', {}], + ], + } +} + +postcssPresetPrimer.postcss = true + +/** + * Returns an array of the the directory and its ancestors + * @param {string} directory + * @returns {Array} + */ +function ancestors(directory) { + const result = [] + let current = directory + + while (current !== '') { + result.push(current) + + if (current !== ROOT_DIR) { + current = path.dirname(current) + } else { + current = '' + } + } + + return result +} + +export default postcssPresetPrimer diff --git a/packages/postcss-preset-primer/tsconfig.json b/packages/postcss-preset-primer/tsconfig.json new file mode 100644 index 00000000000..707738978e7 --- /dev/null +++ b/packages/postcss-preset-primer/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.base.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true + }, + "include": ["src"] +} + diff --git a/packages/react/.storybook/manager.js b/packages/react/.storybook/manager.js index 0505fef91b3..3f4a039ca72 100644 --- a/packages/react/.storybook/manager.js +++ b/packages/react/.storybook/manager.js @@ -1,6 +1,11 @@ import {addons, types} from '@storybook/addons' +import {useGlobals} from '@storybook/manager-api' +import {IconButton, WithTooltip, TooltipLinkList} from '@storybook/components' +import {BeakerIcon} from '@primer/octicons-react' +import React from 'react' import {Tool, TOOL_ID, ADDON_ID} from './src/accessibility-tool' import theme from './theme' +import {DefaultFeatureFlags} from '../src/FeatureFlags/DefaultFeatureFlags' addons.setConfig({ theme, @@ -15,3 +20,54 @@ addons.register(ADDON_ID, () => { render: Tool, }) }) + +const featureFlagList = Array.from(DefaultFeatureFlags.flags.keys()) + +addons.register('FEATURE_FLAG_ADDON', () => { + addons.add('FEATURE_FLAG_ADDON/toolbar', { + type: types.TOOL, + match: ({tabId, viewMode}) => { + return !tabId && viewMode === 'story' + }, + render: () => { + const [{featureFlags}, updateGlobals] = useGlobals() + const hasFeatureEnabled = Object.values(featureFlags ?? {}).find(value => { + return value + }) + return ( + { + return ( + { + const active = featureFlags?.[featureFlag] + return { + id: featureFlag, + title: active ? `✅ ${featureFlag}` : featureFlag, + active, + onClick: () => { + updateGlobals({ + featureFlags: { + ...featureFlags, + [featureFlag]: !active, + }, + }) + onHide() + }, + } + })} + /> + ) + }} + > + + + + + ) + }, + }) +}) diff --git a/packages/react/.storybook/preview.js b/packages/react/.storybook/preview.js index fd946332731..f34925bceea 100644 --- a/packages/react/.storybook/preview.js +++ b/packages/react/.storybook/preview.js @@ -2,6 +2,7 @@ import {PrimerBreakpoints} from '../src/utils/layout' import React, {useEffect} from 'react' import {ThemeProvider, BaseStyles, theme} from '../src' import {FeatureFlags} from '../src/FeatureFlags' +import {DefaultFeatureFlags} from '../src/FeatureFlags/DefaultFeatureFlags' import clsx from 'clsx' import './storybook.css' @@ -183,9 +184,22 @@ export const globalTypes = { }, showSurroundingElements: {}, }, + featureFlags: { + name: 'Feature flags', + description: 'Toggle feature flags', + defaultValue: Object.fromEntries(DefaultFeatureFlags.flags), + }, } export const decorators = [ + (Story, context) => { + const {featureFlags} = context.globals + return ( + + + + ) + }, (Story, context) => { const {colorScheme} = context.globals diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 05373ae008c..7ca28830038 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,32 @@ # @primer/react +## 37.0.0-rc.0 + +### Major Changes + +- [#4800](https://github.com/primer/react/pull/4800) [`482b4d6ab815350d5f5b71d686bf76cb3d234686`](https://github.com/primer/react/commit/482b4d6ab815350d5f5b71d686bf76cb3d234686) Thanks [@joshblack](https://github.com/joshblack)! - Update Primer React to emit _.css files that are imported by emitted _.js files for styling + +### Minor Changes + +- [#4814](https://github.com/primer/react/pull/4814) [`1cda89c2d92719e0fa85e3945a53bd5bd6b301de`](https://github.com/primer/react/commit/1cda89c2d92719e0fa85e3945a53bd5bd6b301de) Thanks [@langermank](https://github.com/langermank)! - Add `link` variant to Button + +- [#4771](https://github.com/primer/react/pull/4771) [`92e05f7c51d23778ead897f935f2cc14ed8ceff1`](https://github.com/primer/react/commit/92e05f7c51d23778ead897f935f2cc14ed8ceff1) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Set `openOnFocus` default to `false`, making the menu closed initially rather than opening on focus of input + +- [#4798](https://github.com/primer/react/pull/4798) [`0fa60a49177cf6bf60cdb5d4714d5e55708461f9`](https://github.com/primer/react/commit/0fa60a49177cf6bf60cdb5d4714d5e55708461f9) Thanks [@joshblack](https://github.com/joshblack)! - Add the deprecated Dialog, Octicon, Pagehead, TabNav, and Tooltip components to @primer/react/deprecated + +### Patch Changes + +- [#4774](https://github.com/primer/react/pull/4774) [`11e7aef33f124e84b4cf5c9e62c766834c6d1c31`](https://github.com/primer/react/commit/11e7aef33f124e84b4cf5c9e62c766834c6d1c31) Thanks [@langermank](https://github.com/langermank)! - - Adjust checkbox and radio border color values for high contrast themes + + - Add default border to SegmentedControl + - Add inset box-shadow to StatusLabel to prep for new border-color in dark high contrast + +- [#4666](https://github.com/primer/react/pull/4666) [`04eac6280224d365f0496d927a87b32150006f9e`](https://github.com/primer/react/commit/04eac6280224d365f0496d927a87b32150006f9e) Thanks [@TylerJDev](https://github.com/TylerJDev)! - ActionList: Adds `aria-labelledby` to `ActionList.TrailingVisual`, making it part of the accessible name of `ActionList.Item` + +- [#4768](https://github.com/primer/react/pull/4768) [`b7c90ea44be4abfb00a451567115cda6d9bc864d`](https://github.com/primer/react/commit/b7c90ea44be4abfb00a451567115cda6d9bc864d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Header: Add overflow when there are a lot of items + +- [#4803](https://github.com/primer/react/pull/4803) [`527f9a9320c51b9b1a0884b388d5ff53af7c11b1`](https://github.com/primer/react/commit/527f9a9320c51b9b1a0884b388d5ff53af7c11b1) Thanks [@aprendendofelipe](https://github.com/aprendendofelipe)! - Bumps @github/relative-time-element to v4.4.2 + ## 36.27.0 ### Minor Changes diff --git a/packages/react/package.json b/packages/react/package.json index d0de457d836..011bae37582 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react", - "version": "36.27.0", + "version": "37.0.0-rc.0", "description": "An implementation of GitHub's Primer Design System using React", "main": "lib/index.js", "module": "lib-esm/index.js", @@ -34,7 +34,10 @@ "./lib-esm/internal/*": null }, "typings": "lib/index.d.ts", - "sideEffects": false, + "sideEffects": [ + "lib-esm/**/*.css", + "lib/**/*.css" + ], "scripts": { "build": "./script/build", "clean": "rimraf dist lib lib-esm css", @@ -83,7 +86,7 @@ "@github/combobox-nav": "^2.1.5", "@github/markdown-toolbar-element": "^2.1.0", "@github/paste-markdown": "^1.4.0", - "@github/relative-time-element": "^4.4.1", + "@github/relative-time-element": "^4.4.2", "@github/tab-container-element": "^4.8.0", "@lit-labs/react": "1.2.1", "@oddbird/popover-polyfill": "^0.3.1", @@ -194,7 +197,9 @@ "mdast-util-to-string": "4.0.0", "micromark-extension-frontmatter": "2.0.0", "micromark-extension-mdxjs": "3.0.0", + "postcss-custom-properties-fallback": "1.0.2", "postcss-preset-env": "9.5.14", + "postcss-preset-primer": "^0.0.0", "react": "18.3.1", "react-dnd": "14.0.4", "react-dnd-html5-backend": "14.0.2", @@ -203,6 +208,7 @@ "recast": "0.23.7", "rimraf": "5.0.5", "rollup": "4.9.6", + "rollup-plugin-import-css": "^0.0.0", "rollup-plugin-postcss": "4.0.2", "rollup-plugin-visualizer": "5.9.2", "semver": "7.6.2", diff --git a/packages/react/rollup.config.js b/packages/react/rollup.config.mjs similarity index 69% rename from packages/react/rollup.config.js rename to packages/react/rollup.config.mjs index 911c565fdea..b851fbbd213 100644 --- a/packages/react/rollup.config.js +++ b/packages/react/rollup.config.mjs @@ -1,13 +1,21 @@ +import fs from 'node:fs' +import path from 'node:path' +import {fileURLToPath} from 'node:url' import commonjs from '@rollup/plugin-commonjs' import resolve from '@rollup/plugin-node-resolve' import babel from '@rollup/plugin-babel' import replace from '@rollup/plugin-replace' import terser from '@rollup/plugin-terser' import glob from 'fast-glob' +import customPropertiesFallback from 'postcss-custom-properties-fallback' import {visualizer} from 'rollup-plugin-visualizer' +import {importCSS} from 'rollup-plugin-import-css' import postcss from 'rollup-plugin-postcss' +import postssPresetPrimer from 'postcss-preset-primer' import MagicString from 'magic-string' -import packageJson from './package.json' +import packageJson from './package.json' assert {type: 'json'} + +const __dirname = path.dirname(fileURLToPath(import.meta.url)) const input = new Set([ // "exports" @@ -77,6 +85,50 @@ function createPackageRegex(name) { return new RegExp(`^${name}(/.*)?`) } +const postcssPlugins = [ + postssPresetPrimer(), + customPropertiesFallback({ + importFrom: [ + () => { + let customProperties = {} + const filePaths = glob.sync(['fallbacks/**/*.json', 'docs/functional/themes/light.json'], { + cwd: path.join(__dirname, '../../node_modules/@primer/primitives/dist/'), + ignore: ['fallbacks/color-fallbacks.json'], + }) + + for (const filePath of filePaths) { + const fileData = fs.readFileSync( + path.join(__dirname, '../../node_modules/@primer/primitives/dist/', filePath), + 'utf8', + ) + + const jsonData = JSON.parse(fileData) + let result = {} + + if (filePath === 'docs/functional/themes/light.json') { + for (const variable of Object.keys(jsonData)) { + result[`--${variable}`] = jsonData[variable].value + } + } else { + result = jsonData + } + + customProperties = { + ...customProperties, + ...result, + } + } + + return {customProperties} + }, + ], + }), +] + +const postcssModulesOptions = { + generateScopedName: 'prc-[folder]-[local]-[hash:base64:5]', +} + const baseConfig = { input: Array.from(input), plugins: [ @@ -118,12 +170,12 @@ const baseConfig = { commonjs({ extensions, }), - postcss({ - extract: 'components.css', - autoModules: false, - modules: {generateScopedName: 'prc_[local]_[hash:base64:5]'}, - // plugins are defined in postcss.config.js + importCSS({ + modulesRoot: 'src', + postcssPlugins, + postcssModulesOptions, }), + /** * This custom rollup plugin allows us to preserve directives in source * code, such as "use client", in order to support React Server Components. @@ -266,7 +318,52 @@ export default [ 'process.env.NODE_ENV': JSON.stringify('production'), preventAssignment: true, }), - ...baseConfig.plugins, + babel({ + extensions, + exclude: /node_modules/, + babelHelpers: 'inline', + babelrc: false, + configFile: false, + presets: [ + '@babel/preset-typescript', + [ + '@babel/preset-react', + { + modules: false, + }, + ], + ], + plugins: [ + 'macros', + 'add-react-displayname', + 'dev-expression', + 'babel-plugin-styled-components', + '@babel/plugin-proposal-nullish-coalescing-operator', + '@babel/plugin-proposal-optional-chaining', + [ + 'babel-plugin-transform-replace-expressions', + { + replace: { + __DEV__: "process.env.NODE_ENV !== 'production'", + }, + }, + ], + ], + }), + resolve({ + extensions, + }), + commonjs({ + extensions, + }), + // PostCSS plugins are defined in postcss.config.js + postcss({ + extract: 'components.css', + autoModules: false, + modules: { + generateScopedName: 'prc_[local]_[hash:base64:5]', + }, + }), terser(), visualizer({sourcemap: true}), ], diff --git a/packages/react/script/build b/packages/react/script/build index e8117429a3b..e6d2df9d1fe 100755 --- a/packages/react/script/build +++ b/packages/react/script/build @@ -9,7 +9,7 @@ npm run clean npm run build:precompile-color-schemes # Bundle -npx rollup -c --bundleConfigAsCjs +npx rollup -c # Type check npx tsc --project tsconfig.build.json diff --git a/packages/react/script/get-export-sizes.js b/packages/react/script/get-export-sizes.js index dd9f371fa49..d51a2735615 100644 --- a/packages/react/script/get-export-sizes.js +++ b/packages/react/script/get-export-sizes.js @@ -63,6 +63,17 @@ async function main() { commonjs({ include: /node_modules/, }), + { + name: 'empty-css-modules', + transform(_code, id) { + if (!id.endsWith('.css')) { + return + } + return { + code: `export default {}`, + } + }, + }, virtual({ __entrypoint__: `export { ${identifier} } from '${filepath}';`, }), diff --git a/packages/react/src/ActionList/ActionList.features.stories.tsx b/packages/react/src/ActionList/ActionList.features.stories.tsx index 42f50eac08e..e2beee85f9e 100644 --- a/packages/react/src/ActionList/ActionList.features.stories.tsx +++ b/packages/react/src/ActionList/ActionList.features.stories.tsx @@ -11,6 +11,7 @@ import Box from '../Box' import Label from '../Label' import Heading from '../Heading' import {AnchoredOverlay} from '../AnchoredOverlay' +import CounterLabel from '../CounterLabel' import { EyeIcon, BookIcon, @@ -25,6 +26,9 @@ import { PeopleIcon, FileDirectoryIcon, PlusCircleIcon, + GitPullRequestIcon, + IssueOpenedIcon, + ProjectIcon, LinkExternalIcon, } from '@primer/octicons-react' import {FeatureFlags} from '../FeatureFlags' @@ -726,6 +730,38 @@ export const GroupWithFilledTitle = () => { ) } +export const WithCustomTrailingVisuals = () => ( + + + + + + Issues + + 20 + + + + + + + PRs + + 12 + + + + + + + Projects + + 2 + + + +) + export const ActionListWithButtonSemantics = () => { return ( diff --git a/packages/react/src/ActionList/Item.tsx b/packages/react/src/ActionList/Item.tsx index 6894a2f7132..03e6764148f 100644 --- a/packages/react/src/ActionList/Item.tsx +++ b/packages/react/src/ActionList/Item.tsx @@ -261,6 +261,7 @@ export const Item = React.forwardRef( const labelId = `${itemId}--label` const inlineDescriptionId = `${itemId}--inline-description` const blockDescriptionId = `${itemId}--block-description` + const trailingVisualId = `${itemId}--trailing-visual` const inactiveWarningId = inactive && !showInactiveIndicator ? `${itemId}--warning-message` : undefined const ButtonItemWrapper = React.forwardRef(({as: Component = 'button', children, ...props}, forwardedRef) => { @@ -294,10 +295,14 @@ export const Item = React.forwardRef( 'data-inactive': inactive ? true : undefined, 'data-loading': loading && !inactive ? true : undefined, tabIndex: disabled || showInactiveIndicator ? undefined : 0, - 'aria-labelledby': `${labelId} ${slots.inlineDescription ? inlineDescriptionId : ''}`, - 'aria-describedby': slots.blockDescription - ? [blockDescriptionId, inactiveWarningId].join(' ') - : inactiveWarningId, + 'aria-labelledby': `${labelId} ${slots.trailingVisual ? trailingVisualId : ''} ${ + slots.inlineDescription ? inlineDescriptionId : '' + }`, + 'aria-describedby': + [slots.blockDescription ? blockDescriptionId : undefined, inactiveWarningId ?? undefined] + .filter(String) + .join(' ') + .trim() || undefined, ...(includeSelectionAttribute && {[itemSelectionAttribute]: selected}), role: itemRole, id: itemId, @@ -327,7 +332,14 @@ export const Item = React.forwardRef( return ( > = ({s export type ActionListTrailingVisualProps = VisualProps export const TrailingVisual: React.FC> = ({sx = {}, ...props}) => { - const {variant, disabled, inactive} = React.useContext(ItemContext) + const {variant, disabled, inactive, trailingVisualId} = React.useContext(ItemContext) return ( & { inlineDescriptionId?: string blockDescriptionId?: string + trailingVisualId?: string inactive?: boolean } diff --git a/packages/react/src/Autocomplete/Autocomplete.docs.json b/packages/react/src/Autocomplete/Autocomplete.docs.json index 80da9258ba4..ff776c4ab01 100644 --- a/packages/react/src/Autocomplete/Autocomplete.docs.json +++ b/packages/react/src/Autocomplete/Autocomplete.docs.json @@ -23,8 +23,9 @@ { "name": "openOnFocus", "type": "boolean", - "defaultValue": "true", - "description": "Whether the associated autocomplete menu should open on an input focus event" + "defaultValue": "false", + "description": "Whether the associated autocomplete menu should open on an input focus event", + "deprecated": true } ], "passthrough": { diff --git a/packages/react/src/Autocomplete/AutocompleteInput.tsx b/packages/react/src/Autocomplete/AutocompleteInput.tsx index f114d881aee..873781965b5 100644 --- a/packages/react/src/Autocomplete/AutocompleteInput.tsx +++ b/packages/react/src/Autocomplete/AutocompleteInput.tsx @@ -10,8 +10,11 @@ import useSafeTimeout from '../hooks/useSafeTimeout' type InternalAutocompleteInputProps = { // eslint-disable-next-line @typescript-eslint/no-explicit-any as?: React.ComponentType> - // When false, the autocomplete menu will not render either on mouse click or - // keyboard focus. + + /** + * @deprecated `openOnFocus` is deprecated and will be removed in v38. + * When `true`, autocomplete menu will show on focus or click. + */ openOnFocus?: boolean } @@ -28,7 +31,7 @@ const AutocompleteInput = React.forwardRef( onKeyUp, onKeyPress, value, - openOnFocus = true, + openOnFocus = false, ...props }, forwardedRef, @@ -52,15 +55,12 @@ const AutocompleteInput = React.forwardRef( const [highlightRemainingText, setHighlightRemainingText] = useState(true) const {safeSetTimeout} = useSafeTimeout() - const handleInputFocus: FocusEventHandler = useCallback( - event => { - if (openOnFocus) { - onFocus?.(event) - setShowMenu(true) - } - }, - [onFocus, setShowMenu, openOnFocus], - ) + const handleInputFocus: FocusEventHandler = event => { + onFocus?.(event) + if (openOnFocus) { + setShowMenu(true) + } + } const handleInputBlur: FocusEventHandler = useCallback( event => { @@ -78,16 +78,13 @@ const AutocompleteInput = React.forwardRef( [onBlur, setShowMenu, inputRef, safeSetTimeout], ) - const handleInputChange: ChangeEventHandler = useCallback( - event => { - onChange && onChange(event) - setInputValue(event.currentTarget.value) - if (!showMenu) { - setShowMenu(true) - } - }, - [onChange, setInputValue, setShowMenu, showMenu], - ) + const handleInputChange: ChangeEventHandler = event => { + onChange && onChange(event) + setInputValue(event.currentTarget.value) + if (!showMenu) { + setShowMenu(true) + } + } const handleInputKeyDown: KeyboardEventHandler = useCallback( event => { @@ -122,7 +119,6 @@ const AutocompleteInput = React.forwardRef( const onInputKeyPress: KeyboardEventHandler = useCallback( event => { onKeyPress && onKeyPress(event) - if (showMenu && event.key === 'Enter' && activeDescendantRef.current) { event.preventDefault() event.nativeEvent.stopImmediatePropagation() diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx index 842bb2eed3a..c0d9df86fa8 100644 --- a/packages/react/src/Button/Button.features.stories.tsx +++ b/packages/react/src/Button/Button.features.stories.tsx @@ -2,9 +2,8 @@ import {EyeIcon, TriangleDownIcon, HeartIcon, DownloadIcon, CommentIcon} from '@ import React, {useState} from 'react' import {Button} from '.' import {Stack} from '../Stack/Stack' -import Link from '../Link' import {announce} from '@primer/live-region-element' - +import {Tooltip} from '../TooltipV2/Tooltip' export default { title: 'Components/Button/Features', } @@ -15,6 +14,8 @@ export const Danger = () => export const Invisible = () => +export const Link = () => + export const LeadingVisual = () => export const TrailingVisual = () => @@ -31,9 +32,12 @@ const AccessibilityNote = () => {

Learn more about at{' '} - + Staff-only: Dynamically updated button labels - + .

@@ -200,3 +204,9 @@ export const LabelWrap = () => { ) } + +export const InactiveButtonWithTooltip = () => ( + + + +) diff --git a/packages/react/src/Button/Button.stories.tsx b/packages/react/src/Button/Button.stories.tsx index 017aa3de456..ce55f4fcbdb 100644 --- a/packages/react/src/Button/Button.stories.tsx +++ b/packages/react/src/Button/Button.stories.tsx @@ -35,7 +35,7 @@ Playground.argTypes = { control: { type: 'radio', }, - options: ['default', 'primary', 'danger', 'invisible'], + options: ['default', 'primary', 'danger', 'invisible', 'link'], }, alignContent: { control: { diff --git a/packages/react/src/Button/IconButton.docs.json b/packages/react/src/Button/IconButton.docs.json index d460a90835a..6d606228e6d 100644 --- a/packages/react/src/Button/IconButton.docs.json +++ b/packages/react/src/Button/IconButton.docs.json @@ -15,7 +15,7 @@ }, { "name": "variant", - "type": "'default' | 'primary' | 'danger' | 'outline' | 'invisible'", + "type": "'default' | 'primary' | 'danger' | 'outline' | 'invisible' | 'link'", "defaultValue": "", "description": "Changes the look and feel of the button which is different for each variant" }, diff --git a/packages/react/src/Button/styles.ts b/packages/react/src/Button/styles.ts index 58523391638..af953feb964 100644 --- a/packages/react/src/Button/styles.ts +++ b/packages/react/src/Button/styles.ts @@ -198,6 +198,35 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme borderColor: `var(--button-default-borderColor-active, ${theme?.colors.btn.outline.selectedBorder})`, }, }, + link: { + color: 'var(--fgColor-link)', + display: 'inline-block', + fontSize: 'inherit', + border: 'none', + height: 'unset', + padding: '0', + minWidth: 'fit-content', + backgroundColor: 'transparent', + + '&:hover:not([disabled]):not([data-inactive])': { + textDecoration: 'underline', + }, + + '&:focus-visible:not([disabled])': { + outlineOffset: '2px', + }, + + '&:disabled': { + color: 'primer.fg.disabled', + '[data-component=ButtonCounter], [data-component="leadingVisual"], [data-component="trailingAction"]': { + color: 'inherit', + }, + }, + + '[data-component="text"]': { + whiteSpace: 'unset', + }, + }, } return style[variant] diff --git a/packages/react/src/Button/types.ts b/packages/react/src/Button/types.ts index 2fff7ebbb00..0d5dfb08e43 100644 --- a/packages/react/src/Button/types.ts +++ b/packages/react/src/Button/types.ts @@ -10,7 +10,7 @@ export const StyledButton = styled.button` ${sx}; ` -export type VariantType = 'default' | 'primary' | 'invisible' | 'danger' +export type VariantType = 'default' | 'primary' | 'invisible' | 'danger' | 'link' export type Size = 'small' | 'medium' | 'large' diff --git a/packages/react/src/Checkbox/Checkbox.tsx b/packages/react/src/Checkbox/Checkbox.tsx index b245d2a1094..06c8705892f 100644 --- a/packages/react/src/Checkbox/Checkbox.tsx +++ b/packages/react/src/Checkbox/Checkbox.tsx @@ -63,8 +63,11 @@ const StyledCheckbox = styled.input` &:checked, &:indeterminate { - background: ${get('colors.accent.fg')}; - border-color: ${get('colors.accent.fg')}; + background: var(--control-checked-bgColor-rest, ${get('colors.accent.fg')}); + border-color: var( + --control-checked-bgColor-rest, + ${get('colors.accent.fg')} + ); /* using bgColor here to avoid a border change in dark high contrast */ &::before { animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms; @@ -86,12 +89,12 @@ const StyledCheckbox = styled.input` } &:disabled { - background-color: ${get('colors.fg.muted')}; - border-color: ${get('colors.fg.muted')}; + background-color: var(--control-checked-bgColor-disabled, ${get('colors.fg.muted')}); + border-color: var(--control-checked-borderColor-disabled, ${get('colors.fg.muted')}); opacity: 1; &::before { - background-color: ${get('colors.fg.onEmphasis')}; + background-color: var(--control-checked-fgColor-disabled, ${get('colors.fg.onEmphasis')}); } } @@ -103,7 +106,7 @@ const StyledCheckbox = styled.input` } &:indeterminate { - background: ${get('colors.accent.fg')}; + background: var(--control-checked-bgColor-rest, ${get('colors.accent.fg')}); &::before { mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K'); visibility: visible; diff --git a/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx b/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx index 4971295aaaf..d2e403abaa2 100644 --- a/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx +++ b/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx @@ -9,7 +9,7 @@ export default { } as Meta export const Default = () => ( - + ) export const Playground: StoryFn = args => @@ -17,7 +17,7 @@ export const Playground: StoryFn = args => ( ) + +export const WithManyItems = () => ( +
+ + + + GitHub + + + Item + Item + Item + Item + Item + Item + Item + Item + Item + Item + + + +
+) diff --git a/packages/react/src/Header/Header.tsx b/packages/react/src/Header/Header.tsx index 73c70958b89..c676ccd2d4c 100644 --- a/packages/react/src/Header/Header.tsx +++ b/packages/react/src/Header/Header.tsx @@ -19,6 +19,7 @@ const Header = styled.header` background-color: ${get('colors.header.bg')}; align-items: center; flex-wrap: nowrap; + overflow: auto; ${sx}; ` diff --git a/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap b/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap index e271f9f9a53..dfae7671884 100644 --- a/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap +++ b/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap @@ -339,7 +339,7 @@ exports[`NavList renders a simple list 1`] = ` >
  • { } const extension = path.extname(source) - if (extension !== '' && extensions.includes(extension)) { + if (extension !== '' && !extensions.includes(extension)) { return null } diff --git a/packages/react/src/deprecated/index.ts b/packages/react/src/deprecated/index.ts index 072b789ae07..b446111bc45 100644 --- a/packages/react/src/deprecated/index.ts +++ b/packages/react/src/deprecated/index.ts @@ -43,3 +43,16 @@ export type {FilteredSearchProps} from './FilteredSearch' export {default as UnderlineNav} from './UnderlineNav' export type {UnderlineNavProps, UnderlineNavLinkProps} from './UnderlineNav' // end of v36.0.0 + +// Deprecated in v37.0.0 +export {default as Dialog} from '../Dialog' +export type {DialogProps, DialogHeaderProps} from '../Dialog' +export {default as Octicon} from '../Octicon' +export type {OcticonProps} from '../Octicon' +export {default as Pagehead} from '../Pagehead' +export type {PageheadProps} from '../Pagehead' +export {default as TabNav} from '../TabNav' +export type {TabNavProps, TabNavLinkProps} from '../TabNav' +export {default as Tooltip} from '../Tooltip/Tooltip' +export type {TooltipProps} from '../Tooltip/Tooltip' +// end of v37.0.0 diff --git a/packages/react/src/experimental/CSSComponent/component.module.css b/packages/react/src/experimental/CSSComponent/component.module.css index a2b243e7776..779065f981a 100644 --- a/packages/react/src/experimental/CSSComponent/component.module.css +++ b/packages/react/src/experimental/CSSComponent/component.module.css @@ -1,7 +1,8 @@ .component { - background-color: var(--bgColor-default); - color: var(--fgColor-muted); - border: 1px solid var(--borderColor-default); width: fit-content; + /* stylelint-disable-next-line primer/spacing */ padding: var(--control-xsmall-paddingBlock) var(--control-xsmall-paddingInline-normal); + color: var(--fgColor-muted); + background-color: var(--bgColor-default); + border: 1px solid var(--borderColor-default); } diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json b/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json index 8c7d95c58c8..001d1d06612 100644 --- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json +++ b/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json @@ -1,29 +1,28 @@ { - "id": "skeleton_avatar", - "name": "SkeletonAvatar", - "status": "draft", - "a11yReviewed": false, - "stories": [], - "importPath": "@primer/react/drafts", - "props": [ - { - "name": "size", - "type": "number | { narrow?: number; regular?: number; wide?: number; }", - "defaultValue": "20", - "description": "The size of the avatar in pixels." - }, - { - "name": "square", - "type": "boolean", - "defaultValue": "false", - "description": "If true, the avatar will be square instead of circular." - }, - { - "name": "className", - "type": "string", - "description": "Class name for custom styling." - } - ], - "subcomponents": [] - } - \ No newline at end of file + "id": "skeleton_avatar", + "name": "SkeletonAvatar", + "status": "draft", + "a11yReviewed": false, + "stories": [], + "importPath": "@primer/react/experimental", + "props": [ + { + "name": "size", + "type": "number | { narrow?: number; regular?: number; wide?: number; }", + "defaultValue": "20", + "description": "The size of the avatar in pixels." + }, + { + "name": "square", + "type": "boolean", + "defaultValue": "false", + "description": "If true, the avatar will be square instead of circular." + }, + { + "name": "className", + "type": "string", + "description": "Class name for custom styling." + } + ], + "subcomponents": [] +} diff --git a/packages/react/src/experimental/Skeleton/SkeletonBox.docs.json b/packages/react/src/experimental/Skeleton/SkeletonBox.docs.json index f61f5563af4..3720ced4c8a 100644 --- a/packages/react/src/experimental/Skeleton/SkeletonBox.docs.json +++ b/packages/react/src/experimental/Skeleton/SkeletonBox.docs.json @@ -1,27 +1,26 @@ { - "id": "skeleton_box", - "name": "SkeletonBox", - "status": "draft", - "a11yReviewed": false, - "stories": [], - "importPath": "@primer/react/drafts", - "props": [ - { - "name": "width", - "type": "string", - "description": "Width of the skeleton box. Accepts any valid CSS `width` value." - }, - { - "name": "height", - "defaultValue": "1rem", - "type": "string", - "description": "Height of the skeleton box. Accepts any valid CSS `height` value." - }, - { - "name": "sx", - "type": "SystemStyleObject" - } - ], - "subcomponents": [] - } - \ No newline at end of file + "id": "skeleton_box", + "name": "SkeletonBox", + "status": "draft", + "a11yReviewed": false, + "stories": [], + "importPath": "@primer/react/experimental", + "props": [ + { + "name": "width", + "type": "string", + "description": "Width of the skeleton box. Accepts any valid CSS `width` value." + }, + { + "name": "height", + "defaultValue": "1rem", + "type": "string", + "description": "Height of the skeleton box. Accepts any valid CSS `height` value." + }, + { + "name": "sx", + "type": "SystemStyleObject" + } + ], + "subcomponents": [] +} diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.docs.json b/packages/react/src/experimental/Skeleton/SkeletonText.docs.json index 7054031c0c0..aa880408c8a 100644 --- a/packages/react/src/experimental/Skeleton/SkeletonText.docs.json +++ b/packages/react/src/experimental/Skeleton/SkeletonText.docs.json @@ -1,34 +1,33 @@ { - "id": "skeleton_text", - "name": "SkeletonText", - "status": "draft", - "a11yReviewed": false, - "stories": [], - "importPath": "@primer/react/drafts", - "props": [ - { - "name": "size", - "defaultValue": "'bodyMedium'", - "type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'", - "description": "Size of the text that the skeleton is replacing." - }, - { - "name": "lines", - "defaultValue": "1", - "type": "number", - "description": "Number of lines of skeleton text to render." - }, - { - "name": "maxWidth", - "type": "string", - "description": "Maximum width that the line(s) of skeleton text can take up. Accepts any valid CSS `max-width` value." - }, - { - "name": "className", - "type": "string", - "description": "Class name for custom styling." - } - ], - "subcomponents": [] - } - \ No newline at end of file + "id": "skeleton_text", + "name": "SkeletonText", + "status": "draft", + "a11yReviewed": false, + "stories": [], + "importPath": "@primer/react/experimental", + "props": [ + { + "name": "size", + "defaultValue": "'bodyMedium'", + "type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'", + "description": "Size of the text that the skeleton is replacing." + }, + { + "name": "lines", + "defaultValue": "1", + "type": "number", + "description": "Number of lines of skeleton text to render." + }, + { + "name": "maxWidth", + "type": "string", + "description": "Maximum width that the line(s) of skeleton text can take up. Accepts any valid CSS `max-width` value." + }, + { + "name": "className", + "type": "string", + "description": "Class name for custom styling." + } + ], + "subcomponents": [] +} diff --git a/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts b/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts index 40b02d77fce..d7a5fd33cd2 100644 --- a/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts +++ b/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts @@ -3,7 +3,7 @@ import {get} from '../../constants' export const sharedCheckboxAndRadioStyles = css` appearance: none; - border-color: ${get('colors.neutral.emphasis')}; + border-color: var(--control-borderColor-emphasis, ${get('colors.neutral.emphasis')}); border-style: solid; border-width: ${get('borderWidths.1')}; cursor: pointer; @@ -14,6 +14,7 @@ export const sharedCheckboxAndRadioStyles = css` place-content: center; position: relative; width: var(--base-size-16, 16px); + background-color: ${get('colors.canvas.default')}; &:disabled { background-color: ${get('colors.input.disabledBg')}; diff --git a/packages/rollup-plugin-import-css/src/index.ts b/packages/rollup-plugin-import-css/src/index.ts index dcbde95af76..a4f51a3df3f 100644 --- a/packages/rollup-plugin-import-css/src/index.ts +++ b/packages/rollup-plugin-import-css/src/index.ts @@ -35,11 +35,10 @@ export function importCSS(options: ImportCSSOptions): Plugin { return } - // If we're working with a css asset that is not a CSS module, assume that - // it has been generated by our plugin and should be marked as external. - if (source.endsWith('.css') && !source.endsWith('.module.css')) { + const moduleInfo = this.getModuleInfo(importer) + if (moduleInfo?.meta['import-css']?.source === source) { return { - id: path.resolve(path.dirname(importer), source), + id: source, external: true, } } @@ -87,9 +86,17 @@ export function importCSS(options: ImportCSSOptions): Plugin { fileName, }) + const moduleInfo = this.getModuleInfo(id) + const cssSource = `./${path.basename(fileName)}` + if (moduleInfo) { + moduleInfo.meta['import-css'] = { + source: cssSource, + } + } + return { code: ` - import './${path.basename(fileName)}'; + import '${cssSource}'; export default ${JSON.stringify(cssModuleClasses)} `, } diff --git a/stylelint.config.mjs b/stylelint.config.mjs new file mode 100644 index 00000000000..d4ca7095849 --- /dev/null +++ b/stylelint.config.mjs @@ -0,0 +1,16 @@ +/** + * @type {import('stylelint').Configuration} + */ +export default { + extends: ['@primer/stylelint-config'], + rules: {}, + overrides: [ + { + files: ['examples/**/*.css'], + rules: { + // Examples may intentionally leave css files blank as placeholders + 'no-empty-source': null, + }, + }, + ], +}