react
react copied to clipboard
An implementation of GitHub's Primer Design System using React
The `contrast` prop, when applied to `Select`, `TextInput`, or `Textarea` (one would also expect it on `TextInputWithTokens` but it's not available there) renders an input with a subtle background, somewhere...
### Description When using `InlineAutocomplete` we inherit usage of `` rendering on page load. I think the issue occurs because `` calls `document.createElement` and `createPortal` with a ref to an...
This is a follow-up to our revert here: https://github.com/primer/react/pull/3708 Unfortunately, we had to rollback updating `@lit-labs/react` from v2 to v1 due to how we bundle in ESM-only modules currently in...
`primer-react/no-system-props` was not checking stories because it did not consider the import to be from `@primer/react` - Fully expecting [a bunch of linting errors](https://github.com/primer/react/actions/runs/8189291072/job/22393719678?pr=4366) some of them will be fixed...
### Description When using a component that has a sub-component pattern, like `PageLayout`, the component is not able to be used in a React Server Component as it has the...
### Description Button variant "invisible" loses accent `color` when using a `leadingVisual`. https://github.com/primer/react/assets/980622/46ca0aa4-459e-4e16-8138-946879a46bf2 In Figma the component doesn't lose the accent color but the icon doesn't have the accent color...
### Description When doing an audit on our responsive patterns throughout GitHub I've bumped into `ActionList.Item` bug inside Copilot. The ActionList.Item there didn't break my long repository name causing a...
### Description When passing in objects to the `SelectPanel` component, the selected items may not render correctly since they are doing direct object comparison: https://github.com/primer/react/blob/ea44386e4d7afae7bfd07a679604baaecca55965/packages/react/src/SelectPanel/SelectPanel.tsx#L135-L155 If the items are defined...
…/Off text is clicked. Closes # ### Changelog #### New #### Changed #### Removed ### Rollout strategy - [ ] Patch release - [ ] Minor release - [ ]...
### Description `SelectPanel2.SelectPanel` will call `dialogEl.removeEventListener` and `dialogEl.addEventListener` on every render, because the call to `React.useEffect` is not passed an array of dependencies at this callsite: https://github.com/primer/react/blob/main/packages/react/src/drafts/SelectPanel2/SelectPanel.tsx#L195 The React docs...