@primer/figma-web-21-09-2023

💥 Breaking changes

• removed: 🛑 Repo Head [Deprecated]
• removed: 🛑 Filterlist.Item [Deprecated]
• removed: 🛑 DropdownItem [Deprecated]
• removed: 🛑 DropdownDivider [Deprecated]
• removed: 🛑 Dropdown [Deprecated]
• all components have been update to use primer/primitive v8 tokens so that you can use them together with the new v8 tokens that come with the library.
  While they are mostly a 1:1 match with the old style, there may be minor differences. Also, since this is not using the primitives library you can't use the "color mode" plugin anymore. Instead use Figmas internal collection mode switcher to change from light to dark mode.

🎉 Added

• Color variable collection mode including background, foreground and border colors
• Size variable collections base/size and functional/size including general size tokens, borderRadius, breakpoints and spaces

• FilterTabs
• FilterTabs.Item
  

@primer/figma-web-14-09-2023

🎉 Added

• Added primer/primitives as variables to the primer/web file. They are currently not being exported, but some components are already moved over to using variables. Those components can be changed from light to dark mode using the dropdown in the layer section on the right.

• Components that use v8 primitives are:

  • Banner
  • BranchName
  • Breadcrumbs
  • CounterLabel
  • Diffstat
  • Footer
  • Heading
  • Label
  • StateLabel
  • Link
  • Tooltips

• Added automatic prototype setting to checkbox including activating checkbox using space when focused

@primer/figma-web-11-09-2023

🎉 Added

ActionMenu

@primer/figma-web-08-09-2023

💥 Breaking changes

• Removed old header (Navigation)

🎉 Added

Notification Indicator

A Figma-only component that wraps an element and adds a notification dot to the top right corner.

GlobalNav

The GlobalNav is now available as a Figma component.

New variants for underlineNav

In Figma the UnderlineNav now has a type property with the values: Repo, Org, User and Team. Selecting any will switch between pre-defined navigations for those sections.

TreeView

Added TreeView component to Figma

@primer/[email protected]

Component updates

Remove emoji from property name of IssueLabel (updated)

• renamed property ❌remove? to remove?

ToggleSwitch (updated)

@primer/[email protected]

Component updates

ActionList active state is now bold

State=hover, Current selection=off (updated)

NavList (updated)

State=active, Current selection=off (updated)

State=hover, Current selection=on (updated)

collapsed?=false (updated)

State=rest, Current selection=on (updated)

collapsed?=true (updated)

State=disabled, Current selection=off (updated)

State=rest, Current selection=off (updated)

@primer/web 2023-02-10

Minor Changes

Published 10/02/2023

by Lukas Oppermann

Component updates

New link component added

@primer/web 2023-01-27

Figma Link

New components

• heading

Enhancements

• simplified cursor component to only have one property
• added note to indeterminate checkbox to explain why it may look different in your browser

@primer/web 2023-01-19

Figma link

🚀 Enhancements

• New contribution guidelines
• Button component got a trailingVisual property
• Button component property leadingIcon was renamed leadingVisual to be aligned with code implementation
• Overview page was removed in favor of every component having a dedicated page in the sidebar that is sorted alphabetically

2021.11.24-PrimerWeb

Primer Web

Figma link

🚀 Enhancements

• New and improved Blankslate component. The component's variant properties now match those seen in the Primer ViewComponent implementation
• New spinner component added. Use the spinner for loading frames. The spinner also has its animation built in and can be seen when viewing a prototype.

🐛 Bug fix

• small outline labels corrected for 16px size
• Large outline labels have been corrected to their correct size of 24px.
• Text area padding-x has been corrected to be consistent with production at 12px for default text areas. Markdown textarea elements have 8px padding-x by default. (🙏 @ohjoycelau)
• Update to AvatarStack > AvatarPair to correct constraints and frame size (🙏@ohjoycelau)
• Aligned properties between single and multi select ActionList items to allow for icon swapping overrides to be carried over.
• Tweaked some alignment settings in Overlay. Note: Figma is altering the constraints when a slot or OverlayHeader/OverlayFooter variant is changed. This is still being investigated but designers should be aware that manually changing constraints to "Fill container" may be necessary.