Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prep for high contrast theme border-color changes #4774

Merged
merged 22 commits into from
Jul 29, 2024

Conversation

langermank
Copy link
Contributor

@langermank langermank commented Jul 25, 2024

Doing a little bit of cleanup around how we handle borders in dark high contrast. Some of the changes may not be visible just yet as the colors will change in a future primer/primitives release.

Fixes

  • Added missing default border to SegmentedControl
  • Added new border to ToggleSwitch for high contrast themes
  • Added new border (box-shadow) to StateLabel for dark high contrast (visible in a later release)

Copy link

changeset-bot bot commented Jul 25, 2024

🦋 Changeset detected

Latest commit: 0186e66

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Contributor

github-actions bot commented Jul 25, 2024

size-limit report 📦

Path Size
packages/react/dist/browser.esm.js 95.76 KB (+0.19% 🔺)
packages/react/dist/browser.umd.js 96.06 KB (+0.19% 🔺)

@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 25, 2024 01:21 Inactive
@primer primer bot temporarily deployed to github-pages July 25, 2024 01:29 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 25, 2024 01:29 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 25, 2024 19:30 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 25, 2024 21:11 Inactive
@primer primer bot temporarily deployed to github-pages July 29, 2024 19:47 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 29, 2024 19:48 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-4774 July 29, 2024 20:34 Inactive
@@ -36,6 +36,8 @@ type SegmentedControlProps = {
const getSegmentedControlStyles = (props: {isFullWidth?: boolean; size?: SegmentedControlProps['size']}) => ({
backgroundColor: 'segmentedControl.bg',
borderRadius: 2,
border: '1px solid',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe add a comment explaining why we use a transparent border?

@langermank langermank added this pull request to the merge queue Jul 29, 2024
Merged via the queue into main with commit 11e7aef Jul 29, 2024
30 checks passed
@langermank langermank deleted the prep-high-contrast-changes branch July 29, 2024 22:08
@primer primer bot mentioned this pull request Jul 30, 2024
TylerJDev pushed a commit that referenced this pull request Jul 31, 2024
* borders

* fallback

* test(vrt): update snapshots

* test color changes

* alright

* bump

* test(vrt): update snapshots

* more fixes

* test(vrt): update snapshots

* copy from main

* test(vrt): update snapshots

* Create fluffy-ravens-thank.md

* snippy snaps

* update seg control border

* test(vrt): update snapshots

* remove fallbacks

* copy from main

* test(vrt): update snapshots

---------

Co-authored-by: langermank <[email protected]>
github-merge-queue bot pushed a commit that referenced this pull request Sep 9, 2024
* Focus close button on second step

* Remove `autofocus` prop

* Add dependencies to focus trap

* Add changeset

* lint fix

* Remove `body` from dependency

* add state to Dialog example

* chore(changeset): enter prerelease mode for v37 (#4789)

* chore(changeset): enter pre-release mode for v37

* ci: remove snapshots when in pre mode

* chore: add version info to all packages

* Revert "chore: add version info to all packages"

This reverts commit 4665bb3.

* chore: update canary to remove pre.json when running

---------

Co-authored-by: Josh Black <[email protected]>

* Autocomplete: Only open menu on click (#4771)

* Only open menu on click instead of just focus

* Update tests

* Add changeset

* Fix typo

* Set `openOnFocus` to `true`

* Add test, move `onFocus` function

* Update docs

* Adjust changeset

* Remove `useCallback`

* Add deprecated notice

* Prep for high contrast theme border-color changes (#4774)

* borders

* fallback

* test(vrt): update snapshots

* test color changes

* alright

* bump

* test(vrt): update snapshots

* more fixes

* test(vrt): update snapshots

* copy from main

* test(vrt): update snapshots

* Create fluffy-ravens-thank.md

* snippy snaps

* update seg control border

* test(vrt): update snapshots

* remove fallbacks

* copy from main

* test(vrt): update snapshots

---------

Co-authored-by: langermank <[email protected]>

* chore: add package version numbers (#4796)

Co-authored-by: Josh Black <[email protected]>

* feat: add postcss-preset-primer (#4751)

* feat: add postcss-preset-primer

* docs: update usage snippet

* chore: fix eslint rules and remove postcss-mixins

---------

Co-authored-by: Josh Black <[email protected]>

* Utilize `aria-describedby` on all `ActionList` descriptions (#4666)

* Add `aria-describedby` to inline description; add `aria-labelledby` to `TrailingVisual`

* Update snapshots

* Add changeset

* Update snapshot

* Update packages/react/src/ActionList/Item.tsx

Co-authored-by: Siddharth Kshetrapal <[email protected]>

* changes from PR feedback

* Update .changeset/lovely-days-march.md

* Update snapshots

* Update lovely-days-march.md

---------

Co-authored-by: Siddharth Kshetrapal <[email protected]>

* Wrap `header` and `footer` with `<Box>`

* Move `<Box>`

* Add back focus to story

* Update behaviors package

* Move back `useFocusTrap`

---------

Co-authored-by: Siddharth Kshetrapal <[email protected]>
Co-authored-by: Josh Black <[email protected]>
Co-authored-by: Josh Black <[email protected]>
Co-authored-by: Katie Langerman <[email protected]>
Co-authored-by: langermank <[email protected]>
@primer primer bot mentioned this pull request Oct 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants