Skip to content

Releases: primer/figma

2021.06.10 Primer Web

11 Jun 01:59
0620e67
Compare
Choose a tag to compare

Primer Web

Figma link

🚀 Enhancement

  • Footer updates
    • Name layers
    • Fix autolayout for scaling
    • Add toggle for "Report bug" button
  • Add Sidenav subnav-items

🐛 Bug fix

Contributors

v2021.06.10 Octicons

11 Jun 01:57
0620e67
Compare
Choose a tag to compare

Octicons

Figma link

🚀 Enhancement

  • Added new issue icons
  • Added key-asterisk
  • Added sort-asc and sort-desc icons

🐛 Bug fix

  • Reset colors to text-primary
  • Correct rows and columns icon to correct vectors seen in code
  • Corrected resizing constraints to be scale/scale for new icons
Contributors

v2021.06.10 Primer Primitives

11 Jun 01:56
0620e67
Compare
Choose a tag to compare

Primer Primitives

🚀 Enhancement

2021.05.06 Primer Web

06 May 17:17
da2f842
Compare
Choose a tag to compare

Primer Web

Figma link

Major updates to form components

New form updates

All form components now use Figma's variants feature

Example: Text input with it's properties of size, type, content, and icon

Additional design guidelines added to showcase correct pairing for form group validation.

Example: text input with variants

🚀 Enhancement 5/4/21

  • Improved Form components! All form components now use variants.
  • Text input
    • Now includes options for size, content type, variation type, option for leading icon
  • Textarea
    • Removed unnecessary types
  • Corrected coloring for Text input and Textarea
  • Changed name of Form group validation to Note
  • Added variant for emphasis to label on checkboxes and radio buttons
  • Privatized text elements not necessary to component level
  • Applied text styles to Text input
  • Reorganized content on Form page
  • Descriptions and documentation links added to components

🧽 Chores 5/4/21

  • Import color update from Primer Primitives
Contributors

2021.04.06 Octicons

06 Apr 19:02
b402fb0
Compare
Choose a tag to compare

Figma link

🚀 Enhancements

New icon set

New icons added

  • codescan
  • codescan-checkmark
  • codespaces
  • dependabot
  • browser
  • table
  • person-add
  • blocked
  • duplicate

💥 Breaking changes

  • Removed insights-24

🐛 Bug fixes

  • added "-24" suffix to 24px multi-select, number, strikethrough, and video icons.
  • Normalized icon fill color to text/primary for kebab-horizontal, kebab-horizontal-24, and paper-airplane-24

2021.04.01 Primer Web

01 Apr 22:47
f249f2e
Compare
Choose a tag to compare

Primer Web

Figma link

💥 Breaking change

New select menu uses variants

  • SelectMenu component enhancements
  • Four new components have been created/iterated upon to enhance the usage of select menus (Menu items, Headers, Filter, Tabs)
  • Each new component has related properties to quickly switch between different types.
  • Interactive prototyping added to menu items and tabs
  • Note: Select menus items with leading visuals (avatars and icons), counters and status indicators are still WIP

🚀 Enhancement

Breadcrumb component now offers up to 10 items

  • Add variant property for breadcrumbs indicating # of items in breadcrumb (up to 10)
  • Add variant property to allow for bold text in breadcrumb-items

Outline label component property dropdowns now have descriptive properties

  • Cleaned up outline-label descriptions and property values to be more descriptive. (e.g. Label with color Info -> Info (blue))
  • Add pixel sizes to label and counter variants

🐛 Bug fix

  • Combined Toast type indicators into one variant (For maintainers)
  • Removed Toast type indicators from public library
  • Rename Avatar / StackingCombination -> AvatarStack
  • Select menu text layer name fixes to preserve overrides
  • Corrected weird variant bug with swapping between default selected and unselected menu items that were swapping to hover state
  • Corrected tab order for active tab sorting

🧽 Chores

  • Update light mode styles from Primer Primitives: Light mode

2021.03.18 Primer Web

18 Mar 23:13
fdcf60d
Compare
Choose a tag to compare

Primer Web

Figma link

🚀 Enhancement

Improved markdown component to include title inputs

  • Improve Markdown comment
    • Added variants for size and hide/show title bar
    • Add version with title bar
  • Remove unnecessary styling from Tip component

Repo navigation component with dropdown to change active tab

  • repoNavigation now uses variants! Quickly swap the active tab in the navigation with the property dropdown.

iRepo navigation component with dropdown to change active tab

  • Org underline navigation is now a part of Primer Web! Swap the active tab using the variant property. Counters can be controlled individually at the tab level variants. 👏🏼 @pmarsceill!

2021.03.11 Primer Web

11 Mar 16:13
5715813
Compare
Choose a tag to compare

Primer Web

Figma link

🚀 Enhancement

Note: These are 💥Breaking changes

  • The sideNav-item is refactored and now uses variants.
    • Options for leading visual items (icon or avatar) and an optional auxiliary counter can now be toggled on/off from the inspector
    • Selected state can now be toggled on/off from the inspector
  • The old sideNav-items have been removed
    • / text only
    • / textAvatar
    • / textCounter
    • / textIcon
    • / textLabel
    • / textStatus
    • / wHeading

🐛 Bug fix

  • Removed bg color from underlineNav-tab's
  • Removed bg color from repoNavigation to fix the overlap with the component's bottom border.
  • repoNav bg color, bg/secondary, is now set to the Repo Head (Pagehead + Footer)
  • Corrected tab name for the Discussions tab in repoNavigation
  • Fix Issues and Discussions tab selected text to be bold
  • Correct positioning of Submit button in Markdown comment box (@brooklynO)
  • Remove unnecessary background color in Markdown comment/Desktop (@brooklynO)
  • Fix Button/primary/small/icon
  • Swap Default for Header component to be Default variant instead of Simple
  • Corrected issues icon in repoNav of Repo Head component
  • correct new sideNav selected states

🧪 Experimental

  • Add interactive component feature to underlineNav-tab
  • Refactored repoNavigation to use new underlineNav-tab with prototyping
  • The sidenav-item now has the hover state built in
Contributors

Primer Web 2021.02.25

10 Feb 23:36
c536a73
Compare
Choose a tag to compare

Figma link

🚀 Enhancement

  • Added underlineNav tab for Discussions
  • Updated repoNav component to now include Discussions

🐛 Bug fix

  • Remove Codespaces from main navigation and mobile main navigation
  • Focus border added to input focus state. When Clip content is unchecked, the spread of a shadow effect no longer shows. The input focus now uses state/focus/shadow to enable the blue focus shadow. This closes #4
  • removed misc. search icons from the social count buttons
  • color correction on Form control
  • hid non-default layers in Subnav

Primer Web

21 Jan 02:04
6793f8b
Compare
Choose a tag to compare

Primer Web

Figma link

🚀Enhancement

Example showing an Avatar stack now includes properties for "Stackable" and "Square"

  • Simplified avatars and added the property of "Stackable" which allows for the 20px stackable avatar to be enabled from the base Avatar component.

Having "Stackable" toggled on will force the icon to be 20px in size

  • Replaced Stackable avatar with modified Avatar component in "Stacking combination"
  • Avatars now follow the same properties as seen in code. We have removed the difference between User vs Entity and have simplified to state if the avatar visually appears as a circle or a square using the variant property booleans.

Buttons have new properties for variants including toggles for leading icon, counter, and dropdown

  • Button variants have been improved to include toggles for the leading icon, counter, and dropdown
    Note: Currently icons don't correctly change color. This can be remidied for now with by resetting the icon and the button's correct icon color will appear but the icon will need to be swapped again.

Fix icon bug by resetting the override to the icon layer and reswapping the icon

Note: Descriptions are still supplied to denote correct avatar usage between the circle and square shapes.

💥Breaking changes

  • Removed Stackable avatar

🐛Bug fix

  • Avatar updates have been pushed to components that consume the Avatar
  • Counters were updated to use the the new auto layout and the default size option has been changed to medium (@vdepizzol)
  • Sponsor button has been fixed on Repohead component (@mkwng)
  • List headers now properly use auto layout (@adrianmg)
  • Components built using the Button component have been updated to use the latest button component
Contributors