primer/components
### [`v28.2.4`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2824)
[Compare Source](https://togithub.com/primer/components/compare/v28.2.3...v28.2.4)
##### Patch Changes
- [#1293](https://togithub.com/primer/components/pull/1293) [`1148a718`](https://togithub.com/primer/components/commit/1148a718aa1db92fb90d15efc150aa4c0c2ef018) Thanks [@smockle](https://togithub.com/smockle)! - Restore "fix: Don’t focus first 'Item' of 'DropdownMenu' and 'SelectMenu' on open" by deferring the removal of a temporary `tabIndex` until focus moves within the container.
- [#1279](https://togithub.com/primer/components/pull/1279) [`bb38754f`](https://togithub.com/primer/components/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Update overlay shadows
- [#1297](https://togithub.com/primer/components/pull/1297) [`5fb3683d`](https://togithub.com/primer/components/commit/5fb3683df6cc116975c729e83ce3c14b87ffaea1) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Bump [@primer/primitives](https://togithub.com/primer/primitives) to 4.4.0
- [#1288](https://togithub.com/primer/components/pull/1288) [`15207119`](https://togithub.com/primer/components/commit/15207119d25a3d6b0b13294bb99dc4efd780a788) Thanks [@dgreif](https://togithub.com/dgreif)! - Focus zones with an `activeDescendantControl` will now activate the first descendant as soon as the control element is focused, rather than waiting for an up/down arrow press. Descendants stay active until the control element is blurred. This is a breaking change to `useFocusZone`, but this behavior is still considered to be in `alpha`.
- [#1292](https://togithub.com/primer/components/pull/1292) [`4b643818`](https://togithub.com/primer/components/commit/4b64381872eac9df00c53186782a370b0d6da638) Thanks [@dgreif](https://togithub.com/dgreif)! - Bump dependencies
- [#1279](https://togithub.com/primer/components/pull/1279) [`bb38754f`](https://togithub.com/primer/components/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Update TextInput border color
### [`v28.2.3`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2823)
[Compare Source](https://togithub.com/primer/components/compare/v28.2.2...v28.2.3)
##### Patch Changes
- [`0ffc381c`](https://togithub.com/primer/components/commit/0ffc381c833219959ed3b99a9dd64fe56ac51036) [#1294](https://togithub.com/primer/components/pull/1294) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Revert first item focus fix for ActionList components.
### [`v28.2.2`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2822)
[Compare Source](https://togithub.com/primer/components/compare/v28.2.1...v28.2.2)
##### Patch Changes
- [`68877076`](https://togithub.com/primer/components/commit/68877076fcbbc1c4cd308f2e6f8f44290751efe4) [#1275](https://togithub.com/primer/components/pull/1275) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - data props can be used in overlayProps.
- [`2793ef48`](https://togithub.com/primer/components/commit/2793ef48d554e307e46442fcc198ed4adf8c137f) [#1286](https://togithub.com/primer/components/pull/1286) Thanks [@colebemis](https://togithub.com/colebemis)! - `ThemeProvider` now uses the first defined color scheme if passed an invalid color scheme name
- [`321b9a3d`](https://togithub.com/primer/components/commit/321b9a3d9e0ddf6755bd7299ea6cd42a52f427a9) [#1266](https://togithub.com/primer/components/pull/1266) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Anchored overlay can take an external anchorRef.
### [`v28.2.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2821)
[Compare Source](https://togithub.com/primer/components/compare/v28.2.0...v28.2.1)
##### Patch Changes
- [`f793ed00`](https://togithub.com/primer/components/commit/f793ed00e244de861f373cf0882397a1f640b046) [#1280](https://togithub.com/primer/components/pull/1280) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Export TexContainer from of ActionList/Item.
- [`2893326b`](https://togithub.com/primer/components/commit/2893326bc45fd841cd71ac46ca71cdaececa7343) [#1259](https://togithub.com/primer/components/pull/1259) Thanks [@smockle](https://togithub.com/smockle)! - Hide intra-'Item' dividers on ':hover' and ':focus'
### [`v28.2.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2820)
[Compare Source](https://togithub.com/primer/components/compare/v28.1.1...v28.2.0)
##### Minor Changes
- [`8368a83e`](https://togithub.com/primer/components/commit/8368a83efbc89aa73f9c775c25da62e34960c95c) [#1238](https://togithub.com/primer/components/pull/1238) Thanks [@dgreif](https://togithub.com/dgreif)! - New sizes for Overlay and Dialog. Sizes have been changed from abbreviations to full words. `xs` -> `xsmall`, `sm` -> `small`, `md` -> `medium`, `lg` -> `large`, `xl` -> `xlarge`. The sizing for `Overlay` has also been updated to provide a wider range of options. The original values for Overlay were based on the needs of Dialog, but Dialog is not reliant on Overlay so they don't need to have similar sizing. This is technically a breaking change, but is being released as a minor because these components are both still in `alpha` status.
##### Patch Changes
- [`a7fe32c8`](https://togithub.com/primer/components/commit/a7fe32c8ba42ad75a945185b5f358f274a21ef0e) [#1248](https://togithub.com/primer/components/pull/1248) Thanks [@dgreif](https://togithub.com/dgreif)! - Hide overflow from `Overlay`
- [`02e86095`](https://togithub.com/primer/components/commit/02e86095e6775f42c150c362e5281f0ffc332212) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow `filterValue` to be provided to `SelectPanel`
- [`10df320b`](https://togithub.com/primer/components/commit/10df320bb4d2a3d7ad7e59722c0b8896eeef0357) [#1247](https://togithub.com/primer/components/pull/1247) Thanks [@dgreif](https://togithub.com/dgreif)! - Handle overflow and active-descendant scrolling within `SelectPanel`
- [`25d88c49`](https://togithub.com/primer/components/commit/25d88c49709f1c91c1a596fc77ed05e66cae083f) [#1253](https://togithub.com/primer/components/pull/1253) Thanks [@dgreif](https://togithub.com/dgreif)! - Correct font size and truncate for description within ActionList Items
- [`9cb715cd`](https://togithub.com/primer/components/commit/9cb715cd2a613a0cedae60e488d4f69449465a38) [#1258](https://togithub.com/primer/components/pull/1258) Thanks [@dgreif](https://togithub.com/dgreif)! - prevent focusTrap from causing a `blur` if trap container is not in DOM
- [`aa7d80fc`](https://togithub.com/primer/components/commit/aa7d80fcb70b5e7936eae13fd073f7c2163df7ec) [#1246](https://togithub.com/primer/components/pull/1246) Thanks [@dgreif](https://togithub.com/dgreif)! - Fix border radius on buttons and title `font-weight` in ConfirmationDialog
### [`v28.1.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2811)
[Compare Source](https://togithub.com/primer/components/compare/v28.1.0...v28.1.1)
##### Patch Changes
- [`ff177c88`](https://togithub.com/primer/components/commit/ff177c88200f2ebb8c27a8e41aeb869a8eddf95b) [#1242](https://togithub.com/primer/components/pull/1242) Thanks [@dgreif](https://togithub.com/dgreif)! - Use `Item` `index` as fallback key within `List` groups
- [`fb2fa6c2`](https://togithub.com/primer/components/commit/fb2fa6c2f40be51f4f7201b93e004bb7d2257110) [#1244](https://togithub.com/primer/components/pull/1244) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow focus to move to an input outside an overlay on mousedown
- [`1519742f`](https://togithub.com/primer/components/commit/1519742fcffcad9d14c972bc8c1fdd8e575c956e) [#1243](https://togithub.com/primer/components/pull/1243) Thanks [@dgreif](https://togithub.com/dgreif)! - Use `active-descendant` to control focus in `SelectPanel`
- [`c1991318`](https://togithub.com/primer/components/commit/c1991318aa7ee5d021f458db26cd2597279cc4ba) [#1158](https://togithub.com/primer/components/pull/1158) Thanks [@dgreif](https://togithub.com/dgreif)! - Add background styles for focused action list items, instead of using default `outline`
### [`v28.1.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2810)
[Compare Source](https://togithub.com/primer/components/compare/v28.0.4...v28.1.0)
##### Minor Changes
- [`6800c609`](https://togithub.com/primer/components/commit/6800c609634d8227c6538a49bca3ef59d8b660a1) [#1232](https://togithub.com/primer/components/pull/1232) Thanks [@dgreif](https://togithub.com/dgreif)! - New `Spinner` Component
##### Patch Changes
- [`909ada5c`](https://togithub.com/primer/components/commit/909ada5c47c597f0260563c5030df0613051f618) [#1224](https://togithub.com/primer/components/pull/1224) Thanks [@dgreif](https://togithub.com/dgreif)! - Add `SelectPanel` alpha component
- [`0d26d2b0`](https://togithub.com/primer/components/commit/0d26d2b07d8ed242eec71fd05959d8cdd0e6f0ba) [#1240](https://togithub.com/primer/components/pull/1240) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Fix check Spacing on selected items for ActionList components.
- [`e009e321`](https://togithub.com/primer/components/commit/e009e321bf6c456ca6584650cd5f3ea35fe36003) [#1235](https://togithub.com/primer/components/pull/1235) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Dialog properly auto-focuses cancel button by default when originating from a FocusZone/FocusTrap.
### [`v28.0.4`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2804)
[Compare Source](https://togithub.com/primer/components/compare/v28.0.3...v28.0.4)
##### Patch Changes
- [`e1bde42b`](https://togithub.com/primer/components/commit/e1bde42b7a11d9f642132601a5c776a988926747) [#1228](https://togithub.com/primer/components/pull/1228) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Action Menu correctly fires onAction callback after close.
- [`961c07eb`](https://togithub.com/primer/components/commit/961c07ebc7cbf483029d5326bb8e56c78777028d) [#1227](https://togithub.com/primer/components/pull/1227) Thanks [@stephenotalora](https://togithub.com/stephenotalora)! - Change focus state style of `SideNav.Link`
- [`84c7e771`](https://togithub.com/primer/components/commit/84c7e771f8ac9bb707fbb977658e9e40620bc20c) [#1225](https://togithub.com/primer/components/pull/1225) Thanks [@dgreif](https://togithub.com/dgreif)! - handle complex child reordering within a focusZone
### [`v28.0.3`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2803)
[Compare Source](https://togithub.com/primer/components/compare/v28.0.2...v28.0.3)
##### Patch Changes
- [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Hide divider before `ActionList.Group`s with filled header
- [`a9260812`](https://togithub.com/primer/components/commit/a9260812ebaaa07747eb7cca40c6ff1c12892c49) [#1221](https://togithub.com/primer/components/pull/1221) Thanks [@dgreif](https://togithub.com/dgreif)! - Improved performance for lists in `ActionMenu` and `DropdownMenu`
- [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Align `Item` description to when rendered in-line
- [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow `focusZoneSettings` to be passed into `AnchoredOverlay`
- [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Add `selectionVariant: 'multiple'` for `Item`s. These will use a checkbox input instead of a checkmark icon for selected state
- [`d78af591`](https://togithub.com/primer/components/commit/d78af591971984a3a2d2707904eb235701d1c749) [#1214](https://togithub.com/primer/components/pull/1214) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - renderMenuItem in ActionMenu checks preventDefault for conditionally calling onClose
- [`4ab3d175`](https://togithub.com/primer/components/commit/4ab3d1752d14969fff222a4cf7fb2dcc1110d0fb) [#1222](https://togithub.com/primer/components/pull/1222) Thanks [@dgreif](https://togithub.com/dgreif)! - Trap focus in `AnchoredOverlay` as soon as it opens, regardless of the event that triggered it to open
- [`ff9ce6f1`](https://togithub.com/primer/components/commit/ff9ce6f108e29ac061b23e3338cb03e2f168f701) [#1217](https://togithub.com/primer/components/pull/1217) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - overlayProps passthrough from ActionMenu and DropdownMenu to AnchoredOverlay.
### [`v28.0.2`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2802)
[Compare Source](https://togithub.com/primer/components/compare/v28.0.1...v28.0.2)
##### Patch Changes
- [`d20a5996`](https://togithub.com/primer/components/commit/d20a5996aafdbc6446f13aaa7a489394926f083a) [#1209](https://togithub.com/primer/components/pull/1209) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow Overlay height and width to be set through AnchoredOverlay
Allow ActionList Items to supply an `id` instead of `key`
Performance imporvements when ActionList is not given any groups
Enable focus zone as soon as AnchoredOverlay opens
- [`d29741ca`](https://togithub.com/primer/components/commit/d29741cab4bfa4249000e5b2479e99f5aeea3189) [#1196](https://togithub.com/primer/components/pull/1196) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow custom `children` in `ActionItem`. `text` and `description` can still be provided as a shortcut, but `children` is now available if you need more control over the rending of the item, without sacrificing benefits from `Item` by using `renderItem`.
- [`4c2e1a2b`](https://togithub.com/primer/components/commit/4c2e1a2b449d3f762c530f70a5056e581404d3d8) [#1195](https://togithub.com/primer/components/pull/1195) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Export useConfirm hook and ConfirmationDialog component from index.
- [`3c13d039`](https://togithub.com/primer/components/commit/3c13d039466370a70ed1e0bf8c3af0860fe26702) [#1201](https://togithub.com/primer/components/pull/1201) Thanks [@T-Hugs](https://togithub.com/T-Hugs)! - Fix overlay position when using an AnchoredOverlay
- [`c9b4db79`](https://togithub.com/primer/components/commit/c9b4db79ec2b4360f23f42d3ab49f265a56e9447) [#1199](https://togithub.com/primer/components/pull/1199) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Action Menu can have its open state be controlled externally.
- [`3e759e59`](https://togithub.com/primer/components/commit/3e759e59b5af115e82cca2253c0caca9e400be24) [#1211](https://togithub.com/primer/components/pull/1211) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use preventDefault on AnchoredOverlay instead of stopPropagation.
- [`84e3c570`](https://togithub.com/primer/components/commit/84e3c5706fa313eab5605f551256c0dc34a8626d) [#1194](https://togithub.com/primer/components/pull/1194) Thanks [@dgreif](https://togithub.com/dgreif)! - Handle `onAction` for `DropdownMenu` Items
- [`7aeb53fe`](https://togithub.com/primer/components/commit/7aeb53fec23a80414f6c1db8b31c06beb2073dd2) [#1200](https://togithub.com/primer/components/pull/1200) Thanks [@dgreif](https://togithub.com/dgreif)! - Perform ActionMenu actions after overlay has closed. This allows the action to move focus if so desired, without the ActionMenu focus trap preventing focus from moving away.
- [`bba66fdd`](https://togithub.com/primer/components/commit/bba66fddb51be251456711e21e725b1034bae806) [#1206](https://togithub.com/primer/components/pull/1206) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - stopPropagation for mousedown and click in AnchoredOverlay based components
### [`v28.0.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2801)
[Compare Source](https://togithub.com/primer/components/compare/v28.0.0...v28.0.1)
##### Patch Changes
- [`b319ce43`](https://togithub.com/primer/components/commit/b319ce4396b11c185faee23f0884632806922303) [#1197](https://togithub.com/primer/components/pull/1197) Thanks [@dmarcey](https://togithub.com/dmarcey)! - Typescript declare files will now be published to the lib-esm directory, as well as lib
- [`17957f29`](https://togithub.com/primer/components/commit/17957f293542d6cbf5f8005698bb352f95d5c8f7) [#1192](https://togithub.com/primer/components/pull/1192) Thanks [@dgreif](https://togithub.com/dgreif)! - Add basic docs for `AnchoredOverlay`
### [`v28.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2800)
[Compare Source](https://togithub.com/primer/components/compare/v27.0.0...v28.0.0)
##### Major Changes
- [`5f85394d`](https://togithub.com/primer/components/commit/5f85394dc16f076080824d8fdb3bda06d01e29da) [#1157](https://togithub.com/primer/components/pull/1157) Thanks [@dgreif](https://togithub.com/dgreif)! - Removed `useMouseIntent` in favor of [`:focus-visible`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible). With the removal of `useMouseIntent`, the `intent-mouse` class will no longer be added to the ``. Since `:focus-visible` is a relatively new psuedo-class, a polyfill is included. Any focused elements that meet the criteria for `:focus-visible` will also have a `focus-visible` class added to them by the polyfill.
##### Patch Changes
- [`f7857a06`](https://togithub.com/primer/components/commit/f7857a06031df339fa61d27f8ca717e4df95d5e5) [#1159](https://togithub.com/primer/components/pull/1159) Thanks [@hehex9](https://togithub.com/hehex9)! - Removed unused dependencies
### [`v27.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2700)
[Compare Source](https://togithub.com/primer/components/compare/v26.0.0...v27.0.0)
##### Major Changes
- [`db478205`](https://togithub.com/primer/components/commit/db478205bf467a118394e0519034bb87116dc85a) [#1147](https://togithub.com/primer/components/pull/1147) Thanks [@colebemis](https://togithub.com/colebemis)! - Type definitions are now being generated by TypeScript instead of manually maintained. These new type definitions may differ from the previous type definitions and cause breaking changes. If you experience any new TypeScript errors, feel free to create an [issue](https://togithub.com/primer/components/issues) or reach out in Slack (#design-systems).
##### Breaking changes
- The following types are no longer exported:
BaseProps
UseDetailsProps
AnchoredPositionHookSettings
AnchorAlignment
AnchorSide
PositionSettings
PaginationHrefBuilder
PaginationPageChangeCallback
PositionComponentProps
- Props are now defined with types instead of interfaces which means in some cases you may not be able to create interfaces that `extend` them. To work around this issue, you may need to convert your interfaces to types:
```diff
import {BoxProps} from '@primer/components'
- interface MyFancyBox extends BoxProps {...}
+ type MyFancyBox = BoxProps & {...}
```
- Some components now expect more specific ref types. For example:
```diff
- const ref = React.useRef(null)
+ const ref = React.useRef(null)
return
```
### [`v26.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2600)
[Compare Source](https://togithub.com/primer/components/compare/v25.0.0...v26.0.0)
##### Major Changes
- [`016a273f`](https://togithub.com/primer/components/commit/016a273fde30f0185e23309e1a39c1bc034174f8) [#1115](https://togithub.com/primer/components/pull/1115) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Removes deprecated presentational theme variables in favor of *functional variables* for styling components that are consistent across multiple themes.
### [`v25.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2500)
[Compare Source](https://togithub.com/primer/components/compare/v24.0.0...v25.0.0)
##### Major Changes
- [`8799f74a`](https://togithub.com/primer/components/commit/8799f74ad69911e9840d51a65d08237f3cb1f172) [#1112](https://togithub.com/primer/components/pull/1112) Thanks [@colebemis](https://togithub.com/colebemis)! - Primer React now supports color modes! 🎉
See the new [Theming](https://primer.style/components/theming) documentation for more details.
##### Breaking changes
- You'll need to replace the `ThemeProvider` from `styled-components` with the new Primer React `ThemeProvider`:
```diff
- import {ThemeProvider} from 'styled-components'
- import {theme} from '@primer/components
+ import {ThemeProvider} from '@primer/components'
function App() {
return (
-
+
your app here...
)
}
```
- The structure of the theme object has changed to support color schemes:
```diff
const theme = {
- colors,
- shadows,
+ colorSchemes: {
+ light: {
+ colors,
+ shadows,
+ },
+ dark: {...},
+ dark_dimmed: {...},
+ },
space,
fonts,
fontSizes,
fontWeights,
lineHeights,
borderWidths,
radii,
breakpoints,
sizes,
}
```
- The `theme.colors` and `theme.shadows` objects are no longer available from the `theme` export. Use the `useTheme`hook instead:
```diff
- import {theme} from '@primer/components'
+ import {useTheme} from '@primer/components'
function Example() {
+ const {theme} = useTheme()
const myColor = theme.colors.text.primary
...
}
```
##### Patch Changes
- [`360e3595`](https://togithub.com/primer/components/commit/360e3595a6e133e8caf391e7355f25b856936b12) [#1111](https://togithub.com/primer/components/pull/1111) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Update color variable used in ProgressBar (`state.success` → `bg.successInverse`)
- [`1b3d87d2`](https://togithub.com/primer/components/commit/1b3d87d27103b99dd02cbf61f88d93b7df80d5b1) [#1127](https://togithub.com/primer/components/pull/1127) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Bump [@primer/primitives](https://togithub.com/primer/primitives) from 0.0.0-20211167520 to 0.0.0-20212178221
### [`v24.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2400)
[Compare Source](https://togithub.com/primer/components/compare/v23.2.1...v24.0.0)
##### Major Changes
- [`b9d9d245`](https://togithub.com/primer/components/commit/b9d9d2450c3f726fa0e6bc8cb43ba678df0c60ad) [#1068](https://togithub.com/primer/components/pull/1068) Thanks [@colebemis](https://togithub.com/colebemis)! - Remove propTypes in favor of TypeScript types
- [`beef075e`](https://togithub.com/primer/components/commit/beef075e0274396b77887adf0b912583fe564b3f) [#1094](https://togithub.com/primer/components/pull/1094) Thanks [@colebemis](https://togithub.com/colebemis)! - Components no longer have a default `theme` prop. To ensure components still render correctly, you'll need pass the Primer theme to a [styled-components](https://styled-components.com/) `` at the root of your application:
```jsx
import {ThemeProvider} from 'styled-components'
import {theme} from '@primer/components'
funciton App(props) {
return (
your app here
)
}
```
##### Patch Changes
- [`397f3360`](https://togithub.com/primer/components/commit/397f3360f1e6486ae475394b5b4cef968a0cdb21) [#1106](https://togithub.com/primer/components/pull/1106) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Pagination
- [`fa106ea9`](https://togithub.com/primer/components/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://togithub.com/primer/components/pull/1090) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in BaseStyles
- [`fa106ea9`](https://togithub.com/primer/components/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://togithub.com/primer/components/pull/1090) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in BranchName
- [`e93cf268`](https://togithub.com/primer/components/commit/e93cf268b9b8b25fee535dc4aa7d31c0b015d420) [#1092](https://togithub.com/primer/components/pull/1092) Thanks [@bscofield](https://togithub.com/bscofield)! - Use functional color variables in Caret, CircleBadge, Pagehead, ProgressBar, and Popover
- [`5a042778`](https://togithub.com/primer/components/commit/5a04277861a78d567b812e7b83c2977c61402247) [#1099](https://togithub.com/primer/components/pull/1099) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in FilterList
- [`a886bbcf`](https://togithub.com/primer/components/commit/a886bbcf765659a4742245d37c9f8d1327daca7a) [#1098](https://togithub.com/primer/components/pull/1098) Thanks [@bscofield](https://togithub.com/bscofield)! - Update SelectMenu and child components to use functional color variables
- [`f2c57794`](https://togithub.com/primer/components/commit/f2c57794dc8163eda974d37a4fbb939b631c82cc) [#1085](https://togithub.com/primer/components/pull/1085) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in SideNav
- [`756191e7`](https://togithub.com/primer/components/commit/756191e7d20ea46c83a591fd2cf7b2ab9c3ed0fc) [#1100](https://togithub.com/primer/components/pull/1100) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonOutline
- [`6b2dc95f`](https://togithub.com/primer/components/commit/6b2dc95f2b3e250e130ff7e36d18eda3cda94b4a) [#1085](https://togithub.com/primer/components/pull/1085) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in TabNav
- [`51d180ac`](https://togithub.com/primer/components/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://togithub.com/primer/components/pull/1089) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in Timeline
- [`51d180ac`](https://togithub.com/primer/components/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://togithub.com/primer/components/pull/1089) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in TextInput
- [`8f2b4d2e`](https://togithub.com/primer/components/commit/8f2b4d2e434d1af2eb6d5d3c7f566fae147033ee) [#1100](https://togithub.com/primer/components/pull/1100) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonPrimary
- [`51d180ac`](https://togithub.com/primer/components/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://togithub.com/primer/components/pull/1089) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in Link
- [`fa106ea9`](https://togithub.com/primer/components/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://togithub.com/primer/components/pull/1090) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in BorderBox
- [`51d180ac`](https://togithub.com/primer/components/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://togithub.com/primer/components/pull/1089) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in Tooltip
- [`1fb750af`](https://togithub.com/primer/components/commit/1fb750afc9083466eadad76b3387967d466d336a) [#1097](https://togithub.com/primer/components/pull/1097) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonTableList
- [`ea21d8eb`](https://togithub.com/primer/components/commit/ea21d8eb99f710727b31d2c0f8ddc1d5f59d61cf) [#1102](https://togithub.com/primer/components/pull/1102) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Flash
- [`51d180ac`](https://togithub.com/primer/components/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://togithub.com/primer/components/pull/1089) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in UnderlineNav
- [`44aa68e2`](https://togithub.com/primer/components/commit/44aa68e2e725bdb2a3be349d7bec3e18b3f17809) [#1101](https://togithub.com/primer/components/pull/1101) Thanks [@emplums](https://togithub.com/emplums)! - Forwards aria-label to correct component
- [`d0f38c3d`](https://togithub.com/primer/components/commit/d0f38c3d7bbcc7d57a8d459d8c61862102f89b1e) [#1102](https://togithub.com/primer/components/pull/1102) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Header
- [`5df7723a`](https://togithub.com/primer/components/commit/5df7723afabe0d3bdd29e3eab8622586b3ab072a) [#1099](https://togithub.com/primer/components/pull/1099) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in DropdownStyles
- [`170876e6`](https://togithub.com/primer/components/commit/170876e6546a435faf7e0401d6fc8060a64b199d) [#1097](https://togithub.com/primer/components/pull/1097) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Button
- [`c44ee363`](https://togithub.com/primer/components/commit/c44ee363e9d663b873ea721e42dac8e5366ebcd1) [#1085](https://togithub.com/primer/components/pull/1085) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in SubNav
- [`198e24ad`](https://togithub.com/primer/components/commit/198e24adef084b115441c72b80d3113f411a5fa5) [#1100](https://togithub.com/primer/components/pull/1100) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonDanger
- [`39371d98`](https://togithub.com/primer/components/commit/39371d98be5c7fa1bf2be5542a90d752bc330e2b) [#1099](https://togithub.com/primer/components/pull/1099) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in CounterLabel
- [`92597504`](https://togithub.com/primer/components/commit/9259750429913d7977746c55da5a397d591a4f45) [#1100](https://togithub.com/primer/components/pull/1100) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonClose
- [`fa106ea9`](https://togithub.com/primer/components/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://togithub.com/primer/components/pull/1090) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in AvatarPair
- [`fa106ea9`](https://togithub.com/primer/components/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://togithub.com/primer/components/pull/1090) Thanks [@colebemis](https://togithub.com/colebemis)! - Use functional color variables in AvatarStack
- [`565f1980`](https://togithub.com/primer/components/commit/565f19808c528a2d33042c339603ea76d6097d0c) [#1097](https://togithub.com/primer/components/pull/1097) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Breadcrumb
- [`4e19045e`](https://togithub.com/primer/components/commit/4e19045ec1ca46ece0c029a193ed1863a8994030) [#1085](https://togithub.com/primer/components/pull/1085) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in StateLabel
- [`31025697`](https://togithub.com/primer/components/commit/31025697b61f80fc35442e66e73311269d0cdc48) [#1099](https://togithub.com/primer/components/pull/1099) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in Dialog
- [`67cc5b23`](https://togithub.com/primer/components/commit/67cc5b23fb5b968a7ecbebbca9671e65d4acfee6) [#1097](https://togithub.com/primer/components/pull/1097) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use functional color variables in ButtonInvisible
Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box.
This PR contains the following updates:
23.2.1->28.2.4Release Notes
primer/components
### [`v28.2.4`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2824) [Compare Source](https://togithub.com/primer/components/compare/v28.2.3...v28.2.4) ##### Patch Changes - [#1293](https://togithub.com/primer/components/pull/1293) [`1148a718`](https://togithub.com/primer/components/commit/1148a718aa1db92fb90d15efc150aa4c0c2ef018) Thanks [@smockle](https://togithub.com/smockle)! - Restore "fix: Don’t focus first 'Item' of 'DropdownMenu' and 'SelectMenu' on open" by deferring the removal of a temporary `tabIndex` until focus moves within the container. - [#1279](https://togithub.com/primer/components/pull/1279) [`bb38754f`](https://togithub.com/primer/components/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Update overlay shadows - [#1297](https://togithub.com/primer/components/pull/1297) [`5fb3683d`](https://togithub.com/primer/components/commit/5fb3683df6cc116975c729e83ce3c14b87ffaea1) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Bump [@primer/primitives](https://togithub.com/primer/primitives) to 4.4.0 - [#1288](https://togithub.com/primer/components/pull/1288) [`15207119`](https://togithub.com/primer/components/commit/15207119d25a3d6b0b13294bb99dc4efd780a788) Thanks [@dgreif](https://togithub.com/dgreif)! - Focus zones with an `activeDescendantControl` will now activate the first descendant as soon as the control element is focused, rather than waiting for an up/down arrow press. Descendants stay active until the control element is blurred. This is a breaking change to `useFocusZone`, but this behavior is still considered to be in `alpha`. - [#1292](https://togithub.com/primer/components/pull/1292) [`4b643818`](https://togithub.com/primer/components/commit/4b64381872eac9df00c53186782a370b0d6da638) Thanks [@dgreif](https://togithub.com/dgreif)! - Bump dependencies - [#1279](https://togithub.com/primer/components/pull/1279) [`bb38754f`](https://togithub.com/primer/components/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Update TextInput border color ### [`v28.2.3`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2823) [Compare Source](https://togithub.com/primer/components/compare/v28.2.2...v28.2.3) ##### Patch Changes - [`0ffc381c`](https://togithub.com/primer/components/commit/0ffc381c833219959ed3b99a9dd64fe56ac51036) [#1294](https://togithub.com/primer/components/pull/1294) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Revert first item focus fix for ActionList components. ### [`v28.2.2`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2822) [Compare Source](https://togithub.com/primer/components/compare/v28.2.1...v28.2.2) ##### Patch Changes - [`68877076`](https://togithub.com/primer/components/commit/68877076fcbbc1c4cd308f2e6f8f44290751efe4) [#1275](https://togithub.com/primer/components/pull/1275) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - data props can be used in overlayProps. - [`2793ef48`](https://togithub.com/primer/components/commit/2793ef48d554e307e46442fcc198ed4adf8c137f) [#1286](https://togithub.com/primer/components/pull/1286) Thanks [@colebemis](https://togithub.com/colebemis)! - `ThemeProvider` now uses the first defined color scheme if passed an invalid color scheme name - [`321b9a3d`](https://togithub.com/primer/components/commit/321b9a3d9e0ddf6755bd7299ea6cd42a52f427a9) [#1266](https://togithub.com/primer/components/pull/1266) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Anchored overlay can take an external anchorRef. ### [`v28.2.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2821) [Compare Source](https://togithub.com/primer/components/compare/v28.2.0...v28.2.1) ##### Patch Changes - [`f793ed00`](https://togithub.com/primer/components/commit/f793ed00e244de861f373cf0882397a1f640b046) [#1280](https://togithub.com/primer/components/pull/1280) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Export TexContainer from of ActionList/Item. - [`2893326b`](https://togithub.com/primer/components/commit/2893326bc45fd841cd71ac46ca71cdaececa7343) [#1259](https://togithub.com/primer/components/pull/1259) Thanks [@smockle](https://togithub.com/smockle)! - Hide intra-'Item' dividers on ':hover' and ':focus' ### [`v28.2.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2820) [Compare Source](https://togithub.com/primer/components/compare/v28.1.1...v28.2.0) ##### Minor Changes - [`8368a83e`](https://togithub.com/primer/components/commit/8368a83efbc89aa73f9c775c25da62e34960c95c) [#1238](https://togithub.com/primer/components/pull/1238) Thanks [@dgreif](https://togithub.com/dgreif)! - New sizes for Overlay and Dialog. Sizes have been changed from abbreviations to full words. `xs` -> `xsmall`, `sm` -> `small`, `md` -> `medium`, `lg` -> `large`, `xl` -> `xlarge`. The sizing for `Overlay` has also been updated to provide a wider range of options. The original values for Overlay were based on the needs of Dialog, but Dialog is not reliant on Overlay so they don't need to have similar sizing. This is technically a breaking change, but is being released as a minor because these components are both still in `alpha` status. ##### Patch Changes - [`a7fe32c8`](https://togithub.com/primer/components/commit/a7fe32c8ba42ad75a945185b5f358f274a21ef0e) [#1248](https://togithub.com/primer/components/pull/1248) Thanks [@dgreif](https://togithub.com/dgreif)! - Hide overflow from `Overlay` - [`02e86095`](https://togithub.com/primer/components/commit/02e86095e6775f42c150c362e5281f0ffc332212) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow `filterValue` to be provided to `SelectPanel` - [`10df320b`](https://togithub.com/primer/components/commit/10df320bb4d2a3d7ad7e59722c0b8896eeef0357) [#1247](https://togithub.com/primer/components/pull/1247) Thanks [@dgreif](https://togithub.com/dgreif)! - Handle overflow and active-descendant scrolling within `SelectPanel` - [`25d88c49`](https://togithub.com/primer/components/commit/25d88c49709f1c91c1a596fc77ed05e66cae083f) [#1253](https://togithub.com/primer/components/pull/1253) Thanks [@dgreif](https://togithub.com/dgreif)! - Correct font size and truncate for description within ActionList Items - [`9cb715cd`](https://togithub.com/primer/components/commit/9cb715cd2a613a0cedae60e488d4f69449465a38) [#1258](https://togithub.com/primer/components/pull/1258) Thanks [@dgreif](https://togithub.com/dgreif)! - prevent focusTrap from causing a `blur` if trap container is not in DOM - [`aa7d80fc`](https://togithub.com/primer/components/commit/aa7d80fcb70b5e7936eae13fd073f7c2163df7ec) [#1246](https://togithub.com/primer/components/pull/1246) Thanks [@dgreif](https://togithub.com/dgreif)! - Fix border radius on buttons and title `font-weight` in ConfirmationDialog ### [`v28.1.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2811) [Compare Source](https://togithub.com/primer/components/compare/v28.1.0...v28.1.1) ##### Patch Changes - [`ff177c88`](https://togithub.com/primer/components/commit/ff177c88200f2ebb8c27a8e41aeb869a8eddf95b) [#1242](https://togithub.com/primer/components/pull/1242) Thanks [@dgreif](https://togithub.com/dgreif)! - Use `Item` `index` as fallback key within `List` groups - [`fb2fa6c2`](https://togithub.com/primer/components/commit/fb2fa6c2f40be51f4f7201b93e004bb7d2257110) [#1244](https://togithub.com/primer/components/pull/1244) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow focus to move to an input outside an overlay on mousedown - [`1519742f`](https://togithub.com/primer/components/commit/1519742fcffcad9d14c972bc8c1fdd8e575c956e) [#1243](https://togithub.com/primer/components/pull/1243) Thanks [@dgreif](https://togithub.com/dgreif)! - Use `active-descendant` to control focus in `SelectPanel` - [`c1991318`](https://togithub.com/primer/components/commit/c1991318aa7ee5d021f458db26cd2597279cc4ba) [#1158](https://togithub.com/primer/components/pull/1158) Thanks [@dgreif](https://togithub.com/dgreif)! - Add background styles for focused action list items, instead of using default `outline` ### [`v28.1.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2810) [Compare Source](https://togithub.com/primer/components/compare/v28.0.4...v28.1.0) ##### Minor Changes - [`6800c609`](https://togithub.com/primer/components/commit/6800c609634d8227c6538a49bca3ef59d8b660a1) [#1232](https://togithub.com/primer/components/pull/1232) Thanks [@dgreif](https://togithub.com/dgreif)! - New `Spinner` Component ##### Patch Changes - [`909ada5c`](https://togithub.com/primer/components/commit/909ada5c47c597f0260563c5030df0613051f618) [#1224](https://togithub.com/primer/components/pull/1224) Thanks [@dgreif](https://togithub.com/dgreif)! - Add `SelectPanel` alpha component - [`0d26d2b0`](https://togithub.com/primer/components/commit/0d26d2b07d8ed242eec71fd05959d8cdd0e6f0ba) [#1240](https://togithub.com/primer/components/pull/1240) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Fix check Spacing on selected items for ActionList components. - [`e009e321`](https://togithub.com/primer/components/commit/e009e321bf6c456ca6584650cd5f3ea35fe36003) [#1235](https://togithub.com/primer/components/pull/1235) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Dialog properly auto-focuses cancel button by default when originating from a FocusZone/FocusTrap. ### [`v28.0.4`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2804) [Compare Source](https://togithub.com/primer/components/compare/v28.0.3...v28.0.4) ##### Patch Changes - [`e1bde42b`](https://togithub.com/primer/components/commit/e1bde42b7a11d9f642132601a5c776a988926747) [#1228](https://togithub.com/primer/components/pull/1228) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Action Menu correctly fires onAction callback after close. - [`961c07eb`](https://togithub.com/primer/components/commit/961c07ebc7cbf483029d5326bb8e56c78777028d) [#1227](https://togithub.com/primer/components/pull/1227) Thanks [@stephenotalora](https://togithub.com/stephenotalora)! - Change focus state style of `SideNav.Link` - [`84c7e771`](https://togithub.com/primer/components/commit/84c7e771f8ac9bb707fbb977658e9e40620bc20c) [#1225](https://togithub.com/primer/components/pull/1225) Thanks [@dgreif](https://togithub.com/dgreif)! - handle complex child reordering within a focusZone ### [`v28.0.3`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2803) [Compare Source](https://togithub.com/primer/components/compare/v28.0.2...v28.0.3) ##### Patch Changes - [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Hide divider before `ActionList.Group`s with filled header - [`a9260812`](https://togithub.com/primer/components/commit/a9260812ebaaa07747eb7cca40c6ff1c12892c49) [#1221](https://togithub.com/primer/components/pull/1221) Thanks [@dgreif](https://togithub.com/dgreif)! - Improved performance for lists in `ActionMenu` and `DropdownMenu` - [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Align `Item` description to when rendered in-line - [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow `focusZoneSettings` to be passed into `AnchoredOverlay` - [`c63fa4b5`](https://togithub.com/primer/components/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://togithub.com/primer/components/pull/1215) Thanks [@dgreif](https://togithub.com/dgreif)! - Add `selectionVariant: 'multiple'` for `Item`s. These will use a checkbox input instead of a checkmark icon for selected state - [`d78af591`](https://togithub.com/primer/components/commit/d78af591971984a3a2d2707904eb235701d1c749) [#1214](https://togithub.com/primer/components/pull/1214) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - renderMenuItem in ActionMenu checks preventDefault for conditionally calling onClose - [`4ab3d175`](https://togithub.com/primer/components/commit/4ab3d1752d14969fff222a4cf7fb2dcc1110d0fb) [#1222](https://togithub.com/primer/components/pull/1222) Thanks [@dgreif](https://togithub.com/dgreif)! - Trap focus in `AnchoredOverlay` as soon as it opens, regardless of the event that triggered it to open - [`ff9ce6f1`](https://togithub.com/primer/components/commit/ff9ce6f108e29ac061b23e3338cb03e2f168f701) [#1217](https://togithub.com/primer/components/pull/1217) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - overlayProps passthrough from ActionMenu and DropdownMenu to AnchoredOverlay. ### [`v28.0.2`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2802) [Compare Source](https://togithub.com/primer/components/compare/v28.0.1...v28.0.2) ##### Patch Changes - [`d20a5996`](https://togithub.com/primer/components/commit/d20a5996aafdbc6446f13aaa7a489394926f083a) [#1209](https://togithub.com/primer/components/pull/1209) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow Overlay height and width to be set through AnchoredOverlay Allow ActionList Items to supply an `id` instead of `key` Performance imporvements when ActionList is not given any groups Enable focus zone as soon as AnchoredOverlay opens - [`d29741ca`](https://togithub.com/primer/components/commit/d29741cab4bfa4249000e5b2479e99f5aeea3189) [#1196](https://togithub.com/primer/components/pull/1196) Thanks [@dgreif](https://togithub.com/dgreif)! - Allow custom `children` in `ActionItem`. `text` and `description` can still be provided as a shortcut, but `children` is now available if you need more control over the rending of the item, without sacrificing benefits from `Item` by using `renderItem`. - [`4c2e1a2b`](https://togithub.com/primer/components/commit/4c2e1a2b449d3f762c530f70a5056e581404d3d8) [#1195](https://togithub.com/primer/components/pull/1195) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Export useConfirm hook and ConfirmationDialog component from index. - [`3c13d039`](https://togithub.com/primer/components/commit/3c13d039466370a70ed1e0bf8c3af0860fe26702) [#1201](https://togithub.com/primer/components/pull/1201) Thanks [@T-Hugs](https://togithub.com/T-Hugs)! - Fix overlay position when using an AnchoredOverlay - [`c9b4db79`](https://togithub.com/primer/components/commit/c9b4db79ec2b4360f23f42d3ab49f265a56e9447) [#1199](https://togithub.com/primer/components/pull/1199) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Action Menu can have its open state be controlled externally. - [`3e759e59`](https://togithub.com/primer/components/commit/3e759e59b5af115e82cca2253c0caca9e400be24) [#1211](https://togithub.com/primer/components/pull/1211) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - Use preventDefault on AnchoredOverlay instead of stopPropagation. - [`84e3c570`](https://togithub.com/primer/components/commit/84e3c5706fa313eab5605f551256c0dc34a8626d) [#1194](https://togithub.com/primer/components/pull/1194) Thanks [@dgreif](https://togithub.com/dgreif)! - Handle `onAction` for `DropdownMenu` Items - [`7aeb53fe`](https://togithub.com/primer/components/commit/7aeb53fec23a80414f6c1db8b31c06beb2073dd2) [#1200](https://togithub.com/primer/components/pull/1200) Thanks [@dgreif](https://togithub.com/dgreif)! - Perform ActionMenu actions after overlay has closed. This allows the action to move focus if so desired, without the ActionMenu focus trap preventing focus from moving away. - [`bba66fdd`](https://togithub.com/primer/components/commit/bba66fddb51be251456711e21e725b1034bae806) [#1206](https://togithub.com/primer/components/pull/1206) Thanks [@VanAnderson](https://togithub.com/VanAnderson)! - stopPropagation for mousedown and click in AnchoredOverlay based components ### [`v28.0.1`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2801) [Compare Source](https://togithub.com/primer/components/compare/v28.0.0...v28.0.1) ##### Patch Changes - [`b319ce43`](https://togithub.com/primer/components/commit/b319ce4396b11c185faee23f0884632806922303) [#1197](https://togithub.com/primer/components/pull/1197) Thanks [@dmarcey](https://togithub.com/dmarcey)! - Typescript declare files will now be published to the lib-esm directory, as well as lib - [`17957f29`](https://togithub.com/primer/components/commit/17957f293542d6cbf5f8005698bb352f95d5c8f7) [#1192](https://togithub.com/primer/components/pull/1192) Thanks [@dgreif](https://togithub.com/dgreif)! - Add basic docs for `AnchoredOverlay` ### [`v28.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2800) [Compare Source](https://togithub.com/primer/components/compare/v27.0.0...v28.0.0) ##### Major Changes - [`5f85394d`](https://togithub.com/primer/components/commit/5f85394dc16f076080824d8fdb3bda06d01e29da) [#1157](https://togithub.com/primer/components/pull/1157) Thanks [@dgreif](https://togithub.com/dgreif)! - Removed `useMouseIntent` in favor of [`:focus-visible`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible). With the removal of `useMouseIntent`, the `intent-mouse` class will no longer be added to the ``. Since `:focus-visible` is a relatively new psuedo-class, a polyfill is included. Any focused elements that meet the criteria for `:focus-visible` will also have a `focus-visible` class added to them by the polyfill. ##### Patch Changes - [`f7857a06`](https://togithub.com/primer/components/commit/f7857a06031df339fa61d27f8ca717e4df95d5e5) [#1159](https://togithub.com/primer/components/pull/1159) Thanks [@hehex9](https://togithub.com/hehex9)! - Removed unused dependencies ### [`v27.0.0`](https://togithub.com/primer/components/blob/master/CHANGELOG.md#2700) [Compare Source](https://togithub.com/primer/components/compare/v26.0.0...v27.0.0) ##### Major Changes - [`db478205`](https://togithub.com/primer/components/commit/db478205bf467a118394e0519034bb87116dc85a) [#1147](https://togithub.com/primer/components/pull/1147) Thanks [@colebemis](https://togithub.com/colebemis)! - Type definitions are now being generated by TypeScript instead of manually maintained. These new type definitions may differ from the previous type definitions and cause breaking changes. If you experience any new TypeScript errors, feel free to create an [issue](https://togithub.com/primer/components/issues) or reach out in Slack (#design-systems). ##### Breaking changes - The following types are no longer exported: BaseProps UseDetailsProps AnchoredPositionHookSettings AnchorAlignment AnchorSide PositionSettings PaginationHrefBuilder PaginationPageChangeCallback PositionComponentProps - Props are now defined with types instead of interfaces which means in some cases you may not be able to create interfaces that `extend` them. To work around this issue, you may need to convert your interfaces to types: ```diff import {BoxProps} from '@primer/components' - interface MyFancyBox extends BoxProps {...} + type MyFancyBox = BoxProps & {...} ``` - Some components now expect more specific ref types. For example: ```diff - const ref = React.useRefConfiguration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.