[Snyk] Upgrade @primer/components from 28.0.4 to 28.5.0

[snyk-bot]

Snyk has created this PR to upgrade @primer/components from 28.0.4 to 28.5.0.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 36 versions ahead of your current version.
• The recommended version was released 24 days ago, on 2021-09-01.

Release notes

Package name: @primer/components

• 28.5.0 - 2021-09-01
  

  Minor Changes

  • #1398 e4dac575 Thanks @ jfuchs! - Default portal containers created by primer are absolutely positioned at 0,0

  • #1385 5470b61b Thanks @ jfuchs! - Make top and left position explicit props of Overlay handled separately from other styles

  • #1388 83b888f0 Thanks @ jfuchs! - Overlay takes a portalContainerName prop. This allows overlays with an anchor inside a scrolling container to track with their anchor, so long as the specified portal is also inside that scrolling container.

• 28.5.0-rc.f4a7d51f - 2021-08-31
• 28.5.0-rc.e936962f - 2021-09-01
• 28.5.0-rc.7023310f - 2021-08-31
• 28.5.0-rc.40c7517b - 2021-08-31
• 28.5.0-rc.06fed4f9 - 2021-09-01
• 28.4.0 - 2021-08-25
  

  Minor Changes

  • #1381 b31f0853 Thanks @ jfuchs! - AnchoredOverlay positions are set directly on style property

  Patch Changes

  • #1372 23be0ed7 Thanks @ jfuchs! - Extends DropdownMenu to allow anchorRef, open, and onOpenChange props.

  • #1386 2ea30b43 Thanks @ colebemis! - Bump @ primer/primitives dependency to 4.6.4

  • #1387 6b4d52da Thanks @ jfuchs! - Guard against MediaQueryList.addEventListener calls where unavailable and possibly fall back to .addListener

• 28.4.0-rc.f7b37360 - 2021-08-24
• 28.4.0-rc.d99f7189 - 2021-08-19
• 28.4.0-rc.b5d3d54e - 2021-08-24
• 28.4.0-rc.9287e845 - 2021-08-24
• 28.4.0-rc.4ad9d9bb - 2021-08-23
• 28.4.0-rc.1efbbe5d - 2021-08-25
• 28.4.0-rc.36385428 - 2021-08-18
• 28.3.3-rc.ef50471b - 2021-08-11
• 28.3.2 - 2021-08-05
  

  Patch Changes

  • #1368 36f156a0 Thanks @ dgreif! - Allow anchorRef to be passed into SelectPanel if you want to use an external anchor
• 28.3.2-rc.93cb21aa - 2021-08-05
• 28.3.1 - 2021-07-30
  

  Patch Changes

  • #1355 3cc7be77 Thanks @ colebemis! - Replace octoface icon with spinner in SelectMenu component
• 28.3.1-rc.c7d4149f - 2021-07-30
• 28.3.1-rc.accee0aa - 2021-07-27
• 28.3.1-rc.7d886d03 - 2021-07-28
• 28.3.1-rc.7569ba1f - 2021-07-27
• 28.3.1-rc.66dcc8cd - 2021-07-27
• 28.3.1-rc.5e5320f4 - 2021-07-27
• 28.3.1-rc.393159b2 - 2021-07-27
• 28.3.1-rc.2aadd559 - 2021-07-27
• 28.3.1-rc.2854eea8 - 2021-07-27
• 28.3.0 - 2021-07-26
  

  Minor Changes

  • #1315 85d0202b Thanks @ VanAnderson! - Box now accepts all styled system props.

  • #1316 4c063317 Thanks @ VanAnderson! - The following components have been deprecated in favor of the Box component:

    Component	Replacement
    Flex	<Box display="flex">
    Grid	<Box display="grid">
    Position	<Box>
    Absolute	<Box position="absolute">
    Fixed	<Box position="fixed">
    Relative	<Box position="relative">
    Sticky	<Box position="sticky">
    BorderBox	<Box borderWidth="1px" borderStyle="solid" borderColor="border.primary" borderRadius={2}>

    There is a codemod available to upgrade these components:

    • TypeScript example:

      npx jscodeshift -t node_modules/@ primer/components/codemods/deprecateUtilityComponents.js
      --parser=tsx path/to/workspace/src/*.tsx

    • Babel example:

      npx jscodeshift -t node_modules/@ primer/components/codemods/deprecateUtilityComponents.js
      --parser=babel path/to/workspace/src/*.tsx

  • #1336 489a718b Thanks @ VanAnderson! - System props are deprecated in all components except Box. Move all system props into the sx prop instead. Example:

    - <Button mr={2}>...</Button>
    + <Button sx={{mr: 2}}>...</Button>

    There is a codemod available to migrate from system props to the sx prop:

    • TypeScript example:

      npx jscodeshift -t node_modules/@ primer/components/codemods/removeSystemProps.js
      --parser=tsx path/to/workspace/src/*.tsx

    • Babel example:

      npx jscodeshift -t node_modules/@ primer/components/codemods/removeSystemProps.js
      --parser=babel path/to/workspace/src/*.tsx

  Patch Changes

  • #1332 ec11d7b8 Thanks @ mattcosta7! - Side effects are properly declared in package.json

  • #1308 a8f3ca6d Thanks @ dgreif! - Focus zones will now update active-descendant on mousemove over focusable elements. ActionList has been updated to handle direct (key press) vs indirect (mousemove, DOM change, etc.) changes to active-descendant, and will use a distinct background color for the directly activated items.

• 28.2.5 - 2021-06-18
  

  Patch Changes

  • #1311 6f0535df Thanks @ lukewar! - Expose 'textInputProps' from the 'SelectPanel'

  • #1309 dc17a49e Thanks @ colebemis! - Include all shadow variables in theme object

  • #1251 528e9a41 Thanks @ VanAnderson! - Call useOnOutsideClick handlers in reverse order that they are registered, and allow propagation to stop if default is prevented or an non-outside click is detected.

  • #1312 76a38432 Thanks @ smockle! - Ensure clicking an AnchoredOverlay’s trigger allows it to close without immediately reopening.

• 28.2.4 - 2021-06-14
  

  Patch Changes

  • #1293 1148a718 Thanks @ 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 bb38754f Thanks @ VanAnderson! - Update overlay shadows

  • #1297 5fb3683d Thanks @ VanAnderson! - Bump @ primer/primitives to 4.4.0

  • #1288 15207119 Thanks @ 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 4b643818 Thanks @ dgreif! - Bump dependencies

  • #1279 bb38754f Thanks @ VanAnderson! - Update TextInput border color

• 28.2.3 - 2021-06-11
• 28.2.2 - 2021-06-11
• 28.2.1 - 2021-06-09
• 28.2.0 - 2021-05-27
• 28.1.1 - 2021-05-21
• 28.1.0 - 2021-05-20
• 28.0.4 - 2021-05-17

from @primer/components GitHub release notes

Commit messages

Package name: @primer/components

• 7d797c7 Version Packages (Password requirements are misleading github/docs#1396)
• e4dac57 Default portal containers created by primer are absolutely positioned at 0,0 (<Mr.Ghost>sudo-mode.md github/docs#1398)
• 83b888f Overlay and its composing components take a portalContainerName prop (Revert "chore: flatten ifs for fkirc/skip-duplicate-actions" github/docs#1388)
• bb54be3 chore(deps): bump url-parse from 1.5.1 to 1.5.3 in /docs (Update changing-your-primary-email-address.md github/docs#1376)
• 6c29aaa chore(deps): bump tar from 6.1.0 to 6.1.6 (Contact github/docs#1371)
• e5b0eda chore(deps-dev): bump @ storybook/react from 6.2.9 to 6.3.6 (Add warning regarding pull_request_target event github/docs#1354)
• 5470b61 Make top and left position explicit props of Overlay handled separately from other styles (Actions: Indicate that .steps is an array of objects github/docs#1385)
• 511bf71 useAnchoredPosition repositions on document resize (DecArt github/docs#1382)
• c66749a Update breadcrumb docs (Create about-pull-request-reviews.md github/docs#1394)
• 12f2eb8 Document ESLint plugin (by github/docs#1384)
• b1ad6cd Version Packages (GAPT@moj.gov.sa github/docs#1375)
• 6b4d52d Only add a media query event listener where supported (Description of rebase merge method is incorrect github/docs#1387)
• 8ee008d Update confirmation dialog buttons (Rename index.md to index.mod github/docs#1390)
• c906b0c Update CODEOWNERS
• 50dc8bc Create CODEOWNERS
• 84afb21 Update Spinner docs (Changelog.rss github/docs#1356)
• 2ea30b4 Bump @ primer/primitives to 4.6.4 (Add the option to exempt issues and prs from staleness github/docs#1386)
• b31f085 Position AnchoredOverlay directly on style property (Update index.md github/docs#1381)
• 557f839 chore(deps): bump @ types/styled-system from 5.1.11 to 5.1.12 (Goodbye classic hello YouTube studio github/docs#1360)
• 23be0ed Adds open, onOpenChange, and anchorRef props to DropdownMenu (0558612497 github/docs#1372)
• ad1d426 Release 28.3.2 (.2/:00.2/}:0000.1001.000 github/docs#1370)
• 36f156a feat(SelectPanel): allow external anchor ref (hello-world github/docs#1368)
• d3a463f change camel-cased to CamelCase
• 670375f Rename GitHub repo to primer/react (Change files github/docs#1365)

Compare

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs